《網(wǎng)頁制作基礎（Dreamweaver CS6）（第3版）》項目7 使用模板和庫_第1頁
《網(wǎng)頁制作基礎（Dreamweaver CS6）（第3版）》項目7 使用模板和庫_第2頁
《網(wǎng)頁制作基礎（Dreamweaver CS6）（第3版）》項目7 使用模板和庫_第3頁
《網(wǎng)頁制作基礎（Dreamweaver CS6）（第3版）》項目7 使用模板和庫_第4頁
《網(wǎng)頁制作基礎（Dreamweaver CS6）（第3版）》項目7 使用模板和庫_第5頁
已閱讀5頁，還剩46頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領

文檔簡介

項目七使用模板和庫理解模板和庫在網(wǎng)頁制作中的作用；學習模板和庫的創(chuàng)建與編輯；能夠應用模板和庫制作和更新網(wǎng)頁。

教學目標：教學重點:模板和庫的作用模板和庫的應用教學難點:

模板和庫的應用教學方法:

任務驅(qū)動法任務一、認識模板

知識點：理解什么是模板；理解模板的作用；了解模板的優(yōu)點。任務描述

本任務主要學習什么是模板，模板在網(wǎng)頁制作中起到什么作用，以及使用模板制作和更新網(wǎng)頁具有什么優(yōu)點。任務分析

在使用Dreamweaver軟件建設一個大規(guī)模的網(wǎng)站時，通常需要制作很多的頁面，而且還要保證這些頁面的風格統(tǒng)一。為了提高網(wǎng)站建設與維護的工作效率，避免重復操作，這就要用到模板。模板實質(zhì)上就是創(chuàng)建其他具有相同版式和風格文檔的基礎文檔，它是一種特殊類型的文檔，模板文件的擴展名為“.dwt”，是Dreamweaver提供的一種對站點中文檔的管理功能，而非HTML本身的功能。

當創(chuàng)建一個模板或?qū)⒁粋€網(wǎng)頁另存為模板時，Dreamweaver默認將所有區(qū)域標志為“鎖定”。通過模板生成網(wǎng)頁時，Dreamweaver會自動生成網(wǎng)頁共用部分（即在模板中制作的相同布局網(wǎng)頁的公共部分），并且這些鎖定區(qū)域處于不可編輯的狀態(tài)，也稱為不可編輯區(qū)域，用戶無法修改。要更新公共部分時，只能在模板中編輯。只需要更改模板，所有應用該模板的頁面都會隨之改變。

用戶可以根據(jù)需要在模板中創(chuàng)建可編輯區(qū)域，模板的可編輯區(qū)域是指基于模板創(chuàng)建的網(wǎng)頁中用戶可以編輯的區(qū)域。在制作模板時，可以創(chuàng)建可編輯區(qū)域決定模板中的哪些部分是基于模板生成的網(wǎng)頁中可自由編輯的，應用該模板的頁面只能在可編輯區(qū)域內(nèi)進行編輯，用戶可以在可編輯區(qū)域放置各頁面之間不同的主體內(nèi)容部分。模板的作用

模板的最大作用就是用來快速創(chuàng)建及更新具有統(tǒng)一結(jié)構(gòu)和風格的網(wǎng)頁，省去了重復操作的麻煩，提高工作效率，維護網(wǎng)站更輕松。單就快速創(chuàng)建來講，復制網(wǎng)頁內(nèi)容、另存網(wǎng)頁等也能實現(xiàn)，但是快速更新大批量網(wǎng)頁是模板特有的功能，具有高效性的特點。使用模板的優(yōu)點：（1）省去了重復勞動的麻煩，提高了設計者的工作效率。（2）更新站點時，如果要修改共同的頁面元素，只要更改應用的模板就可以了，所有相同模板的網(wǎng)頁文件可快速更新，不必一個一個地逐頁修改。（3）基于模板生成的網(wǎng)頁文件與模板之間保持關聯(lián)，公共內(nèi)容可保證完全一致，風格統(tǒng)一，看起來比較系統(tǒng)。任務二、創(chuàng)建模板知識點：掌握空白模板的創(chuàng)建方法；了解空白模板保存并關閉的方法；掌握使用已有文檔生成模板以及保存并關閉的方法。

