dreamweaver8網(wǎng)頁(yè)制作教程10

《dreamweaver8網(wǎng)頁(yè)制作教程10》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、課堂講解上機(jī)實(shí)戰(zhàn)第13課布局模式、模板與資源列表課堂講解布局模式使用模板資源列表與庫(kù)布局模式認(rèn)識(shí)布局模式切換到布局模式認(rèn)識(shí)布局視圖退出布局模式創(chuàng)建布局表格和布局單元格在布局表格中添加內(nèi)容調(diào)整布局表格和布局單元格設(shè)置布局模式首選參數(shù)切換到布局模式在繪制布局表格或布局單元格之前，必須切換到布局模式下。在“布局”插入欄中單擊“布局”按鈕即可切換到布局模式。認(rèn)識(shí)布局視圖切換到布局模式后，在編輯窗口的頂部會(huì)出現(xiàn)標(biāo)有“布局模式”的藍(lán)色長(zhǎng)條。如果當(dāng)前網(wǎng)頁(yè)上存在表格，則會(huì)自動(dòng)轉(zhuǎn)換為布局表格，而表格中的單元格則不會(huì)轉(zhuǎn)換為布局單元格。退出布局模式在布局模式中制作完布局表格后，最好退出布局模式到標(biāo)準(zhǔn)模式下進(jìn)行內(nèi)

2、容的添加和編輯。在文檔編輯區(qū)的頂部，單擊“退出”超級(jí)鏈接。選擇[查看]?[表格模式]?[標(biāo)準(zhǔn)模式]菜單命令。在“布局”插入欄中單擊“標(biāo)準(zhǔn)”按鈕。創(chuàng)建布局表格和布局單元格在布局模式下使用布局表格和布局單元格進(jìn)行頁(yè)面布局時(shí)，一般先創(chuàng)建布局表格，再在布局表格中添加布局單元格，其繪制方法與層的繪制方法相同。在布局表格中添加內(nèi)容在布局模式中可向布局表格中的布局單元格內(nèi)添加文本、圖像和其他網(wǎng)頁(yè)元素，與在標(biāo)準(zhǔn)模式中將內(nèi)容添加到表格單元格相同。在添加內(nèi)容之前，必須先繪制布局單元格，因?yàn)閮?nèi)容只能添加到布局單元格中。調(diào)整布局表格和布局單元格清除布局單元格高度布局單元格的大小調(diào)整及布局表格的移動(dòng)清除布局單元格高

3、度清除單元格高度之后，單元格將自動(dòng)被壓縮，當(dāng)向布局單元格內(nèi)插入內(nèi)容后，單元格將自動(dòng)調(diào)整大小以適應(yīng)插入的內(nèi)容。布局單元格的大小調(diào)整及布局表格的移動(dòng)在Dreamweaver8中可以移動(dòng)或調(diào)整布局單元格的大小，但不能重疊布局單元格。對(duì)布局單元格進(jìn)行移動(dòng)或調(diào)整大小時(shí)，只能在布局表格的邊框與內(nèi)容的邊線之間，只有嵌套在布局表格內(nèi)部的才能被移動(dòng)，其他的布局表格均不能移動(dòng)。設(shè)置布局模式首選參數(shù)要改變布局表格和布局單元格的顯示顏色、自動(dòng)插入間隔圖像等屬性，可通過(guò)設(shè)置布局模式參數(shù)來(lái)實(shí)現(xiàn)。使用模板建立模板將現(xiàn)有網(wǎng)頁(yè)保存為模板創(chuàng)建空白模板模板的編輯創(chuàng)建可編輯區(qū)域取消對(duì)可編輯區(qū)域的標(biāo)記更改可編輯區(qū)域的名稱基于模板創(chuàng)

