第八章网页的框架结构.docVIP

第八章：网页的框架结构 课题名称 8．1 创建框架网页　　　　　课时：1节 教学目标 1．知识与技能目标 理解和掌握框架集，作好规划设计，准确设置链接时目标位置，了解相关的代码语句。 2．操作技能目标 掌握框架集创建、保存等操作，能够熟练使用“框架”浮动面板完成必要的属性设置。 教学分析与准备 1．教学重点 掌握框架集创建、保存等操作，能够熟练使用“框架”浮动面板。 2．教学难点 掌握框架集，作好规划设计，链接和目标的参数设置。 3．教学策略 讲授、演示、讨论相结合 4．教学环境 多媒体网络机房 学习过程 教学组织 教学内容 备注 课前准备 范例欣赏与评述 （建议教学2分钟） 要点分析（建议教学5分钟） 操作示范与学生同步练习（建议整个教学过程35分钟） 教师应注意要点的介绍和应用示范。其中各步骤均指导学生在代码视图中应用而观察其效果，给学生充足的练习和讨论时间。 学生练习中存在问题的评述与知识小结（建议教学2分钟） 作业布置和提示（建议教学1分钟） 在Dreamweaver中建立站点temp，本章资源包中的“实例一”文件夹作为站点文件夹。 范例：实例一\ index完成.html。 1、几个框架（Frame）组合在一起称为框架集（Frameset）。 2、分析页面的框架结构为上（topFrame）、中、下（bottomFrame）结构，其中中间部分又划分为左（leftFrame）、右（mainFrame）两个区域。 3、“框架”浮动面板的使用。在“框架”浮动面板上如何选中整体框架集，调整其属性面板中“边框”等属性；在“框架”浮动面板上单击任一区域即表示选中该区域，在其随之变化的属性面板上可以设置“源文件”指定显示在该区域的网页文件。 4、查看frame/frameset形式的代码语句。 完成第1步至第9步的步骤，要点如下： 1、在第2步中重点在于插入框架集和保存框架集文件。 2、在第3步中重点在于使用“框架”浮动面板，选中框架集或框架，设置其属性面板中“边框”、“源文件”、“滚动”等属性。 3、在第4步中重点在于框架的位置调节。 4、在第5步至第8步中重点在于熟练框架的相关操作。 5、在第9步中重点在于“链接”和“目标”的设置，使链接的网页显示在指定框架中。 1、几个框架（Frame）组合在一起称为框架集（Frameset）。框架结构包括一个框架集文档和各个框架文档。如分为二个框架，则保存时会有三个文档。 2、框架属性面板中的“源文件”，可以设置为在框架内直接编辑保存，也可以设置为本地站点中已存在的网页文档，或者是外部网站的某个网页文档。各个框架中的网页与普通网页的编辑方法相同。重点是必须对网页显示在哪个框架作好规划设计，设置链接时目标位置要准确。 3、使用“框架”浮动面板，选中框架集或框架，设置其属性面板中“边框”、“滚动”等属性；准确设置“链接”和“目标”，使链接的网页显示在指定框架中。 4、了解frame/frameset的代码语句。 技能拓展： 1、了解框架集的HTML代码。红色框中为刚才建立的框架集文档“index.htm”的部分代码。 2、如果要采用Dreamweaver没有提供的框架集形式，如图8-1-16所示采用左、中、右三列的框架集，可以采用框架嵌套的方法（即拆分框架）。 可以组织学生自行浏览。 部分组织学生思考与回答。 指导学生在制作环境中进行尝试，从而理解其中的要点。 教师指导。