中职高教版《网页设计与制作任务驱动教程》8-1-6 修改网页模板并更新网页课件

1 单元8 使用模板和库制作网页 【任务8-1】使用模板和库制作上海游的网页 《网页设计与制作任务驱动教程（第3版）》 1 2 【任务描述】 【任务8-1-6】修改网页模板并更新网页 对网页模板0801.dwt进行必要的修改，然后更新由该模板生成的网页文档0802.html。 《网页设计与制作任务驱动教程（第3版）》 2 3 【任务实施】 （1）打开模板文档0801.dwt，对网页模板中的文字、图像或表格进行必要的修改，如将表格3-5第2行的“高”修改为“300像素”，将表格3-5第2行单元格的图像占位符的“高”修改为“300像素”。 《网页设计与制作任务驱动教程（第3版）》 3 4 （2）单击【标准】工具栏中的【保存】按钮，弹出【更新模板文件】对话框，在该对话框中单击【更新】按钮，系统开始更新模板文件，并且会弹出【更新页面】对话框。 《网页设计与制作任务驱动教程（第3版）》 4 5 （3）在【更新页面】对话框中选中复选框“显示记录”，该对话框变成如图8-34所示的形式，在其下方“状态”列表框中显示检查文件数、更新文件数等详细的更新信息。 图8-34 在【更新页面】对话框中显示详细的更新信息 《网页设计与制作任务驱动教程（第3版）》 6 （4）在【更新页面】对话框中设置相应的参数，在“查看”下拉列表框中如果选择“整个站点”，则要选择需要更新的站点（如“单元8”），然后单击【开始】按钮，对基于模板创建的网页全部进行更新，如图8-35所示。 图8-35 在【更新页面】对话框中选择更新整个站点 《网页设计与制作任务驱动教程（第3版）》 7 （5）更新完成后，单击该对话框中的【关闭】按钮，更新页面操作结束。 保存更新的网页0802.html，预览其效果。 《网页设计与制作任务驱动教程（第3版）》 8 【任务描述】 【任务8-1-7】修改库项目并更新网页 对库项目的内容进行必要的修改，然后对插入了该库项目的网页进行更新。 《网页设计与制作任务驱动教程（第3版）》 8 9 【任务实施】 （1）选中网页模板“0801.dwt”中插入的库文件“nav_left0801.lbi”，在如图8-36所示的“库项目”【属性】面板中单击【打开】按钮，打开库项目“nav_left0801.lbi”的页面。打开库项目的页面后，可对该库项目的内容进行必要的修改。 图8-36 “库项目”的【属性】面板 《网页设计与制作任务驱动教程（第3版）》 9 10 （2）【文件】菜单中选择【保存】命令，这时会弹出【更新库项目】对话框在该对话框中单击【更新】按钮，将更新本地站点内插入了该库文件的网页，并且会弹出如图8-38所示的【更新页面】对话框。 图8-38 在【更新页面】对话框更新“库项目” 《网页设计与制作任务驱动教程（第3版）》 11 （3）更新完成后，单击该对话框中的【关闭】按钮，则更新操作结束。 （4）保存更新的网页，预览其效果。 最后，保存网页0802.html，按F12预览其效果，如图8-1所示。 《网页设计与制作任务驱动教程（第3版）》 12 图8-1 网页0802.html的预览效果 《网页设计与制作任务驱动教程（第3版）》 快乐学习、高效学习 《网页设计与制作任务驱动教程（第3版）》 $