布局模式、模板與資源列表講堂

1、中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí) 課堂講解 上機(jī)實(shí)戰(zhàn) 第13課 布局模式、模板與資源列表 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)課堂講解 布局模式 使用模板資源列表與庫中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)布局模式 認(rèn)識(shí)布局模式 切換到布局模式 認(rèn)識(shí)布局視圖 退出布局模式 創(chuàng)建布局表格和布局單元格 在布局表格中添加內(nèi)容 調(diào)整布局表格和布局單元格 設(shè)置布局模式首選參數(shù) 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)切換到布局模式 在繪制布局表格或布局單元格之前，必須切換到布局模式下。在“布局”插入欄中單擊“布局”按鈕即可切換到布局模式

2、。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)認(rèn)識(shí)布局視圖 切換到布局模式后，在編輯窗口的頂部會(huì)出現(xiàn)標(biāo)有“布局模式”的藍(lán)色長條。如果當(dāng)前網(wǎng)頁上存在表格，則會(huì)自動(dòng)轉(zhuǎn)換為布局表格，而表格中的單元格則不會(huì)轉(zhuǎn)換為布局單元格。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)退出布局模式 在布局模式中制作完布局表格后，最好退出布局模式到標(biāo)準(zhǔn)模式下進(jìn)行內(nèi)容的添加和編輯。 在文檔編輯區(qū)的頂部，單擊“退出”布局模式。選擇查看表格模式標(biāo)準(zhǔn)模式菜單命令。在“布局”插入欄中單擊“標(biāo)準(zhǔn)”按鈕。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)創(chuàng)建布局表格和布局單元格 在布局模式下使用布局表格和

3、布局單元格進(jìn)行頁面布局時(shí)，一般先創(chuàng)建布局表格，再在布局表格中添加布局單元格，其繪制方法與層的繪制方法相同。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)在布局表格中添加內(nèi)容 在布局模式中可向布局表格中的布局單元格內(nèi)添加文本、圖像和其他網(wǎng)頁元素，與在標(biāo)準(zhǔn)模式中將內(nèi)容添加到表格單元格相同。在添加內(nèi)容之前，必須先繪制布局單元格，因?yàn)閮?nèi)容只能添加到布局單元格中。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)調(diào)整布局表格和布局單元格 清除布局單元格高度 布局單元格的大小調(diào)整及布局表格的移動(dòng) 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)清除布局單元格高度 清除單元格高度之后，

4、單元格將自動(dòng)被壓縮，當(dāng)向布局單元格內(nèi)插入內(nèi)容后，單元格將自動(dòng)調(diào)整大小以適應(yīng)插入的內(nèi)容。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)布局單元格的大小調(diào)整及布局表格的移動(dòng) 在Dreamweaver 8中可以移動(dòng)或調(diào)整布局單元格的大小，但不能重疊布局單元格。對(duì)布局單元格進(jìn)行移動(dòng)或調(diào)整大小時(shí)，只能在布局表格的邊框與內(nèi)容的邊線之間，只有嵌套在布局表格內(nèi)部的才能被移動(dòng)，其他的布局表格均不能移動(dòng)。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)設(shè)置布局模式首選參數(shù) 要改變布局表格和布局單元格的顯示顏色、自動(dòng)插入間隔圖像等屬性，可通過設(shè)置布局模式參數(shù)來實(shí)現(xiàn)。 中文Dreamweaver 8

5、網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)使用模板建立模板 將現(xiàn)有網(wǎng)頁保存為模板 創(chuàng)建空白模板 模板的編輯 創(chuàng)建可編輯區(qū)域 取消對(duì)可編輯區(qū)域的標(biāo)記 更改可編輯區(qū)域的名稱 基于模板創(chuàng)建網(wǎng)頁管理模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)將現(xiàn)有網(wǎng)頁保存為模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)創(chuàng)建空白模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)創(chuàng)建可編輯區(qū)域 可編輯區(qū)域是指可以進(jìn)行添加、修改和刪除等操作的區(qū)域。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)取消對(duì)可編輯區(qū)域的標(biāo)記 單擊模板網(wǎng)頁可編輯區(qū)域左上角要取消的可編輯區(qū)域標(biāo)記。選擇修改模板刪除模板標(biāo)記

