框架网页的制作教案设计与反思(共4页).docx

《框架网页的制作教案设计与反思(共4页).docx》由会员分享，可在线阅读，更多相关《框架网页的制作教案设计与反思(共4页).docx（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上框架网页的制作教案设计与反思江苏省宜兴市和桥镇第二中学 吕超 邮编： E-mail：lvchao一、教学目标：1、知识与技能：（1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。（2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。（3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。2、过程与方法：（1）、能够区分框架结构属性设置与网页属性设置的不同点。（2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。3、情感态度与价值观：（1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。（2）、培养学

2、生网页设计的审美意识、创新意识。二、教学重点难点：1、教学重点：（1）、框架网页的作用和功能，框架的建立与属性设置。（2）、框架中各个页面之间的关联，每个框中页面的设置方法。（3）、框架网页的保存方法。2、教学难点：（1）、框架结构网页中框架属性与页面属性的设置方法。（2）、理解框架结构的多页面存储方法及各页面之间的关联。三、教学过程：1、创设情境、导入新课（1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。（2）、教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课框架网页的制作。设计意图：

3、通过对比、比较，引导学生思考，激发学生学习的乐趣。2、任务驱动、自主学习（1）、教师展示一个框架网页，引导学生理解框架网页的概念。（2）、出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。（3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。（4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察

4、，按要求模仿操作。（5）、出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。（6）、学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。（7）、出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。（8）、教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。3、展示作品、课堂小结（1）、教师

5、给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，并让学生分组，推进一些优秀作品在全班展示。（2）、教师点评，并鼓励完成作品比较好的学生。设计意图：拓展学生的视野，使学生了解框架的应用方法。展示优秀作品鼓励学生，激发学生的创作欲望。四、教学反思：1、本节课是在学习完简单网页、表格布局网页、交互式网页的基础上，进一步学习网页的设计方法。由于学生已经具备了一定的网页设计基础知识与技能，所以教师可以根据学生的实际情况，采用更灵活的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法，以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画，完成框架网页设计任务。专心-专注-专业