《DW中制作框架网页》由会员分享,可在线阅读,更多相关《DW中制作框架网页(23页珍藏版)》请在金锄头文库上搜索。
1、实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验内容1、制作框架网页 2、制作浮动框架网页 3、制作浮动框架链接实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验目的1、能够熟练的在DW中制作框架网页实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验重点1、制作框架网页 2、制作浮动框架网页实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验难点1、制作浮动框架网页实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下
2、一页试验一:制作框架网页 实验步骤: 第一步:在DW中新建一个页面 第二步:打开“查看”“可视化助理”“框架 边框”页面四周将出现框架边框实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第三步:用鼠标拖动页面四周的边框,使它成 为框架结构的网页,如本例拖动左边边框,成 为左右结构的框架结构。实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第四步:“文件”“保存全部”框架 页面 第五步:分别给左右边框取“left” “right”实验难点实验
3、内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第六步:给左右部分框架加上相应的页面实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页这样一个基本的框架页面就做好了,预览如下:实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第七步:注意对框架属性的设置“边框”设置 框架是否有边框。当选中右框架,如下图最右边部分,设置 它的值为“1”并且单位为“相对”是非常重 要的,这是对框架页面中左部分不随整个页面 大小变化而改变自身大小的保证。实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页
4、上一页下一页第八步:设置框架链接 给“经典文学”添加“a1.htm”链接,并且 把“目标”设置成“right”,这样当点“经典 文学”链接的时候,其内容就在右边框架内显示 。下面的几个链接设置与“经典文学”类似。实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验二:制作浮动框架网页建立一个如下页面的浮动框架网页实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页实验步骤: 第一步:使用本站点内“Untitled-9”模板 建立一个新页面并保存名为“100.htm”页面 。 第二步:打开“拆分”视图,找到要插入浮 动框架的单元
5、格。实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页并把光标放到下图显示的地方: 第三步:选中“HTML”“iframe” “浮动 框架”实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页加入后,单元格中将出现下图所示浮动小框 架:实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第四步:打开“标签检查器”面板,按照下图属 性设置:实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第五步:F12预览实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW
6、制作框架网页上一页下一页实验三:制作浮动框架链接建立一个如下页面的浮动框架链接实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第一步:建立如下一个新页面并保存,然后加 入浮动框架。 实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第二步:对浮动框架属性如下设置,注意属性 中“name”对浮动框架链接起了非常重要的作 用。我们这里给它设置“S”的名称,后面设置 链接的时候我们将会用到它。实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页第三步:分别给文字设置链接,目标必须设置成 “s”,表示链接页面在名称为“s”的框架中显示 。第四步:F12预览,实验成功。实验难点实验内容实验目的实验重点实验步骤实验项目十三 用DW制作框架网页上一页下一页【实验小结】通过这三个实验,让大家熟悉了对 框架页面的使用,框架页面在很的地方 都用的比较多,希望大家在下面多多练 习,达到熟练掌握的程度。