6、菜單命令即可。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)更改可編輯區(qū)域的名稱 插入可編輯區(qū)域后，可以更改它的名稱。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)基于模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁 在“資源”面板中從模板創(chuàng)建新網(wǎng)頁 將當(dāng)前網(wǎng)頁應(yīng)用模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)用現(xiàn)有模板創(chuàng)建網(wǎng)頁 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)在“資源”面板中從模板創(chuàng)建新網(wǎng)頁 按【F11】鍵打開“資源”面板。在“資源”面板中單擊左側(cè)的按鈕，查看當(dāng)前站點(diǎn)中的模板列表框。用鼠標(biāo)右鍵單擊要應(yīng)用的模板，在彈出的快捷菜單中選擇“從模板新建”命令，模

7、板即會(huì)在編輯窗口中打開。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)將當(dāng)前網(wǎng)頁應(yīng)用模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)管理模板 重命名模板 刪除模板 打開網(wǎng)頁所附模板 更新模板 將網(wǎng)頁脫離模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)重命名模板 選擇窗口資源菜單命令或按【F11】鍵，打開“資源”面板。在“資源”面板單擊左側(cè)的 按鈕，打開模板列表框。在模板列表框中選擇要重命名的模板文件，再單擊模板名稱或在選擇的模板名稱上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“重命名”命令，此時(shí)模板名稱處于反白顯示，重新輸入新名稱即可。 中文Dreamweaver

8、8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)刪除模板 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)打開網(wǎng)頁所附模板 通過模板創(chuàng)建網(wǎng)頁后，網(wǎng)頁與模板間就是鏈接關(guān)系，這種應(yīng)用了模板的網(wǎng)頁常稱為附著模板網(wǎng)頁。修改模板后，系統(tǒng)自動(dòng)更新附著模板的網(wǎng)頁。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)更新模板 打開要更新的模板。如果要對(duì)可編輯區(qū)域重新設(shè)置，可先取消可編輯區(qū)域標(biāo)記，再選擇要設(shè)置的可編輯區(qū)域，重新標(biāo)記即可。修改可編輯區(qū)域網(wǎng)頁內(nèi)容后，選擇文件保存菜單命令，打開“更新模板文件”對(duì)話框。單擊“更新”按鈕更新通過該模板創(chuàng)建的所有網(wǎng)頁。如只是保存該模板而不更新通過該模板創(chuàng)建的網(wǎng)頁，則單擊“不更新”按鈕。

9、 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)將網(wǎng)頁脫離模板 如果不想在網(wǎng)頁中附著模板，或不希望網(wǎng)頁與模板有聯(lián)系，可以使網(wǎng)頁與模板分開。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)資源列表與庫 認(rèn)識(shí)“資源”面板 使用站點(diǎn)列表 使用收藏資源 庫中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)認(rèn)識(shí)“資源”面板中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)使用站點(diǎn)列表 使用站點(diǎn)列表可以進(jìn)行刪除、排序、插入資源等操作，對(duì)資源進(jìn)行編輯。 使用站點(diǎn)列表 在頁面中添加資源 改變資源順序 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)使用站點(diǎn)列表 選擇窗口資源菜單命

10、令或按【F11】鍵，打開“資源”面板。選中“站點(diǎn)”單選項(xiàng)，打開站點(diǎn)列表。單擊相應(yīng)的資源類別按鈕，在資源列表中選擇資源，這時(shí)在預(yù)覽窗口中將顯示所選擇的資源。單擊“插入”按鈕即可將選擇的資源添加到網(wǎng)頁中。單擊 按鈕可以刷新資源列表。單擊 按鈕可打開外部編輯器編輯選擇的資源。單擊 按鈕可將選擇資源添加到收藏列表。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)在頁面中添加資源 在頁面中添加資源，可在“資源”面板中選擇要插入的資源類別（“顏色”和“模板”類別除外），將資源拖動(dòng)到編輯窗口中，或單擊“插入”按鈕將資源插入到頁面中。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)改變資源順序 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)使用收藏資源 在“資源”面板中，收藏列表的使用方法與站點(diǎn)列表的使用方法基本相同，但有許多資源只能在收藏列表中才能完成。 中文Dreamweaver 8網(wǎng)頁設(shè)計(jì)教育技術(shù)學(xué)04級(jí)庫 庫是特殊的Dreamweaver文件，它可以存儲(chǔ)各種各樣的網(wǎng)頁元素。如