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

5.4网页模板的应用 什么是网页模板（.dwt） 在制作同一站点或同一栏目内需要风格统一的众多网页时，页面上有些元素是所有页面都固定具有的，如：站点的Logo、导航栏及版权信息等。这时可以制作一个网页模板文档，将固定不变的网页元素放置在模板文档上，再用这个模板文档去套用生成众多页面。 模板的两种制作途径： 将原本已经设计好的网页转存成模板。（案例中所采用的方法） 新建一个新的模板文档，再将所需要的网页元素加入其中。 5.4网页模板的应用--案例任务 制作模板的设计思路 在网页中制作一个4行1列的无框线表格 在第一行插入Logo图片 在第二行插入导航栏 在第三行作为可变的编辑区 在第四行放置版权信息文字 最后将这个网页文件存为模板文件 5.4网页模板的应用--案例任务 在Fireworks中的准备工作 将“新疆之旅”模板图分区域裁剪导出，作为网页模板的素材。 注意其中“纯图片部分”和“导航栏所在部分”导出设置的不同。 5.4网页模板的应用--案例任务 创建模板文档 在站点文件夹中创建模板文件夹及文档。 在模板文档中绘制4行1列表格。 在表格的各个单元格中插入相应的素材。 修饰表格第三行单元格（可编辑区域）。 设置模板文档中大表格的对齐方式及修饰边框线。 选择“文件”→“另存为模板”命令，将“template.html”文档存为模板文件“template.dwt”。