实验十四 制作“框架网页”

《实验十四 制作“框架网页”》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验十四制作“框架网页”一、实验目的：1．了解框架网页、框架及框架集的概念掌握创建框架网页的基本方法2．掌握在框架网页中对框架的修改调整及参数属性的设置3．掌握框架网页的保存4．掌握对框架网页的编辑与加载5．学会链接目标页面的显示位置控制二、实验要点：1.创建框架网页、保存框架网页2.调整与修改框架的属性值、3.已完成编辑的网页加载到框架中三、实验准备：1.课前把图片、文字等素材文件准备好，学生做实验前用电子教室发送到学生机的“素材”文件夹中2.课前把要求学生完成的网页用抓屏软件制作成JPG图片，以供学生做实验时参考，并在

2、学生做实验前用电子教室发送到学生机的“参照”文件夹中四、实验内容：案例1：建立框架网页，并立即保存此空页面于D盘的站点中，文件名分别为：wzlx.html、wzlx_lefttop.html、wzlxl_eftbottom.html、wzlx_right.html。案例2：设置左上框架占30%，左下框架始终有滚动条。案例3：将素材文件夹中的已建网页加载到本框架网页中，并修改其中的超级链接，控制所链接的页面显示在左下框架中。五、实验步骤：案例1：建立框架网页，并立即保存此空页面于D盘的站点中，文件名分别为：wzlx.html

3、、wzlx_lefttop.html、wzlxl_eftbottom.html、wzlx_right.html。（1）双击桌面上的图标，打开Dreamweaver,如图（2）执行“文件”菜单中的“新建”命令，打开“新建文挡”对话框。（3）在“类别”栏中选择“框架集”，在“框架集”栏中选择“左侧固定，上方嵌套”项，单击“创建”按钮，如图。（4）执行“文件”菜单中的“全部保存”命令，文档名应为“wzlx.html”，“wzlx_lefttop.html”，“wzlxl_eftbottom.html”，“wzlx_right.h

4、tml”。案例2：设置左上框架占30%，左下框架始终有滚动条。（1）将鼠标移动到左框分隔线处，当其呈现双箭头时选中，选中左上方框，在其属性栏中选择行30，单位百分比30，行列选定范围如图：（2）单击“窗口”菜单中的“框架”命令，打开框架面板，单击左下框架，在“属性”窗口中的“滚动”栏下拉菜单中选择：是——总是有滚动条。如图案例3：将素材文件夹中的已建网页加载到本框架网页中，并修改其中的超级链接，控制所链接的页面显示在左下框架中。1．打开框架网页，单击对应的分框中，并在文件选项里选择“在框架中打开”，如图。将事先已建网页we

5、lcome.html,words.html,picture.html加载到对应的框中，如图：2在框架中打开已建的网页，并在“属性”窗口中的连接“目标”中选择“rightFrame”如图六实验报告要求1．总结创建框架网页并命名保存。2．总结调整框架网页布局值的方法。3．总结显示框架网页超级链接即显示部位的方法。