網(wǎng)頁制作課件13_第1頁
網(wǎng)頁制作課件13_第2頁
網(wǎng)頁制作課件13_第3頁
網(wǎng)頁制作課件13_第4頁
網(wǎng)頁制作課件13_第5頁
已閱讀5頁,還剩11頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

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

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

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

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

溫馨提示

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

評論

0/150

提交評論