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