講模板庫和框架的應(yīng)用_第1頁
講模板庫和框架的應(yīng)用_第2頁
講模板庫和框架的應(yīng)用_第3頁
講模板庫和框架的應(yīng)用_第4頁
講模板庫和框架的應(yīng)用_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

網(wǎng)頁設(shè)計與制作－－模板、庫和框架的應(yīng)用難點疑點重點知識主要任務(wù)第6講模板、庫和框架的應(yīng)用

課程導(dǎo)入難點疑點重點知識課程導(dǎo)入第6講模板、庫和框架的應(yīng)用掌握使用Dreamweaver創(chuàng)建站點任務(wù)1：掌握使用Dreamweaver創(chuàng)建和應(yīng)用模板任務(wù)2：主要任務(wù)掌握使用Dreamweaver創(chuàng)建和應(yīng)用庫項目任務(wù)3：掌握框架技術(shù)的應(yīng)用任務(wù)4：難點疑點主要任務(wù)課程導(dǎo)入重點知識第6講模板、庫和框架的應(yīng)用主要任務(wù)重點知識課程導(dǎo)入難點疑點第6講模板、庫和框架的應(yīng)用1.1

模板和庫項目的應(yīng)用1.2

框架技術(shù)的應(yīng)用授課提綱第6講模板、庫和框架的應(yīng)用1.1模板和庫項目的應(yīng)用使用Dreamweaver創(chuàng)建站點1在Dreamweaver中創(chuàng)建站點，就是在Dreamweaver中定義站點、策劃站點結(jié)構(gòu)、部署開發(fā)環(huán)境。定義站點是為了更好地利用【文件】面板對站點文件進行管理，也是為減少一些錯誤的出現(xiàn)，如路徑出錯，鏈接出錯等等。許多初學(xué)者開始做網(wǎng)頁時，就只知道做單一網(wǎng)頁，對文件的條理性、結(jié)構(gòu)性不加以管理，沒有對文件進行分類管理，使整個站點結(jié)構(gòu)顯得很亂；所以在開發(fā)之前應(yīng)該認真策劃好站點結(jié)構(gòu)。下面以DreamweaverCS3為例，講解站點的創(chuàng)建。1/61.1模板和庫項目的應(yīng)用使用Dreamweaver創(chuàng)建站點12/6步驟1可以不填1.1模板和庫項目的應(yīng)用使用Dreamweaver創(chuàng)建站點13/61.1模板和庫項目的應(yīng)用使用Dreamweaver創(chuàng)建站點14/6目錄不存在則會新建1.1模板和庫項目的應(yīng)用使用Dreamweaver創(chuàng)建站點15/61.1模板和庫項目的應(yīng)用使用Dreamweaver創(chuàng)建站點16/61.1模板和庫項目的應(yīng)用模板的應(yīng)用2一、模板的優(yōu)勢建立網(wǎng)站，有時需要建立風(fēng)格統(tǒng)一、外觀相同的大量網(wǎng)頁，這些網(wǎng)頁可能需要修改，為了提高工作效率，減少操作過程中的錯誤，可使用模板技術(shù)。在使用模板的站點中，如果需要更改應(yīng)用模板的網(wǎng)頁，只需修改模板的內(nèi)容更新模板，就可以更新站點中所有的文件，從而大大提高工作的效率，特別對于維護靜態(tài)的站點尤其顯出其優(yōu)勢。1/31.1模板和庫項目的應(yīng)用模板的應(yīng)用2二、創(chuàng)建模板1.使用已有頁面創(chuàng)建模板（菜單【文件】【另存為模板】）2.使用菜單命令創(chuàng)建空白模板3.使用模板子面板創(chuàng)建模板（快捷鍵F11）注：模板文件擴展名為dwt。一般模板文件不直接使用，而是通過它產(chǎn)生新的網(wǎng)頁。模板文件存放在站點根目錄下的【Templates】子目錄下，此目錄自動生成。2/31.1模板和庫項目的應(yīng)用模板的應(yīng)用2三、創(chuàng)建模板可編輯區(qū)域1.創(chuàng)建模板可編輯區(qū)域選擇菜單命令【插入】【模板對象】【可編輯區(qū)域】可編輯區(qū)域的標(biāo)記代碼如下：<!--TemplateBeginEditablename="content"-->content<!--TemplateEndEditable-->2.通過模板創(chuàng)建新網(wǎng)頁四、模板分離選擇菜單命令【修改】【模板】【從模板中分離】3/31.1模板和庫項目的應(yīng)用庫的應(yīng)用3提高一個網(wǎng)站的頁面制作效率，除了可以使用模板外，還可以應(yīng)用庫實現(xiàn)頁面的批量更新。庫與模板的區(qū)別在于庫只針對于網(wǎng)頁中的局部內(nèi)容，而模板是針對整個網(wǎng)頁。一、創(chuàng)建庫菜單命令【文件】【新建】【空白頁】【庫項目】或者使用模板子面板創(chuàng)建庫項目（快捷鍵F11）二、插入庫選擇資源面板組，再從中選取要添加的庫項目，直接拖拽到網(wǎng)頁相對應(yīng)的位置。1/21.1模板和庫項目的應(yīng)用庫的應(yīng)用3三、更新庫多個頁面應(yīng)用了某個庫項目，如要修改，只需修改相就庫項目，則所有引用頁面都會變化修改。四、庫的分離在引用頁選中要分離的庫項目，右鍵再選擇【從源文件中分離】命令注：庫文件擴展名為lib。庫文件不直接使用。庫文件存放在站點根目錄下的【Library】子目錄下，此目錄自動生成。2/21.1