4、建網(wǎng)頁(yè)管理模板將現(xiàn)有網(wǎng)頁(yè)保存為模板創(chuàng)建空白模板創(chuàng)建可編輯區(qū)域可編輯區(qū)域是指可以進(jìn)行添加、修改和刪除等操作的區(qū)域。取消對(duì)可編輯區(qū)域的標(biāo)記單擊模板網(wǎng)頁(yè)可編輯區(qū)域左上角要取消的可編輯區(qū)域標(biāo)記。選擇[修改]?[模板]?[刪除模板標(biāo)記]菜單命令即可。更改可編輯區(qū)域的名稱插入可編輯區(qū)域后，可以更改它的名稱?；谀０鍎?chuàng)建網(wǎng)頁(yè)用現(xiàn)有模板創(chuàng)建網(wǎng)頁(yè)在“資源”面板中從模板創(chuàng)建新網(wǎng)頁(yè)將當(dāng)前網(wǎng)頁(yè)應(yīng)用模板用現(xiàn)有模板創(chuàng)建網(wǎng)頁(yè)在“資源”面板中從模板創(chuàng)建新網(wǎng)頁(yè)按【F11】鍵打開“資源”面板。在“資源”面板中單擊左側(cè)的按鈕，查看當(dāng)前站點(diǎn)中的模板列表框。用鼠標(biāo)右鍵單擊要應(yīng)用的模板，在彈出的快捷菜單中選擇“從模板新建”命令，模板

5、即會(huì)在編輯窗口中打開。將當(dāng)前網(wǎng)頁(yè)應(yīng)用模板管理模板重命名模板刪除模板打開網(wǎng)頁(yè)所附模板更新模板將網(wǎng)頁(yè)脫離模板重命名模板選擇[窗口]?[資源]菜單命令或按【F11】鍵，打開“資源”面板。在“資源”面板單擊左側(cè)的按鈕，打開模板列表框。在模板列表框中選擇要重命名的模板文件，再單擊模板名稱或在選擇的模板名稱上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“重命名”命令，此時(shí)模板名稱處于反白顯示，重新輸入新名稱即可。刪除模板打開網(wǎng)頁(yè)所附模板通過(guò)模板創(chuàng)建網(wǎng)頁(yè)后，網(wǎng)頁(yè)與模板間就是鏈接關(guān)系，這種應(yīng)用了模板的網(wǎng)頁(yè)常稱為附著模板網(wǎng)頁(yè)。修改模板后，系統(tǒng)自動(dòng)更新附著模板的網(wǎng)頁(yè)。更新模板打開要更新的模板。如果要對(duì)可編輯區(qū)域重新設(shè)

6、置，可先取消可編輯區(qū)域標(biāo)記，再選擇要設(shè)置的可編輯區(qū)域，重新標(biāo)記即可。修改可編輯區(qū)域網(wǎng)頁(yè)內(nèi)容后，選擇[文件]?[保存]菜單命令，打開“更新模板文件”對(duì)話框。單擊“更新”按鈕更新通過(guò)該模板創(chuàng)建的所有網(wǎng)頁(yè)。如只是保存該模板而不更新通過(guò)該模板創(chuàng)建的網(wǎng)頁(yè)，則單擊“不更新”按鈕。將網(wǎng)頁(yè)脫離模板如果不想在網(wǎng)頁(yè)中附著模板，或不希望網(wǎng)頁(yè)與模板有聯(lián)系，可以使網(wǎng)頁(yè)與模板分開。資源列表與庫(kù)認(rèn)識(shí)“資源”面板使用站點(diǎn)列表使用收藏資源庫(kù)認(rèn)識(shí)“資源”面板使用站點(diǎn)列表使用站點(diǎn)列表可以進(jìn)行刪除、排序、插入資源等操作，對(duì)資源進(jìn)行編輯。使用站點(diǎn)列表在頁(yè)面中添加資源改變資源順序使用站點(diǎn)列表選擇[窗口]?[資源]菜單命令或按【F11

7、】鍵，打開“資源”面板。選中“站點(diǎn)”單選項(xiàng)，打開站點(diǎn)列表。單擊相應(yīng)的資源類別按鈕，在資源列表中選擇資源，這時(shí)在預(yù)覽窗口中將顯示所選擇的資源。單擊“插入”按鈕即可將選擇的資源添加到網(wǎng)頁(yè)中。單擊按鈕可以刷新資源列表。單擊按鈕可打開外部編輯器編輯選擇的資源。單擊按鈕可將選擇資源添加到收藏列表。在頁(yè)面中添加資源在頁(yè)面中添加資源，可在“資源”面板中選擇要插入的資源類別（“顏色”和“模板”類別除外），將資源拖動(dòng)到編輯窗口中，或單擊“