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

課堂講解上機實戰(zhàn)第13課

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

課堂講解第13課布局模式、模板與資源列表課堂講解

布局模式使用模板資源列表與庫課堂講解布局模式布局模式

認識布局模式切換到布局模式認識布局視圖退出布局模式創(chuàng)建布局表格和布局單元格在布局表格中添加內(nèi)容調(diào)整布局表格和布局單元格設(shè)置布局模式首選參數(shù)布局模式認識布局模式切換到布局模式

在繪制布局表格或布局單元格之前，必須切換到布局模式下。在“布局”插入欄中單擊“布局”按鈕即可切換到布局模式。切換到布局模式在繪制布局表格或布局單認識布局視圖

切換到布局模式后，在編輯窗口的頂部會出現(xiàn)標有“布局模式”的藍色長條。如果當(dāng)前網(wǎng)頁上存在表格，則會自動轉(zhuǎn)換為布局表格，而表格中的單元格則不會轉(zhuǎn)換為布局單元格。

認識布局視圖切換到布局模式后，在退出布局模式

在布局模式中制作完布局表格后，最好退出布局模式到標準模式下進行內(nèi)容的添加和編輯。在文檔編輯區(qū)的頂部，單擊“退出”布局模式。選擇[查看][表格模式][標準模式]菜單命令。在“布局”插入欄中單擊“標準”按鈕。

退出布局模式在布局模式中制作完布局表格創(chuàng)建布局表格和布局單元格在布局模式下使用布局表格和布局單元格進行頁面布局時，一般先創(chuàng)建布局表格，再在布局表格中添加布局單元格，其繪制方法與層的繪制方法相同。創(chuàng)建布局表格和布局單元格在布局模式下在布局表格中添加內(nèi)容

在布局模式中可向布局表格中的布局單元格內(nèi)添加文本、圖像和其他網(wǎng)頁元素，與在標準模式中將內(nèi)容添加到表格單元格相同。在添加內(nèi)容之前，必須先繪制布局單元格，因為內(nèi)容只能添加到布局單元格中。在布局表格中添加內(nèi)容在布局模式中可向調(diào)整布局表格和布局單元格

清除布局單元格高度布局單元格的大小調(diào)整及布局表格的移動

調(diào)整布局表格和布局單元格清除布局單元格高度清除布局單元格高度

清除單元格高度之后，單元格將自動被壓縮，當(dāng)向布局單元格內(nèi)插入內(nèi)容后，單元格將自動調(diào)整大小以適應(yīng)插入的內(nèi)容。清除布局單元格高度清除單元格高度之后，布局單元格的大小調(diào)整及布局表格的移動

在Dreamweaver8中可以移動或調(diào)整布局單元格的大小，但不能重疊布局單元格。對布局單元格進行移動或調(diào)整大小時，只能在布局表格的邊框與內(nèi)容的邊線之間，只有嵌套在布局表格內(nèi)部的才能被移動，其他的布局表格均不能移動。

布局單元格的大小調(diào)整及布局表格的移動在Dr設(shè)置布局模式首選參數(shù)要改變布局表格和布局單元格的顯示顏色、自動插入間隔圖像等屬性，可通過設(shè)置布局模式參數(shù)來實現(xiàn)。設(shè)置布局模式首選參數(shù)要改變布局表格和使用模板建立模板

將現(xiàn)有網(wǎng)頁保存為模板創(chuàng)建空白模板

模板的編輯

創(chuàng)建可編輯區(qū)域取消對可編輯區(qū)域的標記更改可編輯區(qū)域的名稱基于模板創(chuàng)建網(wǎng)頁管理模板

使用模板建立模板將現(xiàn)有網(wǎng)頁保存為模板將現(xiàn)有網(wǎng)頁保存為模板創(chuàng)建空白模板

創(chuàng)建空白模板創(chuàng)建可編輯區(qū)域可編輯區(qū)域是指可以進行添加、修改和刪除等操作的區(qū)域。創(chuàng)建可編輯區(qū)域可編輯區(qū)域是指可以進行取消對可編輯區(qū)域的標記單擊模板網(wǎng)頁可編輯區(qū)域左上角要取消的可編輯區(qū)域標記。選擇[修改][模板][刪除模板標記]菜單命令即可。取消對可編輯區(qū)域的標記單擊模板網(wǎng)頁可編輯區(qū)域左上角要取消的更改可編輯區(qū)域的名稱