任務描述

本任務主要學習如何創(chuàng)建空白模板，以及如何將已有文檔轉(zhuǎn)換成模板。任務分析在創(chuàng)建模板前一定要先創(chuàng)建站點，才能在保存一個新模板時保存在Dreamweaver在站點根目錄下自動生成的Templates文件夾中，才能在新建“模板中的頁”時找到該模板，也才能有效管理站點中應用模板的頁面。不能將模板文件移動到其它位置存放，如果模板文件改變了位置，Dreamweaver將無法識別該模板文件?？梢灾苯觿?chuàng)建空白模板，也可以將已有文檔轉(zhuǎn)換為模板。新創(chuàng)建的模板中用戶如果沒有定義任何可編輯區(qū)域，那么由模板生成的網(wǎng)頁是不可編輯的，用戶無法編輯網(wǎng)頁之間不同的內(nèi)容部分，雖然快速創(chuàng)建相似網(wǎng)頁是模板的優(yōu)點，但一個站點中的頁面如果全都一樣就沒有現(xiàn)實意義了，因此在保存或關閉模板時Dreamweaver都會彈出“此模板不含有任何可編輯區(qū)域”的警告框提醒用戶進行設置。一、操作體驗操作步驟按照教材操作步驟完成任務二。試一試

打開素材文件夾myweb中的公司簡介文檔“myweb\html\GuanYuWoMen\42.html”，將該網(wǎng)頁文檔轉(zhuǎn)換成保留頁頭、頁腳及主體部分右側(cè)“用戶登錄、服務項目、最新客戶及網(wǎng)站調(diào)查”四個版塊為公共內(nèi)容的模板“blycmoban.dwt”。任務三、編輯模板知識點：了解編輯模板的方法；掌握在模板中設置可編輯區(qū)域的方法。任務描述

前面學習了如何創(chuàng)建模板，下面就來學習如何制作模板以及如何在模板中設置可編輯區(qū)域的方法。任務分析

空白模板就如同空白網(wǎng)頁一樣，創(chuàng)建好空白模板后，可以像編輯普通網(wǎng)頁一樣在模板中一步步制作完成需要的相同結(jié)構(gòu)及公共內(nèi)容。如果已經(jīng)有制作好的網(wǎng)頁文檔包含了所需要的公共部分，可以復制粘貼到模板中，也可以直接將其轉(zhuǎn)換為模板，再像編輯修改普通網(wǎng)頁一樣對模板文檔稍作修改得到需要的公共部分。

可編輯區(qū)域是可以在基于該模板的文檔中進行編輯的區(qū)域。模板的制作與普通網(wǎng)頁的制作方法相同。但要使模板生效，其中至少要設置一個可編輯區(qū)域，否則基于該模板的頁面是不可編輯的。在關閉或保存模板文件時，用戶如果沒有創(chuàng)建任何可編輯區(qū)域，Dreamweaver都會彈出警告框提醒用戶。一、操作體驗操作步驟按照教材操作步驟完成任務三。二、知識鏈接1．模板的特征2．可編輯區(qū)域的顯示3．可編輯區(qū)域的刪除4．使用可編輯區(qū)域的注意事項三、拓展與提高1．模板重復區(qū)域2．模板可選區(qū)域試一試

