第10章-使用模板和庫制作網(wǎng)頁

《網(wǎng)頁設(shè)計與制作基礎(chǔ)教程(第3版)》第十章使用模板和庫制作網(wǎng)頁:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::學(xué)習(xí)目標

在進行大型網(wǎng)站的制作時，很多頁面會用到相同的布局、圖片和文字等元素，為了避免一次次的重復(fù)勞動，可以在DreamweaverCC中，使用軟件提供的模板和庫功能將具有相同版面結(jié)構(gòu)的頁面制作成模板，將相同的元素制作成庫項目，以便隨時調(diào)用。:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::本章重點

創(chuàng)建模板

創(chuàng)建模板區(qū)域

創(chuàng)建與設(shè)置庫項目

應(yīng)用與修改庫項目:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.1使用模板

板的原意為制作某種產(chǎn)品的“樣板”或“構(gòu)架”。通常網(wǎng)頁在整體布局上，為了保持一貫的設(shè)計風(fēng)格，會使用統(tǒng)一的構(gòu)架。在這種情況下，可以用模板來保存經(jīng)常重復(fù)的圖像或結(jié)果，這樣在制作新網(wǎng)頁時，在模板的基礎(chǔ)上進行略微修改即可。

模板簡介

創(chuàng)建模板

創(chuàng)建模板區(qū)域

使用模板創(chuàng)建網(wǎng)頁

創(chuàng)建嵌套模板:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.1.1模板簡介

大部分網(wǎng)頁都會在整體上具有一定的格式，但有時也會根據(jù)網(wǎng)站建設(shè)的需要，只把主頁設(shè)計成其他形式。在網(wǎng)頁文件中對需要更換的內(nèi)容部分和不變的固定部分分別進行標識，就可以很容易地創(chuàng)建出具有相似網(wǎng)頁框架的模板。

使用模板可以一次性修改多個網(wǎng)頁文檔。使用模板的文檔，只要沒有在模板中刪除該文檔，它始終都會處于連接狀態(tài)。因此，只要修改模板，就可以一次性地修改以它為基礎(chǔ)的所有網(wǎng)頁文件:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.1.2創(chuàng)建模板

模板最強大的功能之一是可以更新多個頁面。用模板創(chuàng)建的文檔與該模板保持連接狀態(tài)，可以修改模板并立即更新所有基于該模板的文檔的相應(yīng)部分。在DreamweaverCC中制作網(wǎng)頁后，用戶可以以當(dāng)前頁面為基準制作模板，也可以在新的文檔中制作模板。:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.1.3創(chuàng)建模板區(qū)域

模板生成后，就可以在模板中分別定義可編輯區(qū)域、可選區(qū)域和重復(fù)區(qū)域等。

可編輯區(qū)域

可選區(qū)域

重復(fù)區(qū)域

重復(fù)表格:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.1.4使用模板創(chuàng)建網(wǎng)頁

在DreamweaverCC中，用戶可以以模板為基礎(chǔ)創(chuàng)建新的文檔，或?qū)⒁粋€模板應(yīng)用于已有的文檔。使用這樣方法創(chuàng)建網(wǎng)頁文檔，可以保持整個網(wǎng)站頁面布局風(fēng)格的統(tǒng)一性，并且大大提高網(wǎng)頁的制作效率。

利用模板新建網(wǎng)頁

在網(wǎng)頁中應(yīng)用模板

分離網(wǎng)頁模板

更新網(wǎng)頁模板:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.1.5創(chuàng)建嵌套模板

嵌套模板對于控制共享許多設(shè)計元素的站點頁面中的內(nèi)容很有用，但在各頁之間有些差異。基本模板中的可編輯區(qū)域被傳遞到嵌套模板，并在根據(jù)嵌套模板創(chuàng)建的頁面中保持可編輯，除非在這些區(qū)域中插入了新的模板區(qū)域。對基本模板所做的更改在基于基本模板的模板中自動更新，并在所有基于主模板和嵌套模板的文檔中自動更新。:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::10.2使用庫

在DreamweaverCC中，利用庫可以創(chuàng)建一些內(nèi)容（例如圖像