插入可編輯區(qū)域后，可以更改它的名稱。更改可編輯區(qū)域的名稱插入可編輯區(qū)域后，基于模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁在“資源”面板中從模板創(chuàng)建新網(wǎng)頁將當(dāng)前網(wǎng)頁應(yīng)用模板基于模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁

用現(xiàn)有模板創(chuàng)建網(wǎng)頁在“資源”面板中從模板創(chuàng)建新網(wǎng)頁

按【F11】鍵打開“資源”面板。在“資源”面板中單擊左側(cè)的按鈕，查看當(dāng)前站點中的模板列表框。用鼠標右鍵單擊要應(yīng)用的模板，在彈出的快捷菜單中選擇“從模板新建”命令，模板即會在編輯窗口中打開。在“資源”面板中從模板創(chuàng)建新網(wǎng)頁按【F11】鍵打開“資源”將當(dāng)前網(wǎng)頁應(yīng)用模板將當(dāng)前網(wǎng)頁應(yīng)用模板管理模板重命名模板刪除模板打開網(wǎng)頁所附模板更新模板將網(wǎng)頁脫離模板管理模板重命名模板重命名模板

選擇[窗口][資源]菜單命令或按【F11】鍵，打開“資源”面板。在“資源”面板單擊左側(cè)的按鈕，打開模板列表框。在模板列表框中選擇要重命名的模板文件，再單擊模板名稱或在選擇的模板名稱上單擊鼠標右鍵，在彈出的快捷菜單中選擇“重命名”命令，此時模板名稱處于反白顯示，重新輸入新名稱即可。重命名模板選擇[窗口][資源]菜單命令或按【F11】鍵，刪除模板

刪除模板打開網(wǎng)頁所附模板

通過模板創(chuàng)建網(wǎng)頁后，網(wǎng)頁與模板間就是鏈接關(guān)系，這種應(yīng)用了模板的網(wǎng)頁常稱為附著模板網(wǎng)頁。修改模板后，系統(tǒng)自動更新附著模板的網(wǎng)頁。

打開網(wǎng)頁所附模板通過模板創(chuàng)建網(wǎng)更新模板打開要更新的模板。如果要對可編輯區(qū)域重新設(shè)置，可先取消可編輯區(qū)域標記，再選擇要設(shè)置的可編輯區(qū)域，重新標記即可。修改可編輯區(qū)域網(wǎng)頁內(nèi)容后，選擇[文件][保存]菜單命令，打開“更新模板文件”對話框。單擊“更新”按鈕更新通過該模板創(chuàng)建的所有網(wǎng)頁。如只是保存該模板而不更新通過該模板創(chuàng)建的網(wǎng)頁，則單擊“不更新”按鈕。

更新模板打開要更新的模板。將網(wǎng)頁脫離模板

如果不想在網(wǎng)頁中附著模板，或不希望網(wǎng)頁與模板有聯(lián)系，可以使網(wǎng)頁與模板分開。

將網(wǎng)頁脫離模板如果不想在網(wǎng)頁中附著資源列表與庫認識“資源”面板使用站點列表使用收藏資源庫資源列表與庫認識“資源”面板認識“資源”面板認識“資源”面板使用站點列表

使用站點列表可以進行刪除、排序、插入資源等操作，對資源進行編輯。使用站點列表在頁面中添加資源改變資源順序使用站點列表使用站點列表可以進行使用站點列表

選擇[窗口][資源]菜單命令或按【F11】鍵，打開“資源”面板。選中“站點”單選項，打開站點列表。單擊相應(yīng)的資源類別按鈕，在資源列表中選擇資源，這時在預(yù)覽窗口中將顯示所選擇的資源。單擊“插入”按鈕即可將選擇的資源添加到網(wǎng)頁中。單擊按鈕可以刷新資源列表。單擊按鈕可打開外部編輯器編輯選擇的資源。單擊按鈕可將選擇資源添加到收藏列表。使用站點列表選擇[窗口][資源]菜單命令或按【F11】鍵在頁面中添加資源

在頁面中添加資源，可在“資源”面板中選擇要插入的資源類別（“顏色”和“模板”類別除外），將資源拖動到編輯窗口中，或單擊“插入”按鈕將資源插入到頁面中。在頁面中添加資源在頁面中添加資源，可改變資源順序

改變資源順序使用收藏資源

