利用模板和庫設(shè)計(jì)網(wǎng)頁(已修改)
2025-01-28 11:27 本頁面
【正文】 第七章 利用模板和庫設(shè)計(jì)網(wǎng)頁在創(chuàng)建網(wǎng)站時(shí)，需要創(chuàng)建大量的Web頁面以便將信息傳遞給瀏覽者，這就難免要進(jìn)行大量重復(fù)性的工作，從而使得設(shè)計(jì)工作變得枯燥乏味。有沒有更好的辦法呢？當(dāng)然有Dreamweaver MX中的模板和庫技術(shù)就能很輕松地解決這一問題。本章主要介紹利用模板和庫快速創(chuàng)建網(wǎng)頁的方法。通過本章的學(xué)習(xí)，讀者應(yīng)該掌握以下內(nèi)容：模板原理創(chuàng)建、使用和管理模板的方法利用模板更新網(wǎng)頁創(chuàng)建管理庫項(xiàng)目利用庫更新網(wǎng)頁 利用模板創(chuàng)建網(wǎng)頁利用Dreamweaver MX的模板技術(shù)可以創(chuàng)建具有相同頁面布局的一系列文件，同時(shí)模板最大的好處還在于后期維護(hù)方便，可以快速地改變整個(gè)站點(diǎn)的布局和外觀。 模板原理Dreamweaver模板是一種特殊類型的文檔，也可以說是一種用來制作具有相同風(fēng)格頁面的“模子”，用戶利用模板可以在短時(shí)間內(nèi)設(shè)計(jì)大量風(fēng)格相同或相近的頁面。模板由可編輯區(qū)域和不可編輯區(qū)域(又稱鎖定區(qū)域)兩部分組成。不可編輯區(qū)域包含了在所有頁面中共有的元素，即構(gòu)成頁面的基本框架；而可編輯區(qū)域是為添加相應(yīng)的內(nèi)容而設(shè)置的。在后期維護(hù)中通過改變模板的不可編輯區(qū)，可以快速地更新整個(gè)站點(diǎn)中所有使用了模板的頁面布局。 創(chuàng)建模板在Dreamweaver MX中，創(chuàng)建模板的方法有3種。將現(xiàn)有的文檔保存為模板的操作步驟如下。(1)在Dreamweaver MX中打開現(xiàn)有文檔。(2)選擇“文件”→“另存為模板”命令，或單擊插入“模板”面板上(如圖71所示)的“創(chuàng)建模板”按鈕，打開“另存模板”對話框，如圖72所示。圖71 插入“模板”面板(3)在“站點(diǎn)”下拉列表框中選擇站點(diǎn)名稱，在“另存為”文本框中輸入模板名稱。如果選擇“現(xiàn)存的模板”列表中的模板，則可用新的模板覆蓋己有的模板。(4)單擊“保存”按鈕，就把當(dāng)前頁面保存為模板。系統(tǒng)將自動在站點(diǎn)根目錄下創(chuàng)建“Templates”文件夾，并將創(chuàng)建的模板文件保存在該文件夾中。注意：不要將模板移動到Templates文件夾之外或者將任何非模板文件放在Templates文件夾中。此外，不要將Templates文件夾移動到本地根文件夾之外。這樣做將在模板的路徑中引起錯(cuò)誤?！百Y源”面板創(chuàng)建新模板(1)選擇“窗口”→“資源”命令或按F11鍵，打開“資源”模板。(2)單擊左邊的“模板”按鈕，打開“資源”面板的模板類別，如圖73所示。面板的上方是模板的預(yù)覽，下方是模板文件列表。(3)單擊“資源”面板上右下角的“新建模板”按鈕，這時(shí)在模板列表框中添加了一個(gè)“無標(biāo)題”的模板，如圖74所示。 圖73 “資源”面板的模板類別 圖74 新建面板(4)輸入模板名稱，并保存模板，就創(chuàng)建了一個(gè)空白模板。單擊“資源”面板右下角的“編輯”按鈕，就可在“文檔”窗口中打開該模板文檔。通過保存一個(gè)基于模板的文檔，可以創(chuàng)建嵌套模板。嵌套模板是基本模板的變體。用戶可以通過嵌套多個(gè)模板來定義更加精確的布局。創(chuàng)建嵌套模板的方法如下。(1)執(zhí)行下列操作之一，創(chuàng)建一個(gè)基于模板的文檔。用鼠標(biāo)右擊“資源”面板的模板類別上想要創(chuàng)建新文檔的模板，然后選擇“從模板新建”命令。選擇“文件”→“新建”命令，在“新建文檔”對話框中，單擊“模板”選項(xiàng)卡，選擇包含使用模板的站點(diǎn)，然后在文檔列表中雙擊該模板來創(chuàng)建新文檔。(2)選擇“文件”→“另存為模板”命令，或單擊插入“模板”面板上的“創(chuàng)建嵌套模板”按鈕，打開“另存模板”對話框，將新文檔另存為模板。(3)在新模板中可編輯區(qū)域添加其他內(nèi)容()。(4)保存該模板。注意：在基于嵌套模板的文檔中，可以添加或更改基本模板的可編輯區(qū)域的內(nèi)容，也可更改在新模板中創(chuàng)建的可編輯區(qū)域中的內(nèi)容。 定義可編輯區(qū)域模板創(chuàng)建完成后，就要為模板定義可編輯區(qū)域，沒有定義可編輯區(qū)域的模板是不能被使用的，因?yàn)樗乃胁糠侄际擎i定的?！翱?
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1