网页设计与制作案例教程课件陈承欢第15单元.pptVIP

* * 尚辅网 / 一．实验目的 （1）学会将已有网页生成模板的操作方法。 （2）掌握如何编辑模板和将模板生成新网页的操作方法。 （3）掌握如何应用库项目制作网页和更新库项目的操作方法。 （4）掌握在网页中应用框架和为框架命名并导入框架源文件的操作方法。 （5）掌握设置框架集属性和框架属性的操作方法。 实验4　网页布局之二 二．预览效果 本次实验的浏览效果如图A-4至A-7所示。 图A-4　显示器网页的顶部导航条的浏览效果 图A-5　顶部框架网页下部的“飞利浦显示器”网页的浏览效果 图A-6　顶部框架网页下部的“明基显示器”网页的浏览效果 图A-7　显示器网页的底部导航条和版权信息的浏览效果 三．实验内容 （1）在站点“ComputerDiy”根文件夹中新建一个子文件夹“04实验4”，在该子文件夹中创建如图A-4所示网页top.html。 图A-4　显示器网页的顶部导航条的浏览效果 （2）创建如图A-5所示网页041.html，然后保存为模板04.dwt，且将整个表格都设置为“可编辑区域”。 （3）创建基于模板04.dwt的网页042.html，如图A-6所示。 （4）创建如图A-7所示的库项目Copyright1.lbi。 （5）分别在网页041.html和042.html中插入库项目Copyright1.lbi。 （6）在该子文件夹“04实验4”中创建一个命名为“Frameset04.html”的上部固定的框架网页文档。 （7）设置框架集文件Frameset04.html和框架的属性，分别导入框架源文件top.html和041.html。 （8）为框架上部的导航条中的文本“飞利浦”和“明基”设置超链接，分别链接“041.html”和“042.html”。 *