第9章 模板和庫(kù)的應(yīng)用.ppt

1、第9章模板和庫(kù)的應(yīng)用,9.1 模板的基本操作 9.2 庫(kù)的應(yīng)用,9.1 模板的基本操作,9.1.1 模板的基本特點(diǎn) 使用模板的好處在于： 1.可以生成大批的風(fēng)格相近的網(wǎng)頁(yè)。 2. 一是一次可以更新多個(gè)頁(yè)面。根據(jù)模板創(chuàng)建的文檔與模板保持鏈接關(guān)系（除非以后分離該文檔），可以通過(guò)修改模板立即更新所有基于該模板的文檔。,9.1 模板的基本操作,9.1.2 模板的創(chuàng)建與保存 1.模板的創(chuàng)建方法 方法一：通過(guò)菜單創(chuàng)建模板 在文件面板中選擇要?jiǎng)?chuàng)建模板的站點(diǎn)。 選擇【文件】【新建】【空白頁(yè)】或者【空模板】 【HTML模板】 ，選擇需創(chuàng)建的模板類型。單擊【確定】，創(chuàng)建了一個(gè)空白模板,9.1 模板的基本操作,9.

2、1.2 模板的創(chuàng)建與保存 1.模板的創(chuàng)建方法 方法二：在【資源】面板創(chuàng)建模板 在文件面板中選擇要?jiǎng)?chuàng)建模板的站點(diǎn)。 選擇【窗口】【資源】命令，打開(kāi)【資源】面板，選定面板左側(cè)的【模板】按鈕，單擊“添加”按鈕。 方法三：利用現(xiàn)成網(wǎng)頁(yè)創(chuàng)建模板 打開(kāi)欲做模板的網(wǎng)頁(yè)。 選擇【文件】【另存為模板】命令。,9.1 模板的基本操作,2、模板的保存 新建的模板文件會(huì)保存在本地站點(diǎn)的Templates文件夾中。 如果該Templates文件夾在站點(diǎn)中尙不存在，Dreamweaver CS5將在保存新建模板時(shí)自動(dòng)創(chuàng)建該文件夾。 模板文件的擴(kuò)展名為.dwt。,9.1 模板的基本操作,9.1.3 創(chuàng)建模板區(qū)域 創(chuàng)建可編輯

3、區(qū)域 可編輯模板區(qū)域控制基于模板的頁(yè)面中的哪些區(qū)域可以編輯。設(shè)置可編輯區(qū)域，需要在制作模板的時(shí)候完成。 相似網(wǎng)頁(yè),完全一樣部分（在模板中制作）,不同部分（設(shè)為可編輯區(qū)域）,1、創(chuàng)建可編輯區(qū)域 在模板中插入重復(fù)區(qū)域的操作步驟： 將插入點(diǎn)放在想要插入可編輯區(qū)域的地方 在插入欄中選擇【模板】，然后單擊【可編輯區(qū)域】按鈕。 在【新建可編輯區(qū)域】對(duì)話框中，輸入該區(qū)域的名稱 單擊【確定】按鈕,9.1 模板的基本操作,9.1.4 創(chuàng)建基于模板的網(wǎng)頁(yè) 使用菜單方式 選擇【文件】【新建】|【新建文檔】|【模板中的頁(yè)】，選擇新建的頁(yè)面存放的站點(diǎn)及所用模板名稱。 選中【當(dāng)模板改變時(shí)更新頁(yè)面】的復(fù)選框時(shí)，當(dāng)模板被修改

4、后，用此模板創(chuàng)建的網(wǎng)頁(yè)也會(huì)被修改。 單擊【創(chuàng)建】按鈕，此時(shí)在網(wǎng)頁(yè)編輯窗口建立了一個(gè)由模板生成的網(wǎng)頁(yè)，設(shè)計(jì)者可在可編輯區(qū)域輸入相關(guān)內(nèi)容。,9.1 模板的基本操作,9.1.4 創(chuàng)建基于模板的網(wǎng)頁(yè),選擇“模板中的頁(yè)”,選擇要應(yīng)用的模板所在站點(diǎn),選擇要應(yīng)用的模板,單擊“創(chuàng)建”按鈕,顯示模板預(yù)覽效果,9.1 模板的基本操作,9.1.4 創(chuàng)建基于模板的網(wǎng)頁(yè) 使用資源面板 首先新建頁(yè)面，通過(guò)【窗口】菜單打開(kāi)資源面板 選擇面板中的模板資源。 選中欲使用的模板，單擊【應(yīng)用】按鈕；或?qū)⑦x中的模板拖到編輯窗口。在應(yīng)用了模板的文檔的可編輯區(qū)域內(nèi)編輯相關(guān)內(nèi)容。,9.1 模板的基本操作,9.2庫(kù)的應(yīng)用,庫(kù)是一種特殊類型的

5、Dreamweaver文件，我們可以將整個(gè)網(wǎng)站上經(jīng)常重復(fù)使用或更新的頁(yè)面元素定義為庫(kù)項(xiàng)目，如圖像、表格、文本、聲音和Flash影片等。當(dāng)需要使用某庫(kù)項(xiàng)目時(shí)，直接將其從“資源”面板中拖到網(wǎng)頁(yè)中就可以了。 使用庫(kù)的意義：如果使用了庫(kù)，就可以通過(guò)改動(dòng)庫(kù)更新所有采用庫(kù)的網(wǎng)頁(yè)，不用一個(gè)一個(gè)的修改網(wǎng)頁(yè)元素或者重新制作網(wǎng)頁(yè)。使用庫(kù)比使用模板，有更大的靈活性。,庫(kù)項(xiàng)目列表,將庫(kù)項(xiàng)目插入到文檔,刪除庫(kù)項(xiàng)目,編輯庫(kù)項(xiàng)目,新建庫(kù)項(xiàng)目,預(yù)覽庫(kù)項(xiàng)目,9.2庫(kù)的應(yīng)用,9.2庫(kù)的應(yīng)用,9.2.1將選定內(nèi)容創(chuàng)建為庫(kù)項(xiàng)目 步驟： 選擇【窗口】【資源】命令，出現(xiàn)“資源”面板，選擇面板左側(cè)的“庫(kù)”類別。 在“文檔”窗口中，選擇文檔要另存為庫(kù)項(xiàng)目的內(nèi)容。 將選定內(nèi)容拖到“資源”面板的“庫(kù)”類別中，或者單擊“資源”面板的“庫(kù)”類別底部的“新建庫(kù)項(xiàng)目”按鈕，一個(gè)庫(kù)項(xiàng)目被創(chuàng)建，此時(shí)網(wǎng)頁(yè)文檔下方的屬性檢查器也變?yōu)椤皫?kù)項(xiàng)目”檢查器。首先選中對(duì)象，然后選擇“修改”“庫(kù)”“增加對(duì)象到庫(kù)”菜單，即將所選對(duì)象創(chuàng)建為庫(kù)項(xiàng)目。,9.2庫(kù)的應(yīng)用,9.2.2 應(yīng)用庫(kù)項(xiàng)目 步驟： 將文本光標(biāo)定位于“文檔”窗口中。 在“資源”面板上選擇面板左側(cè)的“庫(kù)”類別。 將一個(gè)庫(kù)項(xiàng)目從“資源”面板拖動(dòng)到“文檔”窗口中，或者選擇一個(gè)庫(kù)項(xiàng)目，然后單擊面板底部的“插入”按鈕。,9.2庫(kù)的應(yīng)用,注