《網(wǎng)頁設(shè)計與制作 Dreamweaver CS5 標(biāo)準(zhǔn)教程》第15章 模板和庫

第15章模板和庫

網(wǎng)頁設(shè)計與制作DreamweaverCS5標(biāo)準(zhǔn)教程在網(wǎng)頁的制作過程中，常常會制作很多布局結(jié)構(gòu)和版式風(fēng)格相似而網(wǎng)頁內(nèi)容不同的頁面，如果每個頁面都從頭開始制作，不僅工作乏味而且效率低下。為此，需要預(yù)先定義多個網(wǎng)頁的相同部分，將其存入相應(yīng)文件中，這就構(gòu)成了模板。套用模板可以迅速生成多個風(fēng)格一致的網(wǎng)頁，避免了很多重復(fù)性工作，提高了工作效率。15.1模板15.1.1課堂案例-老墻人家案例學(xué)習(xí)目標(biāo)：學(xué)會模板的使用。案例知識要點：新建模板文件，選擇菜單【插入】|【模板對象】|【可編輯區(qū)域】，在模板文件中插入可編輯區(qū)域，通過模板文件創(chuàng)建網(wǎng)頁，在【資源】面板中對模板文件進行編輯。案例效果如圖15-2所示。15.1模板15.1.2創(chuàng)建模板1.新建空白模板2.根據(jù)現(xiàn)有網(wǎng)頁文件創(chuàng)建模板15.1模板15.1.3定義可編輯區(qū)域創(chuàng)建完成的網(wǎng)頁模板中，所有區(qū)域都被鎖定為“不可編輯區(qū)域”，所謂“不可編輯區(qū)域”是指多個風(fēng)格相同網(wǎng)頁中的共同部分，該部分在通過模板創(chuàng)建的網(wǎng)頁文件中是不可編輯的。因此，我們還需要在模板中插入“可編輯區(qū)域”，用來編輯各個網(wǎng)頁文件中的不同內(nèi)容。15.1模板15.1.4定義可編輯重復(fù)區(qū)域網(wǎng)頁模板中的重復(fù)區(qū)域不同于可編輯區(qū)域，在基于模板創(chuàng)建的網(wǎng)頁中，重復(fù)區(qū)域不可編輯，但可以多次復(fù)制。因此，重復(fù)區(qū)域通常被設(shè)置為網(wǎng)頁中需要多次重復(fù)插入的部分，多被用于表格。若希望編輯重復(fù)區(qū)域，可以在重復(fù)區(qū)域中嵌套一個可編輯區(qū)域。15.1模板15.1.5創(chuàng)建基于模板的網(wǎng)頁1.利用菜單命令創(chuàng)建基于模板的網(wǎng)頁2.利用【資源】面板創(chuàng)建基于模板的網(wǎng)頁15.1模板15.1.6管理模板（資源控制面板）1.修改模板文件2.重命名模板文件3.刪除模板文件4.更新站點15.1模板Dreamweaver可以把網(wǎng)站中經(jīng)常反復(fù)使用到的網(wǎng)頁元素存入一個文件夾Library中，該文件夾稱為“庫”，每一個存入庫中的網(wǎng)頁元素都以單個文件的形式存在，這些文件的擴展名均為.lbi，稱為“庫項目”。將庫項目插入網(wǎng)頁中，實際上是插入庫項目的一個副本和對該庫項目的引用。從而保證了對該庫項目編輯修改后，引用該庫項目的網(wǎng)頁能自動更新。15.2庫10.2.1課堂案例-老墻人家案例學(xué)習(xí)目標(biāo)：學(xué)會庫的使用。案例知識要點：創(chuàng)建庫項目文件，在網(wǎng)頁文件中插入庫項目，在【資源】面板中對庫項目進行編輯。15.2庫15.2.2創(chuàng)建庫項目1.根據(jù)已有網(wǎng)頁元素創(chuàng)建庫項目2.新建空白庫元素15.2.3向頁面添加庫項目15.2庫15.2.4更新庫項目文件1.