《网页设计与制作案例教程 教学课件 ppt 陈承欢 第15单元》由会员分享，可在线阅读，更多相关《网页设计与制作案例教程 教学课件 ppt 陈承欢 第15单元（9页珍藏版）》请在金锄头文库上搜索。
1、一实验目的,（1）学会将已有网页生成模板的操作方法。 （2）掌握如何编辑模板和将模板生成新网页的操作方法。 （3）掌握如何应用库项目制作网页和更新库项目的操作方法。 （4）掌握在网页中应用框架和为框架命名并导入框架源文件的操作方法。 （5）掌握设置框架集属性和框架属性的操作方法。,实验4 网页布局之二,二预览效果,本次实验的浏览效果如图A-4至A-7所示。,图A-4 显示器网页的顶部导航条的浏览效果,图A-5 顶部框架网页下部的“飞利浦显示器”网页的浏览效果,图A-6 顶部框架网页下部的“明基显示器”网页的浏览效果,图A-7 显示器网页的底部导航条和版权信息的浏览效果,三实验内容,（1）在站点
2、“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”的上部固
3、定的框架网页文档。 （7）设置框架集文件Frameset04.html和框架的属性，分别导入框架源文件top.html和041.html。 （8）为框架上部的导航条中的文本“飞利浦”和“明基”设置超链接，分别链接“041.html”和“042.html”。,四操作提示,（1）创建基本模板的网页文档时，应先创建模块文件，模板文件创建后存放在“Templates”文件夹中，该文件夹由系统自动生成的。然后将模板文件中的某些区域设置为可编辑区域。,（2）库文件创建后位于“资源”面板的“库”子面板中，在网页中插入库文件应先切换到“资源”面板的“库”子面板，选择要插入的库文件，然后单击该面板中左下角的【插入】按钮。 （3）为框架网页导入框架源文件时，利用“框架”面板选中对应的框架，然后在框架属性面板中选择已制作好的网页文件。,
