实验内容1、制作框架网页2、制作浮动框架网页3、制作浮动.pptVIP

实验内容 1、制作框架网页 2、制作浮动框架网页 3、制作浮动框架链接;实验目的 1、能够熟练的在DW中制作框架网页;实验重点 1、制作框架网页 2、制作浮动框架网页;实验难点 1、制作浮动框架网页 ;试验一：制作框架网页 实验步骤： 第一步：在DW中新建一个页面 第二步：打开“查看”→“可视化助理”→“框架边框”页面四周将出现框架边框; ;第三步：用鼠标拖动页面四周的边框，使它成为框架结构的网页，如本例拖动左边边框，成为左右结构的框架结构。;第四步：“文件”→“保存全部”框架页面 第五步：分别给左右边框取“left” “right”;第六步：给左右部分框架加上相应的页面;这样一个基本的框架页面就做好了，预览如下：;第七步：注意对框架属性的设置“边框”设置框架是否有边框。 当选中右框架，如下图最右边部分，设置它的值为“1”并且??位为“相对”是非常重要的，这是对框架页面中左部分不随整个页面大小变化而改变自身大小的保证。;第八步：设置框架链接 给“经典文学”添加“a1.htm”链接，并且把“目标”设置成“right”，这样当点“经典文学”链接的时候，其内容就在右边框架内显示。下面的几个链接设置与“经典文学”类似。;实验二：制作浮动框架网页 建立一个如下页面的浮动框架网页;实验步骤： 第一步：使用本站点内“Untitled-9”模板建立一个新页面并保存名为“100.htm”页面。 第二步：打开“拆分”视图，找到要插入浮动框架的单元格。;并把光标放到下图显示的地方： ;加入后，单元格中将出现下图所示浮动小框架：; ; ; ; ; ; ; ;谢 谢 ！