DW中制作框架网页.ppt

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