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

《网页设计与制作案例教程 教学课件 陈承欢 第15单元.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、一．实验目的（1）学会将已有网页生成模板的操作方法。（2）掌握如何编辑模板和将模板生成新网页的操作方法。（3）掌握如何应用库项目制作网页和更新库项目的操作方法。（4）掌握在网页中应用框架和为框架命名并导入框架源文件的操作方法。（5）掌握设置框架集属性和框架属性的操作方法。实验4网页布局之二二．预览效果本次实验的浏览效果如图A-4至A-7所示。图A-4显示器网页的顶部导航条的浏览效果图A-5顶部框架网页下部的“飞利浦显示器”网页的浏览效果图A-6顶部框架网页下部的“明基显示器”网页的浏览效果图A-7显示器网页的底部导航条

2、和版权信息的浏览效果三．实验内容（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中插入库项目Copyrig

3、ht1.lbi。（6）在该子文件夹“04实验4”中创建一个命名为“Frameset04.html”的上部固定的框架网页文档。（7）设置框架集文件Frameset04.html和框架的属性，分别导入框架源文件top.html和041.html。（8）为框架上部的导航条中的文本“飞利浦”和“明基”设置超链接，分别链接“041.html”和“042.html”。四．操作提示（1）创建基本模板的网页文档时，应先创建模块文件，模板文件创建后存放在“Templates”文件夹中，该文件夹由系统自动生成的。然后将模板文件中的某些区域

4、设置为可编辑区域。（2）库文件创建后位于“资源”面板的“库”子面板中，在网页中插入库文件应先切换到“资源”面板的“库”子面板，选择要插入的库文件，然后单击该面板中左下角的【插入】按钮。（3）为框架网页导入框架源文件时，利用“框架”面板选中对应的框架，然后在框架属性面板中选择已制作好的网页文件。