第十三课 复杂网页的制作——带框架网页的设计 教案

第十三课 复杂网页的制作———带框架网页的设计 学习目标： 学会建立带框架的网页 学会设置框架属性 学会建立带框架网页的链接 创设情景： 提问：框架网页是一种什么样的网页？跟我们制作的普通网页有什么不同？有什么特点呢？ 讲：框架网页是一种特殊的网页，它可以将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。因此，框架网页其实是把其它网页组织起来方便用户使用。 板书：复杂网页的制作———带框架网页的设计 下面我们就一起来学习———创建带框架的网页。 板书：1.创建带框架的网页 讲：创建带框架的网页操作步骤如下：（请同学们跟着老师一起操作） ①在“文件”菜单中选择“新建”、“网页”。 ②在“新建”对话框中选择“框架网页”选项卡。 ③选择框架网页类型，然后确定。 这样就创建了带框架的网页了。 （学生任务一：让学生练习创建带框架的网页，跟着老师一起操作。） 讲：创建好带框架的网页后，我们要对框架属性进行设置，使它符合我们创建网页的要求，设置框架属性。 板书：2.设置框架属性 设置框架属性操作步骤如下： 在框架网页上右击，在弹出的菜单中选择“框架属性”，打开“框架属性”对话框。 针对网页中的每一个框架———横幅、目录或主框架，我们都可以指定以下属性： ①名称=框架名称 ②框架大小=宽度及高度 ③边距大小 ④是否可以在浏览器中调整页面的大小、是否显示滚动条。 ⑤是否显示边框、框架间距是多少，等内容。 （学生任务二：让学生练习框架属性的设置，分组讨论框架网页给用户带来了什么便利？） 讲：下面我们再来学习带框架网页的超链接。带框架的网页建立超链接应该注意什么问题呢？ 板书：3.带框架网页的超链接 讲：特别注意,选定好目标框架，否则可能会在你不希望的框架中打开了超链接的网页。 举例说明：要通过单击目录框架中的“嫦娥奔月”，在主框架中打开相应的网页，就必须在“目标设置”中指定“主框架”为目标框架（用鼠标单击一下主框架区域）。 （学生任务三：练习创建带框架网页的超链接。） （学生任务四：创建好框架网页后，我们要对带框架网页的进行保存，带框架网页的保存有什么需要注意的问题？） 讲：带框架的网页在保存时每一个框架都是作为一个单独的网页（文件）保存的，而整个框架又是以另一个文件保存的。 总结： 本节课的内容。 本节课主要学习了如何创建带框架的网页，学习了框架属性的设置方法，如指定框架的名称、大小、边距大小、是否显示边框、是否显示滚动条、框架间距是多少，以及是否让浏览器调整页面的大小等，学习了带框架网页超链接的设置方法。 练一练。 ... ...