在“資源”面板中，收藏列表的使用方法與站點列表的使用方法基本相同，但有許多資源只能在收藏列表中才能完成。

使用收藏資源在“資源”面板中，收藏列庫

庫是特殊的Dreamweaver文件，它可以存儲各種各樣的網(wǎng)頁元素。如在網(wǎng)站中頁面的標題和版權(quán)信息等是固定不變的，使用頻繁，這些就可以通過庫將其單獨保存，在需要時直接插入庫即可，和模板比較相似。

庫庫是特殊的Dreamweaver文上機實戰(zhàn)

本課上機實戰(zhàn)主要練習(xí)創(chuàng)建模板和已創(chuàng)建完成的網(wǎng)頁應(yīng)用模板。在練習(xí)過程中，主要用到模板的創(chuàng)建、模板對象的添加、模板的保存和模板的應(yīng)用等知識點。上機實戰(zhàn)本課上機課堂講解上機實戰(zhàn)第13課

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

課堂講解第13課布局模式、模板與資源列表課堂講解

布局模式使用模板資源列表與庫課堂講解布局模式布局模式

認識布局模式切換到布局模式認識布局視圖退出布局模式創(chuàng)建布局表格和布局單元格在布局表格中添加內(nèi)容調(diào)整布局表格和布局單元格設(shè)置布局模式首選參數(shù)布局模式認識布局模式切換到布局模式

在繪制布局表格或布局單元格之前，必須切換到布局模式下。在“布局”插入欄中單擊“布局”按鈕即可切換到布局模式。切換到布局模式在繪制布局表格或布局單認識布局視圖

切換到布局模式后，在編輯窗口的頂部會出現(xiàn)標有“布局模式”的藍色長條。如果當(dāng)前網(wǎng)頁上存在表格，則會自動轉(zhuǎn)換為布局表格，而表格中的單元格則不會轉(zhuǎn)換為布局單元格。

認識布局視圖切換到布局模式后，在退出布局模式

在布局模式中制作完布局表格后，最好退出布局模式到標準模式下進行內(nèi)容的添加和編輯。在文檔編輯區(qū)的頂部，單擊“退出”布局模式。選擇[查看][表格模式][標準模式]菜單命令。在“布局”插入欄中單擊“標準”按鈕。

退出布局模式在布局模式中制作完布局表格創(chuàng)建布局表格和布局單元格在布局模式下使用布局表格和布局單元格進行頁面布局時，一般先創(chuàng)建布局表格，再在布局表格中添加布局單元格，其繪制方法與層的繪制方法相同。創(chuàng)建布局表格和布局單元格在布局模式下在布局表格中添加內(nèi)容

在布局模式中可向布局表格中的布局單元格內(nèi)添加文本、圖像和其他網(wǎng)頁元素，與在標準模式中將內(nèi)容添加到表格單元格相同。在添加內(nèi)容之前，必須先繪制布局單元格，因為內(nèi)容只能添加到布局單元格中。在布局表格中添加內(nèi)容在布局模式中可向調(diào)整布局表格和布局單元格

清除布局單元格高度布局單元格的大小調(diào)整及布局表格的移動

調(diào)整布局表格和布局單元格清除布局單元格高度清除布局單元格高度

清除單元格高度之后，單元格將自動被壓縮，當(dāng)向布局單元格內(nèi)插入內(nèi)容后，單元格將自動調(diào)整大小以適應(yīng)插入的內(nèi)容。清除布局單元格高度清除單元格高度之后，布局單元格的大小調(diào)整及布局表格的移動

在Dreamweaver8中可以移動或調(diào)整布局單元格的大小，但不能重疊布局單元格。對布局單元格進行移動或調(diào)整大小時，只能在布局表格的邊框與內(nèi)容的邊線之間，只有嵌套在布局表格內(nèi)部的才能被移動，其他的布局表格均不能移動。

布局單元格的大小調(diào)整及布局表格的移動在Dr設(shè)置布局模式首選參數(shù)要改變布局表格和布局單元格的顯示顏色、自動插入間隔圖像等屬性，可通過設(shè)置布局模式參數(shù)來實現(xiàn)。設(shè)置布局模式首選參數(shù)要改變布局表格和使用模板建立模板

將現(xiàn)有網(wǎng)頁保存為模板創(chuàng)建空白模板

模板的編輯

創(chuàng)建可編輯區(qū)域取消對可編輯區(qū)域的標記更改可編輯區(qū)域的名稱基于模板創(chuàng)建網(wǎng)頁管理模板

