清华大学版（2012） 八年级下册信息技术 课件 - 2.6事半功倍——制作网页模板 (共15张PPT)

事半功倍——制作网页模板 1 任务导航 在进行大量的网页制作的时候，很多页面会用到相同的布局、图片和文字等元素。为了避免一次次地重复劳动，可以将具有相同版面结构的页面制作成模板，然后基于模板创建新的网页，最后根据需要对页面进行改动，加入个性化的内容。 本课，我们学习制作用于创建每个栏目网页的模板，制作完成的模板效果如图所示。 2 1.创建模板 （1）新建模板文件 步骤1：打开“安全自护我能行”站点，执行“窗口”→“资源”命令，打开“资源”面板，单击“模板”按钮 ，切换到模板子面板。 步骤2：单击“新建模板”按钮 ，一个默认名称为Untitled的无标题模板被添加到“资源”面板的模板列表中，如图所示。修改模板文件的名称为module，按Enter键，则Dreamweaver在“资源”面板和Templates文件夹中创建一个新的空模板。 3 （2）规划“网页模板”文件夹 打开“文件”面板，在Templates文件夹中新建images和other两个文件夹，将素材库中提供的图片素材存放到images文件夹中。 （3）利用表格规划模板网页 步骤1：打开模板文件module.dwt，执行“修改”→“页面属性”命令，打开“页面属性”对话框，设置网页背景颜色为#EAFF8A（淡黄色），上边距为0像素。 4 步骤2：插入一个3行6列的表格1，边框粗细为0，单元格边距为0，单元格间距为0，表格宽度为780像素，居中对齐。设置第1行、第3行的高度为19像素，第2行的高度为329像素。第1、3、4、6列的宽度为18像素，如图所示。 5 步骤3：将光标放置在第2行第5列中，执行“修改”→“表格”→“拆分单元格”命令，打开如图所示的“拆分单元格”对话框。 6 选择把单元格拆分成两行，单击“确定”按钮，则单元格被拆分为两行。在“属性检查器”中设定上边一行的高度为60像素，效果如图所示。 7 步骤4：将光标放置在表格1的第2列第2行中，插入一个5行1列的嵌套表格2，设置边框粗细、单元格边距、单元格间距均为0，表格宽度为100%，居中对齐，设置所有单元格高度为50像素。将光标放置在表格1的第5列第2行中，插入一个1行1列的嵌套表格3，设置边框粗细、单元格边距、单元格间距均为0，表格宽度