打開上一任務試一試中創(chuàng)建的模板“blycmoban.dwt”，保留頁頭、頁腳及主體區(qū)域右側(cè)的“用戶登錄、服務項目、最新客戶、網(wǎng)站調(diào)查”四個版塊等公共內(nèi)容不變，將Banner條下方時間條前端class為"path"的Div定義成可編輯區(qū)域“導航路徑”，將主體區(qū)域左側(cè)id為"main-left"的Div設置為可編輯區(qū)域“主體左側(cè)”。任務四、應用模板知識點：了解編輯模板的方法；掌握在模板中設置可編輯區(qū)域的方法。任務描述

前面學習了創(chuàng)建及編輯模板，下面就來學習如何應用模板。任務分析

將頁面中相同的部分制作成一個模板文件后，就可以通過模板來快速創(chuàng)建這些相似的頁面。我們只需要在套用了模板的頁面中進行修改，就可以制作出風格相似，但又有區(qū)別的頁面。模板一旦被更新，應用了模板的頁面都可以隨之更新，從而極大地提高工作效率，避免了反復修改幾十乃至上百次的重復勞動。當需要對頁面中受不可編輯區(qū)域限制被鎖定的區(qū)域進行編輯時，可以將網(wǎng)頁脫離模板。不僅可以創(chuàng)建基于模板的新頁，也可以將模板應用于已經(jīng)存在的網(wǎng)頁。一、操作體驗操作步驟按照教材操作步驟完成任務四。二、知識鏈接1．應用模板到空白頁2．應用模板到已經(jīng)進行編輯過的頁三、拓展與提高1．應用“資源”面板管理模板

有關模板的創(chuàng)建、編輯、重命名、分離、應用等操作，都可以在“資源”面板完成。試一試

創(chuàng)建基于上一任務定義了可編輯區(qū)域模板“mobanblyc.dwt”的網(wǎng)頁，如經(jīng)典案例頁面，編輯如圖7-17所示主體區(qū)域左側(cè)內(nèi)容后保存，再進行更新、分離等操作。任務五、應用庫項目知識點：理解庫項目的作用；掌握創(chuàng)建庫項目的方法；掌握插入庫項目的方法；掌握更新庫項目的方法；掌握分離庫項目的方法。任務描述

在Dreamweaver中，除了提供模板功能減少重復性勞動，還可以使用庫項目達到這一目標。任務分析

可以將站點中多個頁面都要用到的相同內(nèi)容創(chuàng)建成庫項目，可以滿足反復使用或經(jīng)常需要更新維護的需要。利用庫項目，可以將一個固定內(nèi)容插入到不同頁面中，當需要更新時，只要改變庫項目一個文件就能使站點中的相關頁面都得到更新。庫項目是一種特殊的Dreamweaver文檔，其后綴名為“.lbi”，存儲在站點中的Library文件夾中，這個文件夾是在第一次在“資源”面板創(chuàng)建庫項目時自動生成的，不能隨意對其修改，否則庫項目將不能正常使用。庫項目比模板靈活，可以插入到頁面的任何位置，而不是固定在同一位置。

可以新建一個空白庫文件，也可以使用文檔<body>部分中的任意元素創(chuàng)建庫文件。將經(jīng)常用到的圖片、文字、鏈接、廣告條、頁頭、頁腳等制作成庫項目是最合適的。

當修改庫項目時，會更新使用該項目的所有文檔。如果選擇不更新，那么文檔保持與庫項目的關聯(lián)，可以在以后進行更新。一、操作體驗操作步驟按照教材操作步驟完成任務五。二、知識鏈接1．庫項目的作用2．庫項目的顯示三、拓展與提高

庫項目實際上是要插入到頁面中的一段代碼。把庫項目插入到頁面中，就是把該庫項目的源代碼的一份拷貝插入到頁面中，并創(chuàng)建一個對外部庫項目的引用。重命名庫項目會斷開其與文檔或模板的連接。創(chuàng)建庫項目時不復制樣式表信息，因為這些對象的代碼位于文檔的head段。將帶有行為的對象創(chuàng)建為庫項目時，系統(tǒng)將把對象及其行

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論