框架网页设计.doc

框架网页设计教案一、教学目标： 1、知识与技能： （1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。 （2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。 （3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。 2、过程与方法： （1）、能够区分框架结构属性设置与网页属性设置的不同点。 （2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。 3、情感态度与价值观： （1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。 （2）、培养学生网页设计的审美意识、创新意识。 二、教学重点难点： 1、教学重点： （1）、框架网页的作用和功能，框架的建立与属性设置。 （2）、框架中各个页面之间的关联，每个框中页面的设置方法。 （3）、框架网页的保存方法。 2、教学难点： （1）、框架结构网页中框架属性与页面属性的设置方法。 （2）、理解框架结构的多页面存储方法及各页面之间的关联。 三、教学过程： 1、创设情境、导入新课 （1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。 （2）、教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课框架网页的制作。 设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。 2、任务驱动、自主学习 （1）、教师展示一个框架网页，引导学生理解框架网页的概念。 （2）、出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本的实践学习。 （3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。 （4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。 （5）、出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。 （6）、学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。（7）、出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。（8）、教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。 设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。 3、展示作品、课堂小结 （1）、教师给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，并让学生分组，推进一些优秀作品在全班展示。（2）、教师点评，并鼓励完成作品比较好的学生。 设计意图：拓展学生的视野，使学生了解框架的应用方法。展示优秀作品鼓励学生，激发学生的创作欲望。 四、教学反思： 1、本节课是在学习完简单网页、表格布局网页、交互式网页的基础上，进一步学习网页的设计方法。由于学生已经具备了一定的网页设计基础知识与技能，所以教师可以根据学生的实际情况，采用更灵活的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法，以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画，完成框架网页设计任务。