css模板和庫(kù)項(xiàng)目課程-展示頁(yè)
2025-03-13 13:12本頁(yè)面
【正文】 “ EditRegionMain” ，其出現(xiàn)在窗口“已解析”列下對(duì)應(yīng)行，即讓當(dāng)前頁(yè)面的 body部分內(nèi)容位于應(yīng)用模板的可編輯區(qū)域EditRegionMain中；再選中” Document head” 將其移到 head區(qū)域中，如圖所示： ④ 單擊 “ 確定 ” ，得到如下所示頁(yè)面設(shè)計(jì)視圖。顯示如下對(duì)話框： 其中提示當(dāng)前頁(yè)在模板中不存在相應(yīng)的區(qū)域： Document body和 Document head。 對(duì)已有文檔應(yīng)用模板 ? 實(shí)例 4 對(duì)下列表單 應(yīng)用模板 。 ④ 在可編輯區(qū) EditRegionMain中插入相應(yīng)的表格、圖象和文字。如圖所示： ② 選中“當(dāng)模板改變時(shí)更新頁(yè)面”選項(xiàng)，單擊“創(chuàng)建”按鈕，進(jìn)入新文檔設(shè)計(jì)視圖。 使用模板 使用模板創(chuàng)建新文檔 ? 實(shí)例３ 利用模板 。 ④ 在模板頁(yè)中，可編輯區(qū)域用下面的標(biāo)記來(lái)表示： ! TemplateBeginEditable name=EditRegionMain ! TemplateEndEditable ⑤ 在模板中，還有兩個(gè)默認(rèn)的可編輯區(qū)域：頁(yè)面標(biāo)題和頁(yè)面頭部中的區(qū)域。 ? 實(shí)例 2 為模板 。在應(yīng)用了模板的網(wǎng)頁(yè)中，模板部分是鎖定的，其中的內(nèi)容都為不可編輯，所以必須在模板中定義可以編輯的區(qū)域以使用該模板來(lái)創(chuàng)建新的文檔。 ? 打開(kāi)資源面板并單擊 “ 模板 ” 按鈕，可以看到新建模板。在站點(diǎn)根目錄下會(huì)自動(dòng)增加一個(gè)文件夾 Templates，新保存的模板就在該文件夾中。 ? 在 Dreamweaver MX中利用模板和庫(kù)項(xiàng)目能夠創(chuàng)建具有統(tǒng)一風(fēng)格的網(wǎng)頁(yè)，同時(shí)也能更方便的進(jìn)行網(wǎng)站的維護(hù)。 ? 模板：實(shí)際上是一種特殊網(wǎng)頁(yè)，可以通過(guò)模板頁(yè)面產(chǎn)生許多形式相似的網(wǎng)頁(yè)。 本章內(nèi)容 學(xué)習(xí)目標(biāo) ? 利用 CSS技術(shù)創(chuàng)建和應(yīng)用 CSS樣式，對(duì)網(wǎng)頁(yè)進(jìn)行格式設(shè)置和特殊處理。 ? 在 Dreamweaver MX中利用模板和庫(kù)項(xiàng)目能夠創(chuàng)建具有統(tǒng)一風(fēng)格的網(wǎng)頁(yè)，同時(shí)也能更方便地進(jìn)行網(wǎng)站的維護(hù)。第八講 CSS、 模板和庫(kù)項(xiàng)目 ? CSS樣式表是 Dreamweaver中的重點(diǎn)和難點(diǎn)，通過(guò)本章的學(xué)習(xí)，大家要理解 CSS樣式表的作用。掌握如何建立 CSS樣式表，如何運(yùn)用 CSS樣式表，如何設(shè)置 CSS樣式表的各項(xiàng)屬性。本章介紹模板與庫(kù)項(xiàng)目的基礎(chǔ)知識(shí)和應(yīng)用：如何創(chuàng)建模板以及在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用模板，如何創(chuàng)建和設(shè)置庫(kù)項(xiàng)目以及向網(wǎng)頁(yè)添加庫(kù)項(xiàng)目等。 ? 掌握模板和庫(kù)項(xiàng)目的創(chuàng)建方法； ? 掌握應(yīng)用模板設(shè)計(jì)網(wǎng)頁(yè)的方法； ? 掌握將庫(kù)項(xiàng)目添加到網(wǎng)頁(yè)中的方法； ? 掌握用模板和庫(kù)更新頁(yè)面的方法。 ? 庫(kù)項(xiàng)目：指網(wǎng)站上經(jīng)常重復(fù)使用或更新的頁(yè)面元素（如圖象、文本和其他對(duì)象），將它們存儲(chǔ)在庫(kù)中進(jìn)行管理和維護(hù)。 8． 1 創(chuàng)建模板 ? 實(shí)例 1 創(chuàng)建模板 ① 建立站點(diǎn) ② 新建網(wǎng)頁(yè) ③ 網(wǎng)頁(yè)另存為模板： 選擇菜單 →文件 →另存為模板 ? 單擊保存按鈕。模板文件擴(kuò)展名為 .dwt。 定義模板的可編輯區(qū) ? 在模板中，有兩種類型的區(qū)域： 可編輯區(qū)域和鎖定區(qū)域 。 ? 可以像普通網(wǎng)頁(yè)一樣在文檔窗口中打開(kāi)模板文件進(jìn)行修改和編輯。 ① 打開(kāi) ； ② 清理模板文檔：只保留所有頁(yè)面
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1