第7章?模板、庫(kù)、表單和行為的應(yīng)用DreamweaverCS6網(wǎng)頁(yè)設(shè)計(jì)立體化教程（微課版）高等教育立體化精品系列規(guī)劃教材7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)內(nèi)容導(dǎo)航7.1.1創(chuàng)建模板7.1.2編輯模板7.1.3應(yīng)用與管理模板7.5項(xiàng)目實(shí)訓(xùn)7.6課后練習(xí)7.7技巧提升7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)7.1.1創(chuàng)建模板通過(guò)“新建”菜單可以輕松創(chuàng)建空白模板，其方法為：選擇【文件】/【新建】菜單命令，打開(kāi)“新建文檔”對(duì)話框，選擇左側(cè)的“空模板”選項(xiàng)，在“模板類型”列表框中選擇“HTML模板”選項(xiàng)，在“布局”的列表框中選擇“<無(wú)>”選項(xiàng)。最后單擊按鈕即可創(chuàng)建一個(gè)空白的模板文件。1.創(chuàng)建空白模板7.1.1創(chuàng)建模板2.將網(wǎng)頁(yè)另存為模板打開(kāi)“khjl.html”網(wǎng)頁(yè)文件，選擇【文件】/【另存為模板】菜單命令。打開(kāi)“另存為模板”對(duì)話框，在“站點(diǎn)”下拉列表框中選擇“qlqxsite”選項(xiàng)，在“另存為”文本框中輸入“khjl”，單擊按鈕即可。7.1.2編輯模板1.創(chuàng)建可編輯區(qū)域?qū)⒉迦朦c(diǎn)定位到需要的位置，選擇【插入】/【模板對(duì)象】/【可編輯區(qū)域】菜單命令，或在“插入”面板中選擇“常用”工具欄，單擊“模板”下拉按鈕，在打開(kāi)的下拉列表中選擇“可編輯區(qū)域”選項(xiàng)。打開(kāi)“新建可編輯區(qū)域”對(duì)話框，在“名稱”文本框中輸入“嵌套表格”，單擊按鈕。此時(shí)插入點(diǎn)所在的單元格將出現(xiàn)創(chuàng)建的可編輯區(qū)域。7.1.2編輯模板2.更改可編輯區(qū)域名稱單擊“嵌套表格”可編輯區(qū)域的藍(lán)色底紋標(biāo)簽并將其選擇，在“屬性”面板的“名稱”文本框中將內(nèi)容修改為“導(dǎo)航欄目”，選擇“嵌套表格”可編輯區(qū)域中的“嵌套表格”文本，直接修改為“導(dǎo)航欄目”即可。7.1.2編輯模板3.取消可編輯區(qū)域標(biāo)簽創(chuàng)建的可編輯區(qū)域默認(rèn)會(huì)顯示藍(lán)色底紋的標(biāo)簽，如果不需要該對(duì)象，可將其取消。方法為：選擇可編輯區(qū)域內(nèi)的標(biāo)簽，然后選擇【修改】/【模板】/【刪除模板標(biāo)記】菜單命令即可。7.1.2編輯模板4.創(chuàng)建重復(fù)區(qū)域重復(fù)區(qū)域可以通過(guò)重復(fù)特定的項(xiàng)目來(lái)控制網(wǎng)頁(yè)布局效果。在模板中創(chuàng)建重復(fù)區(qū)域的方法為：選擇模板中需設(shè)置為重復(fù)區(qū)域的對(duì)象，或?qū)⒉迦朦c(diǎn)定位到要?jiǎng)?chuàng)建重復(fù)區(qū)域的位置，然后選擇【插入】/【模板對(duì)象】/【重復(fù)區(qū)域】菜單命令，打開(kāi)“新建重復(fù)區(qū)域”對(duì)話框。在“名稱”文本框中輸入重復(fù)區(qū)域的名稱后，單擊按鈕即可。7.1.2編輯模板5.創(chuàng)建重復(fù)表格將插入點(diǎn)定位到需創(chuàng)建重復(fù)表格的位置，選擇【插入】/【模板對(duì)象】/【重復(fù)表格】菜單命令，打開(kāi)“插入重復(fù)表格”對(duì)話框。在上方設(shè)置表格屬性，包括表格行列數(shù)、邊距、間距、寬度和邊框等，在下方的“起始行”和“結(jié)束行”文本框中指定表格中的哪些行包含在重復(fù)區(qū)域中，在“區(qū)域名稱”文本框中輸入重復(fù)表格名稱，完成后單擊按鈕即可。7.1.2編輯模板6.創(chuàng)建可選區(qū)域在模板文件中選擇需設(shè)置為可選區(qū)域的對(duì)象，然后選擇【插入】/【模板對(duì)象】/【可選區(qū)域】菜單命令，打開(kāi)“新建可選區(qū)域”對(duì)話框。在“基本”選項(xiàng)卡的“名稱”文本框中輸入可選區(qū)域的名稱，單擊選中復(fù)選框可使可選區(qū)域在默認(rèn)狀態(tài)下為顯示狀態(tài)。單擊“高級(jí)”選項(xiàng)卡，單擊選中單選項(xiàng)，在右側(cè)的下拉列表框中可選擇已創(chuàng)建的模板參數(shù)名稱，完成后單擊按鈕即可。7.1.2編輯模板7.創(chuàng)建可編輯的可選區(qū)域可選區(qū)域是無(wú)法編輯的，要想對(duì)可選區(qū)域進(jìn)行編輯，則可以創(chuàng)建可編輯的可選區(qū)域?qū)ο?，其方法為：在模板文件中設(shè)置模板參數(shù)，將插入點(diǎn)定位到需創(chuàng)建可編輯可選區(qū)域的位置，然后選擇【插入】/【模板對(duì)象】/【可編輯的可選區(qū)域】菜單命令，打開(kāi)“新建可選區(qū)域”對(duì)話框，按照設(shè)置可選區(qū)域的方法進(jìn)行設(shè)置，完成后單擊按鈕即可。7.1.3應(yīng)用與管理模板1.基于模板新建網(wǎng)頁(yè)選擇【文件】/【新建】菜單命令，打開(kāi)“新建文檔”對(duì)話框，在對(duì)話框左側(cè)選擇“模板中的頁(yè)”選項(xiàng)，在“站點(diǎn)”列表框中選擇“qlqxsite”選項(xiàng)，并在右側(cè)的列表框中選擇“khjl”選項(xiàng)，單擊按鈕。此時(shí)將根據(jù)該模板創(chuàng)建網(wǎng)頁(yè)，當(dāng)鼠標(biāo)指針移動(dòng)到網(wǎng)頁(yè)中的非可編輯區(qū)域時(shí)將變?yōu)榻脿顟B(tài)，表示不能對(duì)該內(nèi)容進(jìn)行編輯。7.1.3應(yīng)用與管理模板2.更新模板內(nèi)容選擇【修改】/【模板】/【更新頁(yè)面】菜單命令。打開(kāi)“更新頁(yè)面”對(duì)話框，在“查看”下拉列表框中選擇“整個(gè)站點(diǎn)”選項(xiàng)，在右側(cè)的下拉列表框中選擇“qlqxsite”選項(xiàng)，單擊選

