第五章第四节网页模板的应用.ppt

5.4网页模板的应用 什么是网页模板（.dwt） 在制作同一站点或同一栏目内需要风格统一的众多网页时，页面上有些元素是所有页面都固定具有的，如：站点的Logo、导航栏及版权信息等。这时可以制作一个网页模板文档，将固定不变的网页元素放置在模板文档上，再用这个模板文档去套用生成众多页面。 模板的两种制作途径： 将原本已经设计好的网页转存成模板。（案例中所采用的方法） 新建一个新的模板文档，再将所需要的网页元素加入其中。 5.4网页模板的应用--案例任务 制作模板的设计思路 在网页中制作一个4行1列的无框线表格 在第一行插入Logo图片 在第二行插入导航栏 在第三行作为可变的编辑区 在第四行放置版权信息文字 最后将这个网页文件存为模板文件 5.4网页模板的应用--案例任务 在Fireworks中的准备工作 将“新疆之旅”模板图分区域裁剪导出，作为网页模板的素材。 注意其中“纯图片部分”和“导航栏所在部分”导出设置的不同。 5.4网页模板的应用--案例任务 创建模板文档 在站点文件夹中创建模板文件夹及文档。 在模板文档中绘制4行1列表格。 在表格的各个单元格中插入相应的素材。 修饰表格第三行单元格（可编辑区域）。 设置模板文档中大表格的对齐方式及修饰边框线。 选择“文件”→“另存为模板”命令，将“template.html”文档存为模板文件“template.dwt”。 设置导航栏中的各按钮的链接目标页面。 设置可编辑区域。 5.4网页模板的应用--案例任务 模板的应用 一种方法是利用模板来从新建立一个新的网页。 “文件”→“新建”命令 另一种方法是将模板应用到已有的网页上。 打开欲应用模板的页 选择“修改”→“模板”→“应用模板到页”命令，在弹出的“选择模板”对话框中选中欲应用的模板“template.dwt”。 5.4网页模板的应用--扩展知识 更新模板 在“资源”面板的“模板”类下，双击模板 完成模板的编辑后，当保存模板文件时，会出现“更新模板文件”对话框，询问是否要将所有应用过此模板的网页更新。 重新命名模板 单击模板名称，让名称变成可选择状态，输入新的名称。 删除模板 在“资源”面板的“模板”类下选择要删除的模板，单击右键在快捷菜单中选择“删除”即可。 让文件从模板中分离 打开应用过模板的页面，选择“修改”→“模板”→“从模板中分离”命令，原来不可编辑的固定部分变得可编辑，这个页面变成像普通网页一样。 5.4网页模板的应用--课后练习与思考 动手实做 制作左侧垂直导航栏的“新西游记”网页模板 高等教育出版社 高等教育电子音像出版社 《网页设计与制作》（ISBN：978-7-04-029632-7）教材配套光盘 第一行 第二行 第三行 第四行