網(wǎng)頁(yè)制作課件13

1、 模板與庫(kù)1復(fù)習(xí)提問(wèn)1、統(tǒng)一網(wǎng)站風(fēng)格可采用的方法？ CSS樣式、框架2、兩種方法的局限性：CSS樣式：只針對(duì)于網(wǎng)頁(yè)元素的統(tǒng)一，而不是整個(gè)頁(yè)面文件框架：頁(yè)面設(shè)計(jì)有局限，涉及到的文件多 3、同一主題相似網(wǎng)頁(yè)的設(shè)計(jì)方法？ 已有解決方法：復(fù)制（不易更新）、框架（頁(yè)面受局限） 目標(biāo)解決方法：使用模板制作網(wǎng)頁(yè)2課程引導(dǎo)當(dāng)一個(gè)網(wǎng)站中的多個(gè)頁(yè)面均為風(fēng)格統(tǒng)一、布局基本一致的網(wǎng)頁(yè)時(shí)。為了提高工作效率，盡量減少重復(fù)勞動(dòng)，使用模板是最好的方法 。當(dāng)一個(gè)網(wǎng)站元素被反復(fù)使用時(shí)，使用庫(kù)項(xiàng)目可減少重復(fù)勞動(dòng)。3知識(shí)目標(biāo)（1）能夠編輯模板和將模板生成新網(wǎng)頁(yè)。（2）能夠應(yīng)用庫(kù)項(xiàng)目制作網(wǎng)頁(yè)。 （3）能夠使用模板和庫(kù)項(xiàng)目統(tǒng)一網(wǎng)站風(fēng)格；

2、4案例展示“學(xué)無(wú)止境”網(wǎng)站5任務(wù)分析本例的多個(gè)網(wǎng)頁(yè)就使用了建立好的模板，根據(jù)網(wǎng)站要求，設(shè)計(jì)方案如下：1、首先設(shè)計(jì)制作一個(gè)網(wǎng)頁(yè)模板2、再使用模板制作其他頁(yè)面。6知識(shí)講解（一）一、模板模板：擴(kuò)展名為.dwt，保存于Templates文件夾中1、創(chuàng)建模板創(chuàng)建一個(gè)全新的模板簡(jiǎn)單介紹“資源管理器”面板創(chuàng)建基于文檔的模板：文件另存為模板。2、設(shè)置模板頁(yè)面屬性用模板創(chuàng)建的文檔繼承模板的頁(yè)面屬性，頁(yè)標(biāo)題除外。設(shè)置：修改頁(yè)面屬性3、定義模板的可編輯區(qū)4、模板的應(yīng)用和更新應(yīng)用模板創(chuàng)建文檔：把頁(yè)面從模板中分離出來(lái)修改模板更新站點(diǎn)中使用模板的所有文件7操作示范（一）制作“學(xué)無(wú)止境”網(wǎng)站：1、制作模板頁(yè)面 文件新建基本

3、頁(yè)HTML另存為模板mb1.dwtTemplates文件夾） 按要求制作模板頁(yè)面2、插入可編輯區(qū)域 選中模板頁(yè)面中的可編輯區(qū)域（每個(gè)頁(yè)面內(nèi)容不同處） 本例中為表格（）， 插入模板對(duì)象可編輯區(qū)域命名（本例為edit1）3、使用模板創(chuàng)建其他頁(yè)面： 文件新建模板mb1創(chuàng)建保存 （文件命名，如english.htm等） 在可編輯區(qū)域edit1處輸入本頁(yè)內(nèi)容，依次創(chuàng)建其他頁(yè)面。8知識(shí)導(dǎo)入討論交流 模板的優(yōu)勢(shì)？ 風(fēng)格統(tǒng)一，有利于保持網(wǎng)頁(yè)風(fēng)格的一致； 更新容易，提高工作效率 與框架相比，不受頁(yè)面限制。引出問(wèn)題： 如果需要重復(fù)的不是完整頁(yè)面，只是頁(yè)面中的部分內(nèi)容，而且出現(xiàn)在頁(yè)面中的位置又不固定，應(yīng)該如何解決？

4、9知識(shí)講解（二）二、庫(kù)項(xiàng)目庫(kù)是一種用來(lái)存儲(chǔ)想要在整個(gè)網(wǎng)站上經(jīng)常重復(fù)使用或更新的頁(yè)面元素（如圖像、文本和其他對(duì)象）的方法。這些元素稱為庫(kù)項(xiàng)目。通過(guò)修改庫(kù)元素，可以實(shí)現(xiàn)整個(gè)網(wǎng)站各頁(yè)面上與庫(kù)元素相關(guān)內(nèi)容的一次性更新。庫(kù)元素存放在庫(kù)文件中，庫(kù)文件（*.lbi）存在站點(diǎn)根目錄的Library文件夾內(nèi)。1、創(chuàng)建庫(kù)項(xiàng)目：2、插入庫(kù)項(xiàng)目3、修改庫(kù)4、與庫(kù)分離5、更新整個(gè)站點(diǎn)或所有使用特定庫(kù)項(xiàng)目的文檔：6、更改當(dāng)前文檔以使用所有庫(kù)項(xiàng)目的當(dāng)前版本10操作示范（二）使用庫(kù)項(xiàng)目設(shè)計(jì)網(wǎng)頁(yè)：1、創(chuàng)建一個(gè)庫(kù)項(xiàng)目2、將庫(kù)項(xiàng)目應(yīng)用于任意網(wǎng)頁(yè)中的任意位置3、更新庫(kù)項(xiàng)目11課堂模仿按演示案例完成“學(xué)無(wú)止境”網(wǎng)站的模板設(shè)計(jì)，使用模板設(shè)計(jì)各個(gè)網(wǎng)頁(yè)，統(tǒng)一網(wǎng)站風(fēng)格。練習(xí)模板的更新與分離設(shè)計(jì)不同形式的庫(kù)項(xiàng)目應(yīng)用于網(wǎng)頁(yè)12疑難解析問(wèn)題1：Dreamweaver 8創(chuàng)建網(wǎng)頁(yè)模板有哪些 方法，其創(chuàng)建步驟怎樣？問(wèn)題2：如何對(duì)模板中不可編輯區(qū)域進(jìn)行編輯？問(wèn)題3：如果將網(wǎng)頁(yè)中的庫(kù)文件和源文件分離？修改庫(kù)文件之后，已脫離庫(kù)文件的網(wǎng)頁(yè)是否能進(jìn)行更新？ 13歸納總結(jié)本單元主要學(xué)習(xí)了模板和庫(kù)的網(wǎng)頁(yè)布局方法，制作網(wǎng)頁(yè)不僅追求美觀、而且要提高制作效率，使用模