2023年Dreamweaver網(wǎng)設(shè)計(jì)課程的核心知識(shí)點(diǎn)

《Dreamwｅaver網(wǎng)頁(yè)設(shè)計(jì)》課程的核心知識(shí)點(diǎn)在學(xué)習(xí)的過(guò)程中，請(qǐng)同學(xué)們重點(diǎn)關(guān)注以下知識(shí)點(diǎn)。一、建立站點(diǎn)本地站點(diǎn)和遠(yuǎn)程站點(diǎn)的概念。搭建站點(diǎn)的兩種方法:使用向?qū)?lái)完畢，運(yùn)用高級(jí)設(shè)定來(lái)完畢。練習(xí)：按照下述規(guī)定建立站點(diǎn)1．新建本地根文獻(xiàn)夾:在指定的文獻(xiàn)夾中新建本地根文獻(xiàn)夾并命名為ｒoｏｔ，在該文獻(xiàn)夾中新建子文獻(xiàn)夾,用于存放圖片等文檔。2．定義站點(diǎn)：設(shè)立“站點(diǎn)名稱”：定義Dreamｗeaveｒ站點(diǎn),命名為“Mｙｗｅb＇’。設(shè)立本地根文獻(xiàn)夾：本地根文獻(xiàn)夾指定為ｒoot文獻(xiàn)夾。設(shè)立首頁(yè):設(shè)立首頁(yè)為inｄeｘ.htm。二、有關(guān)HTML文獻(xiàn)的基礎(chǔ)知識(shí)(很重要)１．ＨTML：HｙpeｒTextMａrｋupLanｇｕage超文本標(biāo)記語(yǔ)言２.直接由瀏覽器解釋執(zhí)行,無(wú)須編譯。３.語(yǔ)法結(jié)構(gòu)：涉及文檔頭部和文檔主體。下面是HＴML代碼的基本結(jié)構(gòu)：<HTML＞<ＨEAD>頭部信息<／HＥAD><BODＹ>文檔主體，正文部分</BＯDY></HTML＞４.標(biāo)簽１)用<和>包圍起來(lái)的代碼２)涉及單標(biāo)簽和雙標(biāo)簽單標(biāo)簽<BR>表達(dá)換行<HＲ>表達(dá)插入一條水平線雙標(biāo)簽<始標(biāo)簽>內(nèi)容＜/尾標(biāo)簽>例如:＜B＞加粗文字</B>3)標(biāo)簽的屬性<標(biāo)簽的名字屬性1屬性2屬性3＞屬性之間沒(méi)有順序關(guān)系屬性值盡量用英文輸入法下的全角引號(hào)包圍。<HRＳIZＥ＝3ＡLIGN=ＬEFＴWＩDTH＝"75%">SＩZE:線的粗細(xì)AＬIGN:對(duì)齊方式ＷIDTH：水平線的長(zhǎng)度4)重要的標(biāo)簽頭部標(biāo)簽主體標(biāo)簽圖片標(biāo)簽文字標(biāo)簽字體標(biāo)簽列表標(biāo)簽表格標(biāo)簽表單標(biāo)簽三、基本網(wǎng)頁(yè)設(shè)計(jì)1．設(shè)立頁(yè)面屬性2.設(shè)立文獻(xiàn)頭信息３.網(wǎng)頁(yè)中的文字、文字設(shè)立４.網(wǎng)頁(yè)中的圖像、圖像設(shè)立５．圖文混排的網(wǎng)頁(yè)６．網(wǎng)頁(yè)鏈接的設(shè)計(jì)1）相對(duì)途徑與絕對(duì)途徑２)制作Eｍａiｌ鏈接3）制作錨點(diǎn)鏈接４)制作圖像映射即熱點(diǎn)5)制作腳本鏈接7.多媒體網(wǎng)頁(yè)的設(shè)計(jì)1)在網(wǎng)頁(yè)中插入Ｆｌａｓh動(dòng)畫(huà)2）在網(wǎng)頁(yè)中插入Fｌash按鈕與文字３）在網(wǎng)頁(yè)中插入Flaｓｈ圖片播放器4)在網(wǎng)頁(yè)中插入Aｐplet５)在網(wǎng)頁(yè)中使用翻轉(zhuǎn)圖片6)在網(wǎng)頁(yè)中使用導(dǎo)航條7)在網(wǎng)頁(yè)中插入音頻8)插入與控制滾動(dòng)文字９插入水平線8．各種對(duì)象的屬性面板四、表格的使用1.“表格”對(duì)話框中１)表格寬度:單位有像素和比例兩種；按像素定義的表格大小是固定，按比例定義的表格，表格隨瀏覽器的大小變化。２)邊框粗細(xì):指表格邊框的粗細(xì)；0為無(wú)邊框,１為有邊框。3）單元格邊距:表達(dá)單元格中的內(nèi)容和單元格邊框之間的距離。2．表格屬性與單元格屬性的設(shè)立3.了解表格中的HTML在表格設(shè)計(jì)的HTML中的重要標(biāo)簽涉及：<tablｅ><／taｂle>其中的內(nèi)容屑于一個(gè)表格<tｒ><／tr>其中的內(nèi)容屬于一行<td></td>其中的內(nèi)容屬于一列4．表格的設(shè)計(jì)與解決5．運(yùn)用表格進(jìn)行網(wǎng)頁(yè)排版6.表格排序五、表單的使用1．表單的基本概念１)表單的作用：收集用戶的信息。2)表單的工作組成：分為前臺(tái)和后臺(tái)兩個(gè)部分，后臺(tái)往往需要一些編程語(yǔ)言輔助完畢。3)表單的工作過(guò)程：訪問(wèn)者在瀏覽有表單的網(wǎng)頁(yè)時(shí),可填寫(xiě)必須的信息，然后單擊“提交”按鈕。這些信息通過(guò)Ｉnｔernｅt傳送到服務(wù)器上。服務(wù)器上專門(mén)的程序?qū)@些數(shù)據(jù)進(jìn)行解決，假如有錯(cuò)誤會(huì)返回錯(cuò)誤信息，并規(guī)定糾正錯(cuò)誤。當(dāng)數(shù)據(jù)完整無(wú)誤后,服務(wù)器反饋一個(gè)輸人完畢信息。4)表單的組成:一個(gè)表單域和若干表單元素。５)表單的提交方法：ＧET將瀏覽者提供的信息附加在URL地址的后面提交到服務(wù)器;PＯSＴ表單信息將以文獻(xiàn)的形式提交,安全系數(shù)高。２．插入各種表單對(duì)象1)文本域2)隱藏域3)按鈕４)單選按鈕(組)5)復(fù)選框6)列表／菜單7)跳轉(zhuǎn)菜單8）文獻(xiàn)域9)圖像域六、使用CSS樣式表1．樣式表基礎(chǔ)１)概念:簡(jiǎn)稱CＳＳ，是一系列格式規(guī)則，用于控制網(wǎng)頁(yè)內(nèi)容的外觀。2)作用：控制傳統(tǒng)的文本屬性、特殊的html屬性(對(duì)象位置、圖片效果、鼠標(biāo)指針等）。3）特點(diǎn):格式與結(jié)構(gòu)分離;控制頁(yè)面布局；減小網(wǎng)頁(yè)的“體積”;同時(shí)更新網(wǎng)頁(yè)。４)類(lèi)型:類(lèi)樣式，標(biāo)簽樣式,高級(jí)樣式。類(lèi)樣式：也稱為自定義樣式表,可以將樣式屬性設(shè)立為任何文本范圍或文本塊中,所有樣式均以．開(kāi)頭，出現(xiàn)“Clasｓ”屬性，出現(xiàn)“<Spａn></Span＞”標(biāo)簽。標(biāo)簽樣式:針對(duì)標(biāo)簽定義的樣式，將對(duì)整個(gè)標(biāo)簽內(nèi)的內(nèi)容有效。高級(jí)樣式：使用“ID”屬性，常見(jiàn)的有4種:a：ｌinｋ設(shè)定正常狀態(tài)下鏈接文字的樣式。a:active設(shè)定鼠標(biāo)單擊時(shí)鏈接文字的外觀。a：visited設(shè)定訪問(wèn)過(guò)的鏈接文字的外觀。ａ:hｏvｅr設(shè)定鼠標(biāo)放置在鏈接文字之上時(shí)文字的外觀。５)語(yǔ)法規(guī)則：由兩個(gè)部分組成：選擇器和聲明，選擇器就是樣式的名稱，涉及自定義的類(lèi)，HＴML標(biāo)簽和ＣSS選擇器樣式。比如“.mｙcss”為自定義的類(lèi)，“tｄ”為標(biāo)準(zhǔn)HTML標(biāo)簽,而“a:link”則是CＳS選擇器樣式;聲明則是用于定義樣式元素的。聲明又分兩部分:屬性(如ｆont-siｚｅ）和值（如1２px)。對(duì)于一個(gè)選擇器而言，可以有多個(gè)聲明。比如一個(gè)聲明是表達(dá)顏色,一個(gè)聲明是表達(dá)大小等。2．樣式表的設(shè)立與使用3．鏈接和導(dǎo)入樣式七、框架的使用1．框架的基本概念１)作用:把瀏覽器窗口劃分為若干個(gè)區(qū)域,每個(gè)區(qū)域可以分別顯示不同的網(wǎng)頁(yè)。２)組成：框架集(Frameseｔ)：也是一個(gè)網(wǎng)頁(yè)文獻(xiàn)，它將一個(gè)窗口通過(guò)行和列分割成多個(gè)框架,每個(gè)框架中要顯示的就是不同的網(wǎng)頁(yè)文獻(xiàn)。框架(Ｆrame)：瀏覽器窗口中的一個(gè)區(qū)域，可以顯示與瀏覽器窗口中的其余部分中所顯示內(nèi)容無(wú)關(guān)的網(wǎng)頁(yè)文獻(xiàn)。3)保存方式：保存框架集文獻(xiàn)、多個(gè)框架文獻(xiàn)。２.框架的創(chuàng)建與使用八、層的使用１.層的基本概念1)層：CＳS中的定位技術(shù),在Dreamｗeaｖer中可對(duì)其進(jìn)行可視化操作。層體現(xiàn)了網(wǎng)頁(yè)技術(shù)從二維空間向三維空間的一種延伸。2)層的特點(diǎn)：重疊、便于移動(dòng)、可設(shè)為隱藏。3)運(yùn)用層與表格進(jìn)行的排版：不是所有的瀏覽器都支持層。運(yùn)用層做對(duì)象的定位，然后將層轉(zhuǎn)化為表格。2．層與排版九、時(shí)間軸和行為的使用1.使用時(shí)間軸制作動(dòng)畫(huà)制作動(dòng)畫(huà)需要將層和“時(shí)間軸”面板配合起來(lái)。運(yùn)用時(shí)間軸，可以更改層的位置、大小、可見(jiàn)性和層疊順序。2.使用行為制作動(dòng)態(tài)網(wǎng)頁(yè)行為是指可以簡(jiǎn)樸運(yùn)用制作動(dòng)態(tài)網(wǎng)頁(yè)的ＪａvaScrｉpｔ的功能,它提高了網(wǎng)站的可交互性。１)行為的組成:由動(dòng)作和事件組成。例如，當(dāng)鼠標(biāo)指針指向一張圖片，圖片發(fā)生輪替，此時(shí)鼠標(biāo)移動(dòng)被稱為事件,圖片發(fā)生的變化稱之為動(dòng)作。一般的動(dòng)作是由事件來(lái)激活動(dòng)作。2）動(dòng)作:由預(yù)先寫(xiě)好的可以執(zhí)行某種任務(wù)的JavaScｒipt代碼組成,這些代碼執(zhí)行特定的任務(wù)，例如打開(kāi)瀏覽器窗口、顯示或隱藏層、播放聲音或停止Shockwａve影片。３)事件:與瀏覽器用戶的操作相關(guān)，如鼠標(biāo)的滾動(dòng)等。onｆoｃus事件發(fā)生在窗口得到焦點(diǎn)的時(shí)候。應(yīng)用于:windoｗ對(duì)象onｌoａd事件發(fā)生在文檔所有下載完畢的時(shí)候。所有下載完畢意味著不僅HTML文獻(xiàn),并且包含的圖片,插件,控件，小程序等所有內(nèi)容都下載完畢。本領(lǐng)件是ｗinｄｏw的事件，但是在HTML中指定事件解決程序的時(shí)候,我們是把它寫(xiě)在<body>標(biāo)記中的。應(yīng)用于：window對(duì)象ｏｎmousedowｎ事件發(fā)生在用戶把鼠標(biāo)放在對(duì)象上按下鼠標(biāo)鍵的時(shí)候。參考o(jì)ｎｍouseup事件。應(yīng)用于：Bｕtton對(duì)象；Link對(duì)象oｎmｏｕseoｕt事件發(fā)生在鼠標(biāo)離開(kāi)對(duì)象的時(shí)候。參考ｏnmouseover事件。應(yīng)用于:Link對(duì)象onmoｕseｏver事件發(fā)生在鼠標(biāo)進(jìn)入對(duì)象范圍的時(shí)候。這個(gè)事件和oｎmouｓeoｕｔ事件,再加上圖片的預(yù)讀,就可以做到當(dāng)鼠標(biāo)移到圖像連接上，圖像更改的效果了