使用模板建立模板將現(xiàn)有網(wǎng)頁保存為模板將現(xiàn)有網(wǎng)頁保存為模板創(chuàng)建空白模板

創(chuàng)建空白模板創(chuàng)建可編輯區(qū)域可編輯區(qū)域是指可以進行添加、修改和刪除等操作的區(qū)域。創(chuàng)建可編輯區(qū)域可編輯區(qū)域是指可以進行取消對可編輯區(qū)域的標記單擊模板網(wǎng)頁可編輯區(qū)域左上角要取消的可編輯區(qū)域標記。選擇[修改][模板][刪除模板標記]菜單命令即可。取消對可編輯區(qū)域的標記單擊模板網(wǎng)頁可編輯區(qū)域左上角要取消的更改可編輯區(qū)域的名稱

插入可編輯區(qū)域后，可以更改它的名稱。更改可編輯區(qū)域的名稱插入可編輯區(qū)域后，基于模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁在“資源”面板中從模板創(chuàng)建新網(wǎng)頁將當(dāng)前網(wǎng)頁應(yīng)用模板基于模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁用現(xiàn)有模板創(chuàng)建網(wǎng)頁

用現(xiàn)有模板創(chuàng)建網(wǎng)頁在“資源”面板中從模板創(chuàng)建新網(wǎng)頁

按【F11】鍵打開“資源”面板。在“資源”面板中單擊左側(cè)的按鈕，查看當(dāng)前站點中的模板列表框。用鼠標右鍵單擊要應(yīng)用的模板，在彈出的快捷菜單中選擇“從模板新建”命令，模板即會在編輯窗口中打開。在“資源”面板中從模板創(chuàng)建新網(wǎng)頁按【F11】鍵打開“資源”將當(dāng)前網(wǎng)頁應(yīng)用模板將當(dāng)前網(wǎng)頁應(yīng)用模板管理模板重命名模板刪除模板打開網(wǎng)頁所附模板更新模板將網(wǎng)頁脫離模板管理模板重命名模板重命名模板

選擇[窗口][資源]菜單命令或按【F11】鍵，打開“資源”面板。在“資源”面板單擊左側(cè)的按鈕，打開模板列表框。在模板列表框中選擇要重命名的模板文件，再單擊模板名稱或在選擇的模板名稱上單擊鼠標右鍵，在彈出的快捷菜單中選擇“重命名”命令，此時模板名稱處于反白顯示，重新輸入新名稱即可。重命名模板選擇[窗口][資源]菜單命令或按【F11】鍵，刪除模板

刪除模板打開網(wǎng)頁所附模板

通過模板創(chuàng)建網(wǎng)頁后，網(wǎng)頁與模板間就是鏈接關(guān)系，這種應(yīng)用了模板的網(wǎng)頁常稱為附著模板網(wǎng)頁。修改模板后，系統(tǒng)自動更新附著模板的網(wǎng)頁。

打開網(wǎng)頁所附模板通過模板創(chuàng)建網(wǎng)更新模板打開要更新的模板。如果要對可編輯區(qū)域重新設(shè)置，可先取消可編輯區(qū)域標記，再選擇要設(shè)置的可編輯區(qū)域，重新標記即可。修改可編輯區(qū)域網(wǎng)頁內(nèi)容后，選擇[文件][保存]菜單命令，打開“更新模板文件”對話框。單擊“更新”按鈕更新通過該模板創(chuàng)建的所有網(wǎng)頁。如只是保存該模板而不更新通過該模板創(chuàng)建的網(wǎng)頁，則單擊“不更新”按鈕。

更新模板打開要更新的模板。將網(wǎng)頁脫離模板

如果不想在網(wǎng)頁中附著模板，或不希望網(wǎng)頁與模板有聯(lián)系，可以使網(wǎng)頁與模板分開。

將網(wǎng)頁脫離模板如果不想在網(wǎng)頁中附著資源列表與庫認識“資源”面板使用站點列表使用收藏資源庫資源列表與庫認識“資源”面板認識“資源”面板認識“資源”面板使用站點列表

使用站點列表可以進行刪除、排序、插入資源等操作，對資源進行編輯。使用站點列表在頁面中添加資源改變資源順序使用站點列表使用站點列表可以進行使用站點列表

選擇[窗口][資源]菜單命令或按【F11】鍵，