框架网页制作[下学期]

第六节 创建框架网页
教学目的：框架网页的创建、设置和修饰框架网页
教学重点：设置和修饰框架网页
教学工具：网络机房、多媒体课件
教学时间：2课时
教学步骤：
一、什么是框架网页？
我们在学习Windows资源管理器时，发现它的窗口被分成了左右两个部分，当在左边选中一个文件夹时，右边的窗格中就会显示这个文件夹的内容，使用起来非常方便。
在FrontPage中也可以使用类似的方法来组织网页。如下图所示的网页中，单击上边的按钮，会在下边的窗口中显示相应的网页，象这样的网页就叫做框架网页。
二、怎样创建框架网页？
任务一：在网页中创建一个框架网页如下图所示。
任务分析：要制作框架网页，首先要搭好框架。通过对上面框架的分析，我们可以知道它是由上下两个框 　　　　　架组成的。
动手实践：
(1)执行“文件”——>“新建”——>“网页…”命令，打开“新建”对话框。
(2)选中“框架网页”选项卡，如下图所示：
(3)选中“标题”样式的框架网页，然后单击“确定”即可。
三、怎样设置和修饰框架网页？
任务二：设置首页的框架效果如网页任务 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu62\\index.htm" \t "_blank )所示。
任务分析：这个任务的建立只作为练习熟悉的范围，为以后扩展网页的内容作前提。故在学习时我们新建一　　　　　个网页文件夹“班级主页”来实现练习的过程。
　　　　　建好文件夹之后，将前面课堂所做的网页拷贝到“班级主页”文件夹中，并将网页文件重命名。
动手实践：
(1)新建一文件夹，命名为“班级主页”，然后将全面所做的网页内容拷贝到“班级主页”文件夹中。
(2)文件重命名
将“index.htm”改名为“indexbottom.htm”，“tsxs.htm”改名为“tsxsbottom.htm”，“scxs.htm”改名为“scxsbottom.htm”，“grgw.htm”改名为“grgwbottom.htm”。
(3)在任务一建立的框架网页中，单击框架下面的“设置初始网页…”按钮，打开“创建超链接”对话框，然后在该对话框的“查找范围”中找到“班级主页”文件夹，选中“indexbottom.htm”后“确定”就可以看到如下图的效果：
(4)在框架中建立初始网页
单击框架网页顶部的“新建网页”按钮，就在框架中新建了一个网页。
单击工具栏“保存”按纽，弹出“保存”对话框，然后在对话框中的“保存位置”找到“班级主页”文件夹，将文件名设为“index.htm”保存；在接下来的弹出保存对话框中将文件命名为“top.htm”保存。
课堂练习：利用前面所学过的知识将保存的“top.htm”网页设置成如下图所示的效果。
设置完毕之后保存，通过预览可以看到任务二的效果了。
任务三：修改任务二中建立的“index.htm”，将上下框架线去掉，并且不让浏览者改变大小如网页任务 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu63\\index.htm" \t "_blank )所示的效果。
任务分析：为了网页的整体美观，我们可以对框架进行修饰，如：是否显示滚动条，是否显示边框等。
动手实践：
(1)固定框架上的窗口的大小
在框架上的窗口中单击右键，在弹出的菜单中选择“框架属性…”，将各项设置成下图所示的效果，“确定”后即可。
(2)单击“框架属性…”对话框上的“框架网页…”，在弹出的“网页属性”对话框中选择“框架”选项卡，并将“显示边框”取消，如下图所示：
(3)“确定”后通过预览就可以看到网页任务所示的效果了。
课后练习：
(1)利用框架效果分别建立新的三个页面：唐诗欣赏 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu62\\tsxs.htm" \t "_blank )，宋词欣赏 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu62\\scxs.htm" \t "_blank )，个人感悟 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu62\\grgw.htm" \t "_blank )；并分别命名为“tsxs.htm”，“scxs.htm”，“grgw.htm”，保存到“班级主页”文件夹下。
(提示：在框架上面的“设置初始网页…”按钮，调入“top.htm”。)
(2)将唐诗欣赏 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu63\\tsxs.htm" \t "_blank )，宋词欣赏 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu63\\scxs.htm" \t "_blank )，个人感悟 ( file: / / / E:\\2003\\网页制作课件\\renwu\\renwu63\\grgw.htm" \t "_blank )三个页面的上下框架线去掉，并且设置不让浏览者改变大小的效果。