使用模板和庫提高網(wǎng)頁制作效率課件

1、第5章使用模板和庫提高網(wǎng)頁制作效率教學內容：平時在瀏覽某些網(wǎng)站時，常常會看到大量風格相似的網(wǎng)頁。若在設計網(wǎng)站時，一一制作這些風格相似的網(wǎng)頁，不僅浪費時間而且也不利于后期的網(wǎng)站維護，這時不妨靈活運用Dreamweaver CS6的模板和庫。本章主要講述模板和庫的創(chuàng)建與應用。學習目標掌握模板的創(chuàng)建掌握可編輯區(qū)域的創(chuàng)建掌握使用模板創(chuàng)建網(wǎng)頁掌握庫項目的創(chuàng)建與應用教學目標和基本要求_教學時間：本章共分_課時教學方法案例教學多媒體教學理論面授教學素材課程范例文件：sample第5章練習文件：exercise第5章5.1 創(chuàng)建模板模板是一種特殊類型的文檔，用于設計布局比較“固定的”頁面。讀者可以創(chuàng)建基于模板

2、的網(wǎng)頁文件，這樣該文件將繼承所選模板的頁面布局。在設計模板的過程中，讀者需要指定模板的可編輯區(qū)域，以便在應用到網(wǎng)頁時可以進行編輯操作 。5.1.2 從現(xiàn)有文檔創(chuàng)建模板當編輯好一個文檔之后，就可以將它作為模板保存到當前站點中。Dreamweaver CS6會自動在當前站點建立Templates文件夾，將該模板文件存入該文件夾下 。5.2 創(chuàng)建可編輯區(qū)域在模板文件中編輯好頁面形式后，如果不做任何設置，直接將模板應用到文檔中，則基于模板的文檔是不可編輯的。為了使網(wǎng)頁可以編輯，必須為模板創(chuàng)建可編輯區(qū)域?？删庉媴^(qū)域可以控制模板頁面中哪些區(qū)域可以編輯，哪些區(qū)域不可以編輯 。5.2.2 刪除可編輯區(qū)域使用【

3、刪除模板標記】命令可以取消可編輯區(qū)域的標記，使之成為不可編輯區(qū)域。5.3 使用模板創(chuàng)建網(wǎng)頁創(chuàng)建了模板以后，就可以應用模板快速、高效地設計出風格一致的網(wǎng)頁。5.4 管理站點中的模板在Dreamweaver中，可以對模板文件進行各種管理操作，如重命名、刪除等 。5.4.1 刪除模板將站點中不用的模板刪除 。5.4.2 修改模板在通過模板創(chuàng)建文檔后，文檔就同模板密不可分了。以后每次修改模板后，可以利用Dreamweaver的站點管理特性，自動對這些文檔進行更新，從而改變文檔的風格。5.5 創(chuàng)建與應用庫項目庫是一種特殊的Dreamweaver文件，其中包含已創(chuàng)建以便放在網(wǎng)頁上的單獨的“資源”的集合，庫

4、里的這些資源被稱為庫項目。庫項目是可以在多個頁面中重復使用的存儲頁面的對象元素，每當更改某個庫項目的內容時，都可以同時更新所有使用了該項目的頁面。不難發(fā)現(xiàn)，在更新這一點上，模板和庫都是為了提高工作效率而存在的。在庫中，讀者可以存儲各種各樣的頁面元素，如圖像、表格、聲音和Flash影片等 。5.5.2 應用庫項目將庫項目添加到頁面時，實際內容以及對項目的引用就會被插入到文檔中 。5.5.3 修改庫項目當編輯庫項目時，可以更新使用該項目的所有文檔，也可以選擇不更新 。綜合案例1創(chuàng)建模板在網(wǎng)頁中使用模板可以統(tǒng)一整個站點的頁面風格，在制作網(wǎng)頁時使用模板可以節(jié)省大量的工作時間，并且為日后的更新和維護帶來很大的方便。綜合案例2利用模板創(chuàng)建網(wǎng)頁當需要制作大量布局基本一致的網(wǎng)頁時，使用模板是最好的方法 。本 章 小 結在實際的工作中時，有時有很多的頁面（例如不同的欄目）都會有相同的布局，在制作時為了避免這種重復操作，設計者就可以使用Dreamweave提供的“模板”和“庫”功能，將具有相同的整體布局結構的頁面制作成模板，將相同的局部的對象（如導航欄、注冊信息等）制作成庫文件。這樣，當設計者再次制作擁有模板和庫內容的網(wǎng)頁時，就不需要進行重復的操作，