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