初中八年級信息技術(shù)課件事半功倍-制作網(wǎng)頁模板（市一等獎）

事半功倍——制作網(wǎng)頁模板任務(wù)導航在進行大量的網(wǎng)頁制作的時候，很多頁面會用到相同的布局、圖片和文字等元素。為了避免一次次地重復勞動，可以將具有相同版面結(jié)構(gòu)的頁面制作成模板，然后基于模板創(chuàng)建新的網(wǎng)頁，最后根據(jù)需要對頁面進行改動，加入個性化的內(nèi)容。本課，我們學習制作用于創(chuàng)建每個欄目網(wǎng)頁的模板，制作完成的模板效果如圖所示。1.創(chuàng)建模板

（1）新建模板文件步驟1：打開“安全自護我能行”站點，執(zhí)行“窗口”→“資源”命令，打開“資源”面板，單擊“模板”按鈕，切換到模板子面板。步驟2：單擊“新建模板”按鈕，一個默認名稱為Untitled的無標題模板被添加到“資源”面板的模板列表中，如圖所示。修改模板文件的名稱為module，按Enter鍵，則Dreamweaver在“資源”面板和Templates文件夾中創(chuàng)建一個新的空模板。

（2）規(guī)劃“網(wǎng)頁模板”文件夾打開“文件”面板，在Templates文件夾中新建images和other兩個文件夾，將素材庫中提供的圖片素材存放到images文件夾中。

（3）利用表格規(guī)劃模板網(wǎng)頁步驟1：打開模板文件module.dwt，執(zhí)行“修改”→“頁面屬性”命令，打開“頁面屬性”對話框，設(shè)置網(wǎng)頁背景顏色為#EAFF8A（淡黃色），上邊距為0像素。步驟2：插入一個3行6列的表格1，邊框粗細為0，單元格邊距為0，單元格間距為0，表格寬度為780像素，居中對齊。設(shè)置第1行、第3行的高度為19像素，第2行的高度為329像素。第1、3、4、6列的寬度為18像素，如圖所示。步驟3：將光標放置在第2行第5列中，執(zhí)行“修改”→“表格”→“拆分單元格”命令，打開如圖所示的“拆分單元格”對話框。選擇把單元格拆分成兩行，單擊“確定”按鈕，則單元格被拆分為兩行。在“屬性檢查器”中設(shè)定上邊一行的高度為60像素，效果如圖所示。步驟4：將光標放置在表格1的第2列第2行中，插入一個5行1列的嵌套表格2，設(shè)置邊框粗細、單元格邊距、單元格間距均為0，表格寬度為100%，居中對齊，設(shè)置所有單元格高度為50像素。將光標放置在表格1的第5列第2行中，插入一個1行1列的嵌套表格3，設(shè)置邊框粗細、單元格邊距、單元格間距均為0，表格寬度為90%，高度為60像素，居中對齊，效果如圖所示。步驟5：在表格1的下面插入一個2行1列的表格4，設(shè)置邊框粗細、單元格邊距、單元格間距均為0，表格寬度為900像素，居中對齊，如圖所示。（4）修飾表格2.定義可編輯區(qū)域步驟1：選中表格2，執(zhí)行“插入”→“模板對象”→“可編輯區(qū)域”命令，打開“新建可編輯區(qū)域”對話框。在“名稱”文本框中輸入可編輯區(qū)域的名稱“導航欄”，如圖所示。步驟2：單擊“確定”按鈕，新創(chuàng)建的可編輯區(qū)域便出現(xiàn)在網(wǎng)頁中。它在網(wǎng)頁編輯窗口中顯示為一個藍色實線框的范圍，藍色標簽上是可編輯區(qū)域的名稱，如圖所示。3.測試網(wǎng)頁保存網(wǎng)頁模板文件，按F12鍵在瀏覽器中預(yù)覽網(wǎng)頁效果。知識著陸1.在Dreamweaver中，可以通過模板快速建立相同風格的頁面，提高網(wǎng)頁制作效率。利用模板還可以一次更新多個頁面。2.可編輯區(qū)域是基于模板的文檔中的未鎖定區(qū)域，它是模板用戶可