05-網(wǎng)頁設(shè)計(插多媒體元素和模板、庫及資源管理)(編輯修改稿)
2025-02-14 03:58 本頁面
【文章內(nèi)容簡介】 風(fēng)格、布局，當(dāng)制作各個分頁時，通過模板來創(chuàng)建，而當(dāng)修改模板時，與之相鏈接的網(wǎng)頁都將隨之改變。 應(yīng)用模板制作相似網(wǎng)頁 案例分析 在制作中，可利用模板來設(shè)計其相同部分，不同之處留為可編輯區(qū)域，待在具體制作網(wǎng)頁時，再將具體內(nèi)容填入可編輯區(qū)域。 可編輯區(qū)域 應(yīng)用模板制作相似網(wǎng)頁 實現(xiàn)步驟 1. 制作模板 1) 基本元素的制作 2) 創(chuàng)建可編輯區(qū)域 2. 創(chuàng)建基于模板的網(wǎng)頁文檔 3. 修改模板并更新 模板的基本操作 模板的基本特點 使用模板的好處在于： 。 ，就修改了一批網(wǎng)頁（自動更新）。 模板的基本操作 模板的創(chuàng)建與保存 方法一： 通過菜單創(chuàng)建模板 步驟 1 在文件面板中選擇要創(chuàng)建模板的站點。 步驟 2 選擇【文件】｜【新建】｜【常規(guī)】｜模板頁，選擇需創(chuàng)建的模板類型。單擊【確定】，創(chuàng)建了一個空白模板 方法二：在【資源】面板創(chuàng)建模板 步驟 1 在文件面板中選擇要創(chuàng)建模板的站點。 步驟 2 選擇【窗口】｜【資源】命令，打開【資源】面板，選定面板左側(cè)的【模板】按鈕，單擊“添加”按鈕。 方法三：利用現(xiàn)成網(wǎng)頁創(chuàng)建模板 步驟 1 打開欲做模板的網(wǎng)頁。 步驟 2 選擇【文件】｜【另存為模板】命令。 模板的基本操作 模板的保存 ? 新建的模板文件會保存在本地站點的Templates文件夾中。 ? 如果該 Templates文件夾在站點中尙不存在，Dreamweaver 8將在保存新建模板時自動創(chuàng)建該文件夾。 ? 模板文件的擴展名為 .dwt。 模板的基本操作 創(chuàng)建可編輯區(qū)域 可編輯模板區(qū)域控制基于模板的頁面中的哪些區(qū)域可以編輯 。 設(shè)置可編輯區(qū)域 ， 需要在制作模板的時候完成 。 相似網(wǎng)頁 ?完全一樣部分（在模板中制作） ?不同部分（設(shè)為可編輯區(qū)域） 設(shè)置可編輯區(qū)域的具體步驟如下： ?步驟 1 在已創(chuàng)建的模板文件中 ， 編輯網(wǎng)頁 ，其布局 、 制作方法與普通網(wǎng)頁完全一致 。 ?步驟 2 將插入點放在想要插入可編輯區(qū)域的地方 ?步驟 3 在插入欄中選擇 【 模板 】 ， 然后單擊【 可編輯區(qū)域 】 按鈕 。 ?步驟 4 在【新建可編輯區(qū)域】對話框中，輸入該區(qū)域的名稱 ,單擊【確定】按鈕 模板的基本操作 要點提示： ， 可將整個表格或表格的某個單元格定義為可編輯區(qū)域 ， 但是不能同時將多個單元格定義為一個單獨的可編輯區(qū)域 。 ， 當(dāng)層設(shè)為可編輯區(qū)域時 ， 在應(yīng)用該模板編輯文檔時 ， 可改變層的位置和層中的內(nèi)容 。 而將層的內(nèi)容設(shè)為可編輯區(qū)域時 ， 則只能改變層中的內(nèi)容而不能改變層的位置 。 模板的基本操作 創(chuàng)建基于模板的網(wǎng)頁 方法一：用菜單方式 ?步驟 1 選擇 【 文件 】 ｜ 【 新建 】 |【 新建文檔 】|【 模板 】 ， 選擇新建的頁面存放的站點及所用模板名稱 。 ?步驟 2 選中 【 當(dāng)模板改變時更新頁面 】 的復(fù)選框時 ， 當(dāng)模板被修改后 ， 用此模板創(chuàng)建的網(wǎng)頁也會被修改 。 ?步驟 3 單擊 【 創(chuàng)建 】 按鈕 ， 此時在網(wǎng)頁編輯窗口建立了一個由模板生成的網(wǎng)頁 ， 設(shè)計者可在可編輯區(qū)域輸入相關(guān)內(nèi)容 。 模板的基本操作 創(chuàng)建基于模板的網(wǎng)頁 方法二：用資源面板 ?步驟 1 首先新建頁面 ， 通過 【 窗口 】 菜單打開資源面板 。 ?步驟 2 選擇面板中的模板資源 。 ?步驟 3 選中欲使用的模板 ， 單擊 【 應(yīng)用 】 按鈕；或?qū)⑦x中的模板拖到編輯窗口 。 應(yīng)用模板文檔在右上角會標(biāo)明模板名稱 。 ?步驟 4 在應(yīng)用了模板的文檔的可編輯區(qū)域內(nèi)編輯相關(guān)內(nèi)容 。 模板的基本操作 模板的基本操作 更新模板及頁面 修改模板操作步驟： 步驟 1 選擇 【 窗口 】 ｜ 【 資源 】 命令 ， 打開資源面板 ，切換到 【 模板 】 資源 。 步驟 2 選中要修改的模板后右擊鼠標(biāo) ， 在快捷菜單中選擇 【 編輯 】 命令 ， 或雙擊該模板 ， 便可打開要修改的模板 . 步驟 3 在快捷菜單中選擇 【 新建可編輯區(qū)域 】 ╱ 【 刪除模板標(biāo)記 】 以添加或刪除可編輯區(qū)域 。 步驟 4 模板修改完成后 ， 選擇 【 文件 】 ｜ 【 保存 】 命令 ，保存模板 。 模板的基本操作 更新頁面： ? 保存模板時 ， Dreamweaver 8會詢問它 是否更新 所有附著到該模板的網(wǎng)頁 。 ? 也可以使用 【 修改 】 ｜ 【 模板 】 ｜ 【 更新頁面 】 命令 。 或 【 模板 】 資源窗口右上角的按鈕 ， 選擇 【 更新站點 】 命令 ， Dreamweaver在該模板所在的站點中更新基于模板的所有網(wǎng)頁文檔 。 庫的應(yīng)用 庫 是一種用來存儲想要在整個網(wǎng)站上經(jīng)常重復(fù)使用或更新的頁面元素（如圖像、文本和其他對象）的方法。這些元素稱為庫項目 使用庫的意義 ：如果使用了庫，就可以通過改動庫更新所有采用庫的網(wǎng)頁，不用一個一個的修改網(wǎng)頁元素或者重新制作網(wǎng)頁。使用庫比使用模板，有更大的靈活性。 庫的應(yīng)用 創(chuàng)建庫項目 創(chuàng)建庫項目的方式有兩種： 1. 選定內(nèi)容創(chuàng)建為庫項目。 2. 創(chuàng)建一個空白庫項目 庫的應(yīng)用 1. 選定內(nèi)容創(chuàng)建為庫項目 操作 方法 ： ? 步驟
公司管理相關(guān)推薦
鄂ICP備17016276號-1