中復(fù)選框，然后依次單擊按鈕和按鈕，此時(shí)“khjl.html”網(wǎng)頁(yè)底部的標(biāo)簽信息將自動(dòng)更新。7.1.3應(yīng)用與管理模板3.刪除模板打開(kāi)“文件”面板，在其中展開(kāi)“Templates”文件夾，在其中選擇需要?jiǎng)h除的模板文件，然后按【Delete】鍵刪除即可。如果站點(diǎn)中包含了通過(guò)該模板創(chuàng)建的一個(gè)或多個(gè)網(wǎng)頁(yè)，則刪除模板時(shí)Dreamweaver會(huì)打開(kāi)提示對(duì)話框，單擊按鈕表示確認(rèn)模板的刪除。7.1.3應(yīng)用與管理模板4.脫離模板脫離模板可以使基于該模板創(chuàng)建的網(wǎng)頁(yè)中的所有區(qū)域都能編輯，從而使得網(wǎng)頁(yè)設(shè)計(jì)更加方便和自主。脫離模板的方法為：打開(kāi)基于模板創(chuàng)建的網(wǎng)頁(yè)，然后選擇【修改】/【模板】/【從模板中分離】菜單命令即可將網(wǎng)頁(yè)脫離模板，此時(shí)將鼠標(biāo)指針移到網(wǎng)頁(yè)中的任意位置都不會(huì)出現(xiàn)禁用狀態(tài)，表示可以對(duì)這些對(duì)象進(jìn)行編輯。7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)內(nèi)容導(dǎo)航7.2.1認(rèn)識(shí)“資源”面板7.2.2創(chuàng)建庫(kù)文件7.2.3應(yīng)用庫(kù)文件7.2.4編輯庫(kù)文件7.2.5更新庫(kù)文件7.2.6分離庫(kù)文件7.5項(xiàng)目實(shí)訓(xùn)7.6課后練習(xí)7.7技巧提升7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.2.1認(rèn)識(shí)“資源”面板“資源”面板是庫(kù)文件的載體。選擇【窗口】/【資源】菜單命令即可打開(kāi)“資源”面板，單擊左側(cè)的“庫(kù)”按鈕，此時(shí)面板中顯示的便是庫(kù)文件資源的相關(guān)內(nèi)容。7.2.2創(chuàng)建庫(kù)文件1.將已有元素創(chuàng)建為庫(kù)文件如果某些網(wǎng)頁(yè)中已經(jīng)包含了可以創(chuàng)建為庫(kù)文件的元素，則可將其直接轉(zhuǎn)換為庫(kù)文件，并保存在“資源”面板中，其方法為：選擇需要?jiǎng)?chuàng)建為庫(kù)文件的對(duì)象，選擇【修改】/【庫(kù)】/【增加對(duì)象到庫(kù)】菜單命令，在“資源”面板中修改創(chuàng)建的庫(kù)文件名稱即可。7.2.2創(chuàng)建庫(kù)文件2.通過(guò)“資源”面板新建庫(kù)文件單擊“資源”面板下方的“新建庫(kù)項(xiàng)目”按鈕，在“資源”面板中將創(chuàng)建的庫(kù)文件名稱更改為“product”，單擊下方的“編輯”按鈕，此時(shí)將打開(kāi)庫(kù)文件頁(yè)面，在其中創(chuàng)建出需要的庫(kù)文件內(nèi)容，保存庫(kù)文件并將其關(guān)閉，此時(shí)在“資源”面板中將看到創(chuàng)建的庫(kù)文件效果。7.2.3應(yīng)用庫(kù)文件將插入點(diǎn)定位到空白單元格中，打開(kāi)“資源”面板，選擇列表框中的“product”選項(xiàng)，單擊按鈕。此時(shí)網(wǎng)頁(yè)中將插入選擇的庫(kù)文件內(nèi)容，且無(wú)法對(duì)其進(jìn)行編輯。7.2.4編輯庫(kù)文件創(chuàng)建的庫(kù)文件可隨時(shí)進(jìn)行修改，只需在“資源”面板中選擇需要修改的庫(kù)文件選項(xiàng)，然后單擊下方的“編輯”按鈕，或直接雙擊庫(kù)文件選項(xiàng)，在打開(kāi)的庫(kù)文件頁(yè)面中進(jìn)行修改，完成后保存并關(guān)閉頁(yè)面即可。7.2.5更新庫(kù)文件編輯了庫(kù)文件后，所有網(wǎng)頁(yè)中添加的庫(kù)文件對(duì)象可通過(guò)更新來(lái)自動(dòng)修改，從而提高網(wǎng)頁(yè)制作的效率。更新庫(kù)文件的方法為：選擇【修改】/【庫(kù)】/【更新頁(yè)面】菜單命令，打開(kāi)“更新頁(yè)面”對(duì)話框，選擇“查看”下拉列表框中的“整個(gè)站點(diǎn)”選項(xiàng)，并在右側(cè)的下拉列表框中選擇庫(kù)文件所在的站點(diǎn)，單擊選中復(fù)選框，然后單擊按鈕即可。7.2.6分離庫(kù)文件添加到網(wǎng)頁(yè)中的庫(kù)文件不允許被編輯，只有通過(guò)對(duì)庫(kù)文件自身的內(nèi)容進(jìn)行修改并更新網(wǎng)頁(yè)的操作來(lái)實(shí)現(xiàn)編輯。但如果想對(duì)網(wǎng)頁(yè)中的某個(gè)庫(kù)文件進(jìn)行單獨(dú)修改，則可采用分離庫(kù)文件的方式來(lái)實(shí)現(xiàn)，其方法為：選擇網(wǎng)頁(yè)中需分離的庫(kù)文件，單擊“屬性”面板中的按鈕，或在網(wǎng)頁(yè)中的庫(kù)文件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“從源文件中分離”命令，在打開(kāi)的提示對(duì)話框中單擊按鈕即可。7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)內(nèi)容導(dǎo)航7.3.1表單的基礎(chǔ)操作7.3.2在表單中添加各種元素7.5項(xiàng)目實(shí)訓(xùn)7.6課后練習(xí)7.7技巧提升7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.3.1表單的基礎(chǔ)操作制作表單頁(yè)面之前首先要?jiǎng)?chuàng)建表單，然后才能在表單區(qū)域內(nèi)添加表單對(duì)象。在Dreamweaver中組成表單的元素很有多，如文本字段、復(fù)選框、單選項(xiàng)、按鈕、列表和菜單等。1.表單的組成7.3.1表單的基礎(chǔ)操作將插入點(diǎn)定位到空白的單元格中，選擇【插入】/【表單】/【表單】菜單命令，或打開(kāi)“插入”面板，切換到“表單”插入欄，選擇下方的“表單”選項(xiàng)，此時(shí)插入點(diǎn)處將顯示邊框?yàn)榧t色虛線的表單區(qū)域。2.創(chuàng)建表單7.3.1表單的基礎(chǔ)操作要想利用表單頁(yè)面收集用戶信息，即通過(guò)單擊“提交”按鈕將表單內(nèi)容匯總到服務(wù)器上，就需要對(duì)表單屬性進(jìn)行設(shè)置，其方法為：選擇插入的表單或?qū)⒉迦朦c(diǎn)定位到表單區(qū)域中，利用“屬性”面板設(shè)置即可。3.設(shè)置表單屬性7.3.2在表單中添加各種元素將插入點(diǎn)定位到表單區(qū)域，在“插入”面板中選擇“文本字段”選項(xiàng)。打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“user”和“用戶名：”，單擊按鈕，在插入的文本字段的“用戶名：”文本右側(cè)插入若干空格，選擇文本字段表單元素，在“屬性”面板中將字符寬度和最多字符數(shù)均設(shè)置為“16”，并將初始值設(shè)置為“請(qǐng)輸入會(huì)員名稱”即可。1.添加單行文本字段7.3.2在表單中添加各種元素在“插入”面板中選擇“文本字段”選項(xiàng)。打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“password”和“密碼：”，單擊按鈕，選擇插入的文本對(duì)象，在“屬性”面板中將字符寬度和最多字符數(shù)均設(shè)置為“16”，單擊選中“類型”欄中的單選項(xiàng)，并將初始值設(shè)置為“請(qǐng)?jiān)O(shè)置密碼”即可。2.添加密碼字段7.3.2在表單中添加各種元素在“插入”面板中選擇“文本字段”選項(xiàng)。打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“impression”和“公司印象：”，單擊按鈕，選擇插入的文本對(duì)象，在“屬性”面板中將字符寬度和行數(shù)分別設(shè)置為“32”和“3”，單擊選中“類型”欄中的單選項(xiàng)，并將初始值設(shè)置為“簡(jiǎn)述對(duì)本公司產(chǎn)品的印象”即可。3.添加多行文本字段7.3.2在表單中添加各種元素在表單中添加隱藏域的方法為：將插入點(diǎn)定位到需插入隱藏域的位置，在“插入”面板中選擇“隱藏域”選項(xiàng)，此時(shí)將直接在網(wǎng)頁(yè)表單區(qū)域插入一個(gè)隱藏域，選擇該對(duì)象后，在“屬性”面板中設(shè)置其ID名稱并賦予相應(yīng)的值即可。4.添加隱藏域7.3.2在表單中添加各種元素在“插入”面板中選擇“復(fù)選框”選項(xiàng)，打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“shoes”和“鞋”，單擊按鈕。5.添加復(fù)選框7.3.2在表單中添加各種元素在表單中定位插入點(diǎn)，在“插入”面板中選擇“復(fù)選框組”選項(xiàng)，打開(kāi)“復(fù)選框組”對(duì)話框。在列表框左側(cè)的“標(biāo)簽”欄中選擇某個(gè)選項(xiàng)后可更改復(fù)選框名稱，單擊上方的“添加”按鈕可增加組中的復(fù)選框。設(shè)置完成后單擊按鈕即可在表單中創(chuàng)建復(fù)選框組。6.添加復(fù)選框組7.3.2在表單中添加各種元素單選按鈕適合在多項(xiàng)中選擇其中一項(xiàng)的情況，如性別、職位等信息就可以利用單選按鈕來(lái)設(shè)置。在Dreamweaver中添加單選按鈕的方法為：在表單中定位插入點(diǎn)，在“插入”面板中選擇“單選按鈕”選項(xiàng)，打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，在其中設(shè)置ID和標(biāo)簽名稱后，單擊按鈕即可在表單中添加單選按鈕。7.添加單選按鈕7.3.2在表單中添加各種元素在“插入”面板中選擇“單選按鈕組”選項(xiàng)，打開(kāi)“單選按鈕組”對(duì)話框，將列表框中“標(biāo)簽”欄下方的選項(xiàng)名稱分別更改為名稱，單擊兩次“添加”按鈕，在單選按鈕組中再添加兩個(gè)單選按鈕，繼續(xù)在“標(biāo)簽”欄中將新增的選項(xiàng)分別更改名稱，單擊按鈕。8.添加單選按鈕組7.3.2在表單中添加各種元素在“插入”面板中選擇“選擇（列表/菜單）”選項(xiàng)，打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“sex”和“性別：”，單擊按鈕。選擇插入的菜單，在“屬性”面板中單擊按鈕，打開(kāi)“列表值”對(duì)話框，利用“添加”按鈕添加兩個(gè)名稱為“男”和“女”的項(xiàng)目標(biāo)簽，單擊按鈕。9.添加菜單7.3.2在表單中添加各種元素在“插入”面板中選擇“選擇（列表/菜單）”選項(xiàng)，打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“papers”和“選擇證件：”，單擊按鈕。選擇插入的列表（此時(shí)呈菜單樣式顯示），在“屬性”面板中單擊按鈕，打開(kāi)“列表值”對(duì)話框，利用“添加”按鈕添加4個(gè)項(xiàng)目標(biāo)簽，單擊按鈕。10.添加列表7.3.2在表單中添加各種元素在“插入”面板中選擇“文件域”選項(xiàng)，打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，分別在“ID”文本框和“標(biāo)簽”文本框中輸入“head”和“上傳頭像：”，單擊按鈕。插入文件域，該對(duì)象由標(biāo)簽、文本框和按鈕組成，選擇文件域，利用“屬性”模板設(shè)置字符寬度和最多字符數(shù)分別為“42”和“40”。11.添加文件域7.3.2在表單中添加各種元素在“插入”面板中選擇“按鈕”選項(xiàng)。打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，在“ID”文本框中輸入“submit”，單擊按鈕。在其“屬性”面板的“值”文本框中輸入“提交”文本，在“動(dòng)作”欄中單擊選中單選項(xiàng)，完成“提交”按鈕的創(chuàng)建。12.添加按鈕7.3.2在表單中添加各種元素在“插入”面板中選擇“圖像域”選項(xiàng)，打開(kāi)“選擇圖像域文件”對(duì)話框，在其中選擇提供的“button.png”圖像素材，單擊按鈕。打開(kāi)“輸入標(biāo)簽輔助功能屬性”對(duì)話框，在“ID”文本框中輸入“reset”，單擊按鈕。13.添加圖像域7.3.2在表單中添加各種元素在“插入”面板中選擇“字段集”選項(xiàng)，打開(kāi)“字段集”對(duì)話框，在“標(biāo)簽”文本框中輸入“基本信息”，單擊按鈕。14.添加字段集7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)內(nèi)容導(dǎo)航7.4.1關(guān)于行為的基礎(chǔ)知識(shí)7.4.2常用行為的使用方法7.5項(xiàng)目實(shí)訓(xùn)7.6課后練習(xí)7.7技巧提升7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.4.1關(guān)于行為的基礎(chǔ)知識(shí)行為是指在某種事件的觸發(fā)下，通過(guò)特定的過(guò)程以達(dá)到某種目的或?qū)崿F(xiàn)某種效果的方式。如瀏覽網(wǎng)頁(yè)時(shí)單擊某超鏈接（事件），瀏覽器將在此觸發(fā)事件下打開(kāi)一個(gè)窗口（目的），這就是一個(gè)完整的行為。Dreamweaver中的行為由動(dòng)作和事件兩部分組成，動(dòng)作控制什么時(shí)候執(zhí)行行為，事件則控制執(zhí)行行為的內(nèi)容。不同的瀏覽器包含不同事件，其中大部分事件在各個(gè)瀏覽器中都被支持。1.行為的組成與事件的作用7.4.1關(guān)于行為的基礎(chǔ)知識(shí)選擇【窗口】/【行為】菜單命令或按【Shift+F4】組合鍵即可打開(kāi)“行為”面板。2.認(rèn)識(shí)“行為”面板7.4.1關(guān)于行為的基礎(chǔ)知識(shí)添加行為是指將某個(gè)行為附加到指定的對(duì)象上，此對(duì)象可以是一個(gè)圖像、一段文本、一個(gè)超鏈接，也可以是整個(gè)網(wǎng)頁(yè)。添加行為的方法為：選擇需添加行為的對(duì)象，打開(kāi)“行為”面板，單擊“添加行為”按鈕，在打開(kāi)的下拉列表中選擇需要的行為選項(xiàng)，并在打開(kāi)的對(duì)話框中設(shè)置行為屬性。完成后繼續(xù)在“行為”面板中已添加行為左側(cè)的列表框中設(shè)置事件即可。3.添加行為7.4.1關(guān)于行為的基礎(chǔ)知識(shí)添加行為后，可根據(jù)實(shí)際需要對(duì)行為進(jìn)行修改，其方法為：在“行為”面板的列表框中選擇要修改的行為，雙擊右側(cè)的行為名稱，在打開(kāi)的對(duì)話框中重新進(jìn)行設(shè)置，單擊按鈕即可。3.修改行為7.4.1關(guān)于行為的基礎(chǔ)知識(shí)對(duì)于無(wú)用的行為，可利用“行為”面板及時(shí)將其刪除，以便更好地管理其他行為內(nèi)容。刪除行為的方法主要有以下幾種。4.刪除行為利用按鈕刪除：在“行為”面板列表框中選擇需刪除的行為，單擊上方的“刪除事件”按鈕。利用快捷鍵刪除：在“行為”面板列表框中選擇需刪除的行為，直接按【Delete】鍵。利用快捷菜單刪除：在“行為”面板列表框中選擇需刪除的行為，在其上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除行為”命令。7.4.2常用行為的使用方法在“行為”面板中單擊“添加行為”按鈕，在打開(kāi)的下拉列表中選擇“彈出信息”選項(xiàng)，打開(kāi)“彈出信息”對(duì)話框，在“消息”文本框中輸入需要顯示的文本內(nèi)容，完成后單擊按鈕。1.彈出信息7.4.2常用行為的使用方法在“行為”面板中單擊“添加行為”按鈕，在打開(kāi)的下拉列表中選擇“打開(kāi)瀏覽器窗口”選項(xiàng)，打開(kāi)“打開(kāi)瀏覽器窗口”對(duì)話框，單擊“要顯示的URL”文本框右側(cè)的按鈕，打開(kāi)“選擇文件”對(duì)話框，在其中設(shè)置瀏覽器窗口顯示的內(nèi)容，然后單擊按鈕返回“打開(kāi)瀏覽器窗口”對(duì)話框，將設(shè)置窗口寬度和窗口高度，單擊按鈕。選擇“行為”面板中已添加行為左側(cè)的事件選項(xiàng)，單擊出現(xiàn)的下拉按鈕，在打開(kāi)的下拉列表中選擇“onClick”選項(xiàng)。2.打開(kāi)瀏覽器窗口7.4.2常用行為的使用方法打開(kāi)表單網(wǎng)頁(yè)，在表單區(qū)域中選擇需添加行為的表單或表單對(duì)象，在“行為”面板中單擊“添加行為”按鈕，在打開(kāi)的下拉列表中選擇“檢查表單”選項(xiàng)，打開(kāi)“檢查表單”對(duì)話框，按需要進(jìn)行設(shè)置后單擊按鈕即可。3.檢查表單7.4.2常用行為的使用方法在“行為”面板中單擊“添加行為”按鈕，在打開(kāi)的下拉列表中選擇“交換圖像”選項(xiàng)，打開(kāi)“交換圖像”對(duì)話框，在“圖像”列表框中選擇“圖像“big””選項(xiàng)，單擊“設(shè)定原始檔為”文本框右側(cè)的按鈕。打開(kāi)“選擇圖像源文件”對(duì)話框，選擇提供的“1-2.jpg”圖像文件，單擊按鈕，返回“交換圖像”對(duì)話框，撤銷選中復(fù)選框，單擊按鈕，在“行為”面板中將所添加行為的事件更改為“onClick”。4.交換圖像7.4.2常用行為的使用方法在“行為”面板中單擊“添加行為”按鈕，在打開(kāi)的下拉列表中選擇【效果】/【顯示/漸隱】菜單命令。打開(kāi)“顯示/漸隱”對(duì)話框，分別將“漸隱自”和“漸隱到”文本框中的數(shù)值設(shè)置為“50”和“100”，單擊按鈕，在“行為”面板中將所添加行為的事件更改為“onMouseMove”。5.效果7.5項(xiàng)目實(shí)訓(xùn)7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)內(nèi)容導(dǎo)航7.5.1制作“合作交流”網(wǎng)頁(yè)7.5.2制作“在線留言”網(wǎng)頁(yè)7.5.3制作“登錄”板塊7.6課后練習(xí)7.7技巧提升7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)7.5.1制作“合作交流”網(wǎng)頁(yè)本實(shí)訓(xùn)的目標(biāo)是通過(guò)模板來(lái)快速制作合作交流頁(yè)面，制作時(shí)可先創(chuàng)建模板，然后再應(yīng)用模板。本實(shí)訓(xùn)的最終效果如右圖所示。1.實(shí)訓(xùn)目標(biāo)7.5.1制作“合作交流”網(wǎng)頁(yè)在同一網(wǎng)站的不同頁(yè)面中，往往有許多相同的版塊，如網(wǎng)站Logo、Banner和版權(quán)區(qū)等，這些內(nèi)容應(yīng)盡量利用模板來(lái)設(shè)計(jì)。使用模板時(shí)一定要注意以下問(wèn)題。模板文件決不允許出現(xiàn)錯(cuò)誤內(nèi)容，包括錯(cuò)誤的文字、圖像和超鏈接等，否則將直接影響整個(gè)網(wǎng)站的專業(yè)性。非固定版塊不用模板設(shè)計(jì)，否則非但不能提高效率，修改內(nèi)容時(shí)還會(huì)增加無(wú)謂的工作量和操作力度。