應(yīng)用于：Ｌinｋ對(duì)象oｎmoｕseuｐ事件發(fā)生在用戶把鼠標(biāo)放在對(duì)象上鼠標(biāo)鍵被按下的情況下,放開(kāi)鼠標(biāo)鍵的時(shí)候。假如按下鼠標(biāo)鍵的時(shí)候，鼠標(biāo)并不在放開(kāi)鼠標(biāo)的對(duì)象上,則本領(lǐng)件不會(huì)發(fā)生。應(yīng)用于:Button對(duì)象；Link對(duì)象。onDbｌClick雙擊事件ｏnclｉｃk事件發(fā)生在對(duì)象被單擊的時(shí)候。單擊是指鼠標(biāo)停留在對(duì)象上,按下鼠標(biāo)鍵，沒(méi)有移動(dòng)鼠標(biāo)而放開(kāi)鼠標(biāo)鍵這一個(gè)完整的過(guò)程。一個(gè)普通按鈕對(duì)象(Bｕtton)通常會(huì)有oncｌiｃk事件解決程序,由于這種對(duì)象主線不能從用戶那里得到任何信息，沒(méi)有onclｉck事件解決程序就等于廢柴。按鈕上添加oｎclicｋ事件解決程序，可以模擬“另一個(gè)提交按鈕”,方法是：在事件解決程序中更改表單的ａction,tａｒgｅｔ,ｅncodiｎｇ,meｔhod等一個(gè)或幾個(gè)屬性,然后調(diào)用表單的submit（）方法。在Link對(duì)象的onclick事件解決程序中返回falｓｅ值(retｕrnｆalsｅ),能阻止瀏覽器打開(kāi)此連接。即，