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

* * 一．实验目的 （1）综合利用框架、表格和CSS样式对网页元素进行布局。 （2）利用JavaScript技术实现导航网页的切换和导航菜单的展示和隐藏。 （3）掌握链接外部CSS样式表和外部JavaScript脚本文件的方法。 实验8　综合网页制作 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 二．预览效果 本次实验的浏览效果如图A-11所示。 图A-11　“硬件网站”首页的浏览效果 图A-12 选择大类菜单 图A-13 DIY配件导航菜单 图A-14 显示设备导航菜单 图A-15 数码产品导航菜单 图A-13 DIY配件导航菜单 三．实验内容 （1）在站点“ComputerDiy”根文件夹中新建一个子文件夹“08实验8”，在该子文件夹中创建一个命名为“main.html”的网页文档。 （2）设置网页main.html的页面属性，利用框架、表格和CSS样式表相结合的方式布局页面元素，输入文本、插入输入图片、插入Flash动画，如图A-11所示。 （3）在文件夹“08实验8”创建一个子文件夹“link”，在该文件夹中创建三个导航网页left01.html、left02.html、left03.html，这三个网页外观如图A-13至A-15所示。 （4）编写程序代码实现