2.專業(yè)背景7.5.1制作“合作交流”網(wǎng)頁(yè)根據(jù)實(shí)訓(xùn)要求，本實(shí)訓(xùn)可先創(chuàng)建模板，然后對(duì)模板進(jìn)行編輯，最后通過(guò)創(chuàng)建的模板創(chuàng)建網(wǎng)頁(yè)頁(yè)面。3.操作思路7.5.2制作“在線留言”網(wǎng)頁(yè)本實(shí)訓(xùn)的目標(biāo)是制作“在線留言”網(wǎng)頁(yè)，該頁(yè)面的主要信息包括留言者的姓名、郵箱、單位、聯(lián)系電話、留言性質(zhì)、留言內(nèi)容等，參考效果如下圖所示。1.實(shí)訓(xùn)目標(biāo)7.5.2制作“在線留言”網(wǎng)頁(yè)在實(shí)際工作中制作表單頁(yè)面時(shí)需注意以下幾個(gè)方面，從而提高表單制作的專業(yè)水平。制作表單頁(yè)面前需先插入一個(gè)表單，然后向表單中添加各種表單對(duì)象，如果沒(méi)有插入表單而直接插入表單對(duì)象，Dreamweaver會(huì)彈出對(duì)話框詢問(wèn)用戶是否添加表單。不要對(duì)表單對(duì)象進(jìn)行統(tǒng)一的命名，而應(yīng)根據(jù)實(shí)際需要進(jìn)行不同的設(shè)置，否則可能會(huì)出現(xiàn)選擇混亂。但有時(shí)也需要將名稱設(shè)置相同，如分別添加了兩個(gè)單選按鈕，如果名稱不一樣則會(huì)出現(xiàn)兩個(gè)都可選中的情況，如果將兩個(gè)對(duì)象設(shè)置為相同的名稱，則在網(wǎng)頁(yè)中將只能選中一個(gè)。很多表單頁(yè)面僅需收集用戶的一些文字信息，如用戶名、密碼、聯(lián)系方式、出生年月等，如需用戶提供一些文件信息，如單獨(dú)的個(gè)人簡(jiǎn)歷、照片等，則可在表單中添加文件域，讓用戶可以通過(guò)單擊文件域按鈕來(lái)向表單中添加附加文件。2.專業(yè)背景7.5.2制作“在線留言”網(wǎng)頁(yè)完成本實(shí)訓(xùn)需要通過(guò)文本字段、單選按鈕組、按鈕等表單對(duì)象的添加來(lái)完成制作。其操作思路如下圖所示。3.操作思路7.5.3制作“登錄”板塊本實(shí)訓(xùn)的目標(biāo)是完善“蓉錦大學(xué)”網(wǎng)站“首頁(yè)”網(wǎng)頁(yè)的登錄板塊，要求實(shí)現(xiàn)頁(yè)面數(shù)據(jù)與后臺(tái)的交互，參考效果如下圖所示。1.實(shí)訓(xùn)目標(biāo)7.5.3制作“登錄”板塊網(wǎng)站中的各種登錄頁(yè)面不僅可以為網(wǎng)站服務(wù)器提供用戶登錄的數(shù)據(jù)，使管理者及時(shí)獲取網(wǎng)站訪問(wèn)量等數(shù)據(jù)，它也是網(wǎng)站能否吸引用戶的關(guān)鍵頁(yè)面之一。越來(lái)越多的大型網(wǎng)站把登錄頁(yè)面和首頁(yè)放在一起設(shè)計(jì)，由此可見(jiàn)登錄頁(yè)面的重要性。一個(gè)出彩的登錄界面將提升網(wǎng)站的品質(zhì)，賦予網(wǎng)站獨(dú)特的氣質(zhì)，登錄界面也是一個(gè)發(fā)揮情感化設(shè)計(jì)，提升用戶體驗(yàn)，拉近與用戶之間距離的重要手段。一般來(lái)講，注意以下幾點(diǎn)可使設(shè)計(jì)的登錄界面受到用戶歡迎。登錄界面簡(jiǎn)潔大方通過(guò)精美的質(zhì)感體現(xiàn)登錄界面合理設(shè)計(jì)背景2.專業(yè)背景7.5.3制作“登錄”板塊完成本實(shí)訓(xùn)可先創(chuàng)建表單，然后向表單中添加各種元素，最后使用行為檢查表單。其操作思路如下圖所示。3.操作思路7.6課后練習(xí)7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)內(nèi)容導(dǎo)航練習(xí)1：制作“航班查詢”網(wǎng)頁(yè)練習(xí)2：制作“論壇注冊(cè)”網(wǎng)頁(yè)7.5項(xiàng)目實(shí)訓(xùn)7.7技巧提升7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)練習(xí)1：制作“航班查詢”網(wǎng)頁(yè)本練習(xí)要求制作“航班查詢”網(wǎng)頁(yè)，主要通過(guò)列表/菜單、按鈕來(lái)完成，完成后的效果如右圖所示。練習(xí)2：制作“論壇注冊(cè)”網(wǎng)頁(yè)本練習(xí)要求打開(kāi)“l(fā)untan_zc.html”網(wǎng)頁(yè)文件，根據(jù)所學(xué)的知識(shí)，制作一個(gè)論壇用戶注冊(cè)頁(yè)面，參考效果如右圖所示。7.7技巧提升7.2課堂案例：制作“產(chǎn)品介紹”網(wǎng)頁(yè)內(nèi)容導(dǎo)航1．表單制作技巧2．使用Spry驗(yàn)證表單結(jié)構(gòu)3．調(diào)用JavaScript4．設(shè)置預(yù)先載入圖像5．獲取更多網(wǎng)絡(luò)行為7.5項(xiàng)目實(shí)訓(xùn)7.6課后練習(xí)7.3課堂案例：制作“會(huì)員注冊(cè)”網(wǎng)頁(yè)7.1課堂案例：制作“客戶交流”網(wǎng)頁(yè)7.4課堂案例：制作“品牌展廳”網(wǎng)頁(yè)技巧提升1.表單制作技巧設(shè)計(jì)表單時(shí)，如果表單結(jié)構(gòu)較為復(fù)雜或表單元素的位置排列和布局不如人意，利用單元格來(lái)分隔不同的表單元素，以實(shí)現(xiàn)復(fù)雜的表單布局，從而設(shè)計(jì)出布局合理、外觀精美的表單.如希望制作個(gè)性化的按鈕效果，可為按鈕創(chuàng)建一個(gè)專門的CSS樣式規(guī)則，通過(guò)在CSS樣式規(guī)則中設(shè)置按鈕文本樣式、背景和邊框等屬性來(lái)修飾按鈕；也可以直接使用表單對(duì)象中的圖像域來(lái)代替按鈕，這樣就可以將任何一副圖像作為按鈕來(lái)使用。選擇【