HTML框架页面设计与实践：从基础到进阶.pdfVIP

实验框架页面的制作

一、实验目标

1、熟悉HTML框架对象常用

2、掌握框架属性的设置

二、实验内容

1、根据要求完成常见框架页面的制作

三、实验参考步骤

1、建立站点，

（1）在D盘新建文件夹，以学号命名文件夹；

2、常见框架页面练习frameset

（1）在d:\yourname文件夹下新建文件夹“框架页面1”

（2）使用Dreamweaver或记事本编辑器，创建上面的页面top.html；(背景色#00cc66)

（3）创建左边页面left.html，注意的创建；

（4）创建右边的四个页面right1.html,right2.html,right3.html,right4.html，

right5.html；(背景色#66FFCC)

（5）创建框架页面frameset.html；

（6）设置左边页面分别到right1.html,right2.html,right3.html,right4.html，

right5.html，要求在右边框架页面打开。

（7）保存、预览。

frameset.html参考代码：

Left.html部分页面参考：

8)修改left.html中的target属性为_black;_top;_self;parent;观察效果！

9)为top页面添加滚动的公告，可使用marquee标记。

marquee我是公告信息！/marquee

2、嵌入式框架页面iframe

（1）在d:\yourname文件夹下新建文件夹“框架页面2

（2）启动Dreamweaver或记事本编辑器，创建三个嵌入式的页面p1.html，p2.html,p3.html，

分别用不同背景颜色标识，加以区别；（背景色#EECCCC、#CCEECC、#CCCCEE）

（3）创建框架页面frameset2.html；

（4）做好框架页面上的；

（5）保存、预览。

frameset2.html代码参考

四、分析两种框架的区别