实验十四 制作“框架网页”.doc_第1页
实验十四 制作“框架网页”.doc_第2页
实验十四 制作“框架网页”.doc_第3页
实验十四 制作“框架网页”.doc_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

实验十四 制作“框架网页”一、实验目的:1 了解框架网页、框架及框架集的概念掌握创建框架网页的基本方法2 掌握在框架网页中对框架的修改调整及参数属性的设置3 掌握框架网页的保存4 掌握对框架网页的编辑与加载5 学会链接目标页面的显示位置控制二、实验要点:1. 创建框架网页、保存框架网页2. 调整与修改框架的属性值、3. 已完成编辑的网页加载到框架中三、实验准备:1. 课前把图片、文字等素材文件准备好,学生做实验前用电子教室发送到学生机的“素材”文件夹中2. 课前把要求学生完成的网页用抓屏软件制作成JPG图片,以供学生做实验时参考,并在学生做实验前用电子教室发送到学生机的“参照”文件夹中四、实验内容:案例1:建立框架网页,并立即保存此空页面于D盘的站点中,文件名分别为:wzlx.html、wzlx_lefttop.html、wzlxl_eftbottom.html、wzlx_right.html。案例2:设置左上框架占30%,左下框架始终有滚动条。案例3:将素材文件夹中的已建网页加载到本框架网页中,并修改其中的超级链接,控制所链接的页面显示在左下框架中。五、实验步骤:案例1:建立框架网页,并立即保存此空页面于D盘的站点中,文件名分别为:wzlx.html、wzlx_lefttop.html、wzlxl_eftbottom.html、wzlx_right.html。(1)双击桌面上的图标,打开Dreamweaver,如图(2)执行“文件”菜单中的“新建”命令,打开“新建文挡”对话框。(3)在“类别”栏中选择“框架集”,在“框架集”栏中选择“左侧固定,上方嵌套”项,单击“创建”按钮,如图。(4)执行“文件”菜单中的“全部保存”命令,文档名应为“wzlx.html”,“wzlx_lefttop.html”,“wzlxl_eftbottom.html”,“wzlx_right.html”。案例2:设置左上框架占30%,左下框架始终有滚动条。(1)将鼠标移动到左框分隔线处,当其呈现双箭头时选中,选中左上方框,在其属性栏中选择行30,单位百分比30,行列选定范围如图: (2)单击“窗口”菜单中的“框架”命令,打开框架面板,单击左下框架,在“属性”窗口中的“滚动”栏下拉菜单中选择:是总是有滚动条。如图案例3:将素材文件夹中的已建网页加载到本框架网页中,并修改其中的超级链接,控制所链接的页面显示在左下框架中。1打开框架网页,单击对应的分框中,并在文件选项里选择“在框架中打开”,如图。将事先已建网页welcome.html,words.html,picture.html加载到对应的框中,如图:2在框架中打开已建的网页,并在“属性”窗口中的连接“目标”中选择“rightFrame”如图 六

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论