模板和庫項目的應(yīng)用1.2

框架技術(shù)的應(yīng)用授課提綱第6講模板、庫和框架的應(yīng)用1.2框架技術(shù)的應(yīng)用關(guān)于框架1使用框架(Frame)，可以在瀏覽器窗口同時顯示多個網(wǎng)頁。每個Frame里設(shè)定一個網(wǎng)頁，每個Frame里的網(wǎng)頁相互獨立。框架的優(yōu)缺點優(yōu)點：可以讓網(wǎng)頁的風(fēng)格統(tǒng)一，更能加快瀏覽速度。缺點：搜索引擎無法把帶有框架的網(wǎng)頁正確索引。1.2框架技術(shù)的應(yīng)用框架的使用21.Frameset<frameset></frameset>決定如何劃分Frame。<frameset>有cols屬性和rows屬性。使用cols屬性，表示按列分布Frame；使用rows屬性，表示按行分布Frame。2.Frame用<frame>這個Tag設(shè)定網(wǎng)頁。<frame>里有src屬性，src值就是網(wǎng)頁的路徑和文件名。1/31.2框架技術(shù)的應(yīng)用框架的使用2下面的代碼的目的是：將Frameset分成2列，第一列25%，表示第一列的寬度是窗口寬度的25%；第二列75%，表示第一列的寬度是窗口寬度的75%。第一列中顯示a.html，第二列中顯示b.html。2/3<framesetcols="25%,75%"><framesrc="a.html"><framesrc="b.html"></frameset>1.2框架技術(shù)的應(yīng)用框架的使用2假如一個框架有可見邊框，用戶可以拖動邊框來改變它的大小。為了避免這種情況發(fā)生，可以在<frame>標(biāo)簽中加入：noresize="noresize"。為不支持框架的瀏覽器添加<noframes>標(biāo)簽。重要提示：不能將<body></body>標(biāo)簽與<frameset></frameset>標(biāo)簽同時使用。但假如添加包含一段文本的<noframes>標(biāo)簽，就必須將這段文字嵌套于<body></body>標(biāo)簽內(nèi)。3/31.2框架技術(shù)的應(yīng)用內(nèi)嵌框架Iframe的使用31.關(guān)于IframeIframe是框架的一種標(biāo)記，在頁面設(shè)計中經(jīng)常用到。使用Iframe可以將一個文檔嵌入在另一個文檔中顯示，可以隨處引用不拘泥網(wǎng)頁的布局限制。內(nèi)嵌框架的代碼標(biāo)記<Iframe></Iframe>2.設(shè)置Iframe屬性3.設(shè)置Iframe自適應(yīng)高度onload="this.height=this.contentWindow.document.documentElement.scrollHeight"1/21.

溫馨提示

  • 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

提交評論