框架网页制作
教学目标:
1.知识与技能:
(1)理解框架的概念及用途。
(2)掌握框架网页的新建、制作、编辑与保存,了解框架的拆分方法。
(3)初步掌握将框架结构与表格布局结合使用来制作网页。
2.过程与方法:
(1)通过对表格网页的分析,体验新知识(框架结构网页)的优点,从而促进其学习新知识。
(2)理解框架的概念与组成,学会分析网站的结构。
3.情感态度与价值观:
(1)通过以"人与动物"为主题的框架结构网页制作活动,了解更多有关人与动物和谐相处的知识,通过故事趣闻,增强学生关注动物的兴趣和意识。
(2)能够将表格与框架结构网页结合使用,在创作中体验乐趣。
教学重、难点:
1.重点:框架的概念、用途,创建、编辑与保存框架网页的方法。
2.难点:框架的拆分。
教学方法:
对比教学法、探究学习法、模仿学习法。
教学准备:
整理、归类相关素材,并按要求摆放。
教学过程:
1.引入
老师展示一组利用表格制作的网页,要求学生仔细观察,找出它们的一个共同特点(学生答:网页上方和左侧内容都是相同的,仅右下部分内容不一样),并提问如何快捷地制作这种网页?(学生答:使用复制粘贴快捷地制作)
尽管复制、粘贴能为我们节省时间,但有没有更好的方法呢?相同的区域我们能否只做一遍呢?今天我们要学习的内容--框架网页制作,就能给我们带来更多便捷。(让学生明确框架网页使用的场合)
2.新授
(1)框架网页概念
由以上例子入手,再展示一个框架网页,教师引导学生理解框架网页的概念
(2)框架网页的新建与保存
教师要求学生先阅读教材中的操作步骤,再尝试进行探究操作。
任务1创建"横幅和目录"结构的框架网页,新建top和left页面,并学会保存。
框架结构中的每个框都是一个独立的选项文件,即网页文件,因此当框架确定之后,需要为每个框分别指定其网页文件的来源,可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。在top和left页面中,单击"保存"按钮,随即开始保存。
此处为教学难点,可先由框架的概念入手,再针对保存页面中的蓝色部分,教师进行讲解,教会学生注意观察。
学生要理解框架网页的概念,通过阅读教材中的内容,自学新建框架网页的操作,初步了解"新建网页"和"设置初始网页"两个按钮的不同,并认真聆听教师的讲解,注意观察,按要求模仿操作。
设计意图:培养学生自主学习能力,课堂教学难点在教师的讲解后模仿操作,有效突破难点。
(3)相关页面的制作与设置
框架网页中相关页面的制作,需要结合表格来布局,插入文字、图片和交互式按钮。
任务2top和left页面的制作。
要求:
○1top页面内插入1行2列的表格,左边单元格插入logo图片,右边单元格插入banner图片。
○2left页面内插入5行1列的表格,在每个单元格内依次插入交互式按钮(共4个),交互式按钮文字为展示介绍的相关内容概括,在第5个单元格内插入一个邮箱指示的图片。
○3调整表格边框的粗细。
○4为main区域设置初始页面。(该网页由教师提供现成的)
学生制作相关页面,同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况,开展比一比、评一评活动,对表现好的学生给予表扬。
(4)框架网页属性的设置
创建好框架网页后,可以根据实际需要改变框架的属性。
任务3调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。
提高任务:框架的拆分。
学生自主探究学习,可向老师寻求帮助。完成设置后请同学示范操作,并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。
3.总结与评价
老师可以给出一些常见的框架结构应用界面,如Web邮箱页面等,引导学生总结本课内容,梳理课堂知识,并让学生分组,推荐一些优秀作品进行全班展示。
设计意图:开拓学生的视野,使学生了解框架的应用,教会学生要善于总结,要学会学习的方法。
全文下载:苏科版初中信息技术《框架网页制作》教学设计下载