运用框架结构制作网页教学设计
- 格式:doc
- 大小:269.50 KB
- 文档页数:7
《运用框架结构制作网页》教学设计姓名:张莉工作单位:南京市第四中学邮箱:ihy0227@《运用框架结构制作网页》教学设计一、设计意图《运用框架结构制作网页》是初中信息技术(中国科学技术出版社出版)第二册中的内容,书中是以3个小任务的形式介绍了制作框架网页的详细操作步骤。
若按书上内容用传统的教师讲解、学生操作的方式教学,会存在一些问题。
一、学生不理解为什么要用框架结构来制作网页;二、学生只是按任务要求及具体的操作提示而完成框架结构网页,并不知道这种结构的网页应用在什么场合,在什么情况下选用框架结构来设计网页呢?三、内容上没有学生喜欢的动态或多媒体元素,学生觉得只是按部就班地操作,提不起兴趣。
所以在本节课的设计中要有心注意处理好以上三个问题,精心设计课件与学件,把提高学生信息技术素养,培养学生应用信息技术能力有机融于教学。
二、教材分析从在本教材中所处的位置来看,《运用框架结构制作网页》是在创建新站点,制作简单网页、运用表格制作网页和动态网页之后。
通过前面的学习,学生可以建立有多张网页的个人站点,在对网页的设计中会运用表格给网页布局,为了使网页增添动感,还会通过增加滚动字幕、动态按钮以及动画插件等方法,令网页更加具有活力。
但是除了表格布局外,还有一种常见的布局形式,应用也相当广泛,学生在浏览一些著名网站时就能遇到,通过本节课《运用框架结构制作网页》学习,可以为学生解惑,帮助学生理解框架结构制作网页的应用,因此本节课也是利用FrontPage2000制作网页部分的重点内容。
希望通过学习,学生在自主设计网站时能灵活运用两种布局方法,相辅相成规划自己的网站。
从教材的难易度分析,这部分知识点学生从来没有接触过,在前面学习其它的应用软件时也没有类似的地方,故而有一定难度,教学目标不能定的过高。
另外,为了让学生知识模块更加清楚,教材中原本在该章节安排的横幅广告管理器内容已在前面动态网页制作中完成教学。
三、学情分析对初二的学生来说,运用框架结构制作网页是有一定难度的,因为学生在前面学习网页制作过程中没有接触过;在初一学习网络基础知识时只注意了根据网址找到相应网站并浏览网页内容,很少会考虑或注意到不同网站的不同布局。
教学设计《运用框架结构制作网页》各位读友大家好,此文档由网络收集而来,欢迎您下载,谢谢南京四中张莉一、设计意图《运用框架结构制作网页》是初中信息技术(中国科学技术出版社出版)第二册中的内容,书中是以3个小任务的形式介绍了制作框架网页的详细操作步骤。
若按书上内容用传统的教师讲解、学生操作的方式教学,会存在一些问题。
一、学生不理解为什么要用框架结构来制作网页;二、学生只是按任务要求及具体的操作提示而完成框架结构网页,并不知道这种结构的网页应用在什么场合,在什么情况下选用框架结构来设计网页呢?三、内容上没有学生喜欢的动态或多媒体元素,学生觉得只是按部就班地操作,提不起兴趣。
所以在本节课的设计中要有心注意处理好以上三个问题,精心设计与学件,把提高学生信息技术素养,培养学生应用信息技术能力有机融于教学。
二、教材分析从在本教材中所处的位置来看,《运用框架结构制作网页》是在创建新站点,制作简单网页、运用表格制作网页和动态网页之后。
通过前面的学习,学生可以建立有多张网页的个人站点,在对网页的设计中会运用表格给网页布局,为了使网页增添动感,还会通过增加滚动字幕、动态按钮以及动画插件等方法,令网页更加具有活力。
但是除了表格布局外,还有一种常见的布局形式,应用也相当广泛,学生在浏览一些著名网站时就能遇到,通过本节课《运用框架结构制作网页》学习,可以为学生解惑,帮助学生理解框架结构制作网页的应用,因此本节课也是利用FrontPagexxxx 制作网页部分的重点内容。
希望通过学习,学生在自主设计网站时能灵活运用两种布局方法,相辅相成规划自己的网站。
从教材的难易度分析,这部分知识点学生从来没有接触过,在前面学习其它的应用软件时也没有类似的地方,故而有一定难度,教学目标不能定的过高。
另外,为了让学生知识模块更加清楚,教材中原本在该章节安排的横幅广告管理器内容已在前面动态网页制作中完成教学。
三、学情分析对初二的学生来说,运用框架结构制作网页是有一定难度的,因为学生在前面学习网页制作过程中没有接触过;在初一学习网络基础知识时只注意了根据网址找到相应网站并浏览网页内容,很少会考虑或注意到不同网站的不同布局。
《制作框架网页》教学设计方案(第一课时)一、教学目标1. 知识与技能:了解网页的基本框架,掌握创建框架的基本方法,能够独立制作简单的框架网页。
2. 过程与方法:通过实践操作,掌握网页框架的布局和制作技巧。
3. 情感态度与价值观:培养学生对网页制作的兴趣,激发创新精神,体验成功的乐趣。
二、教学重难点1. 教学重点:掌握创建框架网页的方法,能够独立制作简单的框架网页。
2. 教学难点:如何根据需求合理布局框架,使其具有更好的视觉效果和用户体验。
三、教学准备1. 教材准备:准备相关的教材、图片和案例,以便教学。
2. 工具准备:检查计算机设备是否正常运行,确保网络通畅。
3. 学生准备:提前布置学生预习相关内容,准备好纸、笔以记录操作过程。
4. 环境准备:确保教室整洁、明亮,营造良好的学习氛围。
四、教学过程:(一)引入1. 复习:回顾网页的基本组成元素,如标题、文字、图片、链接等。
2. 导入:介绍框架网页的概念和特点,以及制作框架网页的基本步骤。
(二)新授1. 示范:教师演示如何制作一个简单的框架网页,包括设置网页标题、添加内容框、添加导航框架等步骤。
2. 讲解:详细讲解每个步骤的原理和操作方法,包括如何使用HTML代码、如何设置网页布局等。
3. 实践:学生根据教师的示范和讲解,尝试自己制作一个简单的框架网页,遇到问题可以向教师请教。
4. 指导:教师对学生的实践过程进行指导,帮助学生解决遇到的问题,同时也可以纠正学生的错误操作。
(三)拓展1. 任务:给学生布置一个制作框架网页的任务,要求学生在规定时间内完成。
2. 评价:学生完成后,教师对学生的作品进行评价,指出优点和不足,并给出改进建议。
3. 讨论:组织学生讨论框架网页的制作技巧和注意事项,鼓励学生分享自己的经验和心得。
(四)小结1. 回顾:教师对本节课所学的知识和技能进行总结,强调框架网页的特点和制作要点。
2. 作业:布置课后作业,要求学生尝试制作不同类型的框架网页,提高自己的实践能力和创新能力。
第九课框架布局网页教学目标:1、理解框架结构的含义和用途;2、掌握建立框架网页的方法;3、掌握框架属性的设置方法;4、掌握框架网页的保存方法。
教学重点:1、网页框架的建立。
2、理解“设置初始网页”和“新建网页”的含义。
教学难点:掌握框架属性的设置:调整框架大小、设置框架边界、改变边框线的宽度等。
教学方法:任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法。
教学准备:1、教师准备一些文字和图片素材。
2、教师提供一些制作框架网页的演示动画。
3、教师准备一些用网页框架制作的优秀作品。
教学过程:导入:除表格外,框架也是网页的一种重要布局工具。
使用表格构建网页布局的方法,本章介绍框架的应用,主要包括框架网页的创建,以及框架和框架集的基本操作。
对初学者来说,本章内容可能不太好理解,希望大家认真学习。
框架网页的创建与使用表格布局网页不同的是,框架布局通常适合页面中有一个区域发生变化,而其它区域不发生变化的网页,如网站后台管理界面和一些论坛网页。
关于框架和框架集在框架网页中,浏览器窗口被划分成了若干区域,每个区域称为一个框架,每个框架可显示不同的文档内容,彼此之间互不干扰。
框架网页最明显的特征就是当一个框架的内容固定不动时,另一个框架中的内容仍可以通过滚动条进行上下翻动。
框架网页主要包括两部分,一是框架集,二是框架。
框架记录具体的网页内容,每个框架对应一个网页;框架集是特殊的HTML文件,它定义整个框架页面中各框架的布局和属性,包括框架的数目、大小和位置,以及在每个框架中初始显示的页面URL。
框架集文件本身不包含要在浏览器中显示的HTML内容,只是向浏览器提供应如何显示一组框架,以及在这些框架中应显示哪些文档。
要在浏览器中查看一组框架,需要输入框架集文件的URL,浏览器随后打开要显示在这些框架中的相应文档。
使用框架的最常见情况是,一个框架显示包含导航控件的文档,另一个框架显示含有主要内容的文档。
例如,图9-1-1显示了一个由两个框架组成的框架网页:一个较窄的框架位于左侧,其中包含导航条;一个大框架占据了页面的其余部分,包含网页的主要内容。
2019-2020年教科版信息技术基础必修《制作网站——运用框架结构制作网页》
1课时教案附教学反思
教学目标:
1、知识目标
了解框架结构的基本知识、框架的作用及框架属性
2、技能目标
1)能够使用框架结构设计网页
2)学会设置网页的框架属性,根据网页具体情况调整框架结构
3、情感目标
通过框架结构网页设计,提高学生对网页整体架构的设计能力和鉴赏能力。
教学重点与教学难点:
重点: 1、框架网页的建立
2、调整、填充框架网页
3、框架网页的保存
难点: 1、更改和设置网页的框架属性
2、框架网页的保存
关键:掌握框架属性对话框的使用方法
教学方法与教学手段:
1、讲解与演示
2、对比教学
3、探究与实践
教学准备:
运用框架结构制作网页,以准备在课堂上演示
教学过程:。
《制作框架网页》教学设计方案(第一课时)一、教学目标1. 了解网页框架的基本概念和作用。
2. 掌握创建框架的方法和步骤。
3. 能够根据需求设计并制作简单的框架网页。
二、教学重难点1. 教学重点:掌握创建框架的方法和步骤,能够根据需求设计并制作简单的框架网页。
2. 教学难点:合理布局框架,实现网页的视觉效果和功能。
三、教学准备1. 准备教学用具:计算机、投影仪、网页制作软件等。
2. 准备教学材料:相关图片、文字素材等。
3. 复习上一节课的内容,为新课做铺垫。
4. 设计教学流程,引导学生逐步掌握框架网页的制作方法。
5. 提醒学生注意安全,遵守课堂纪律。
四、教学过程:一、引入1. 自我介绍并说明课程目标2. 介绍网页的基本组成和框架网页的特点3. 引导学生思考如何制作框架网页二、新课教学1. 讲解框架网页的基本概念和制作步骤2. 演示制作框架网页的步骤,包括创建框架、设置标题、添加内容等3. 引导学生尝试自己制作一个简单的框架网页4. 针对学生制作过程中出现的问题进行解答和指导三、实践操作1. 学生根据课堂所学知识,自行制作框架网页,教师进行巡视指导2. 针对学生制作过程中出现的问题进行个别指导3. 鼓励学生尝试使用不同的方法制作框架网页,培养创新思维四、课堂小结1. 回顾本节课所学知识,强调框架网页的特点和制作方法2. 鼓励学生分享自己的制作经验,互相学习3. 布置课后作业,要求学生继续完善自己的框架网页作品,并思考如何进一步优化和改进。
五、课后延伸1. 鼓励学生参加各类信息技术竞赛,锻炼自己的技能和表达能力2. 提供学习资源和学习建议,帮助学生持续学习和发展自己的信息技术能力。
教学设计方案(第二课时)一、教学目标1. 知识与技能:学生能够理解框架网页的概念,掌握创建框架网页的基本步骤和方法。
2. 过程与方法:通过实践操作,学生能够熟练使用框架网页的制作工具,完成框架网页的制作。
3. 情感态度与价值观:培养学生利用信息技术解决实际问题的能力,激发对信息技术课程的兴趣。
框架网页教案
教案标题:框架网页教案
教学目标:
1. 了解框架网页的基本概念和特点
2. 掌握框架网页的基本结构和语法
3. 能够设计和创建简单的框架网页
教学重点:
1. 框架网页的定义和作用
2. 框架网页的基本结构和语法
3. 框架网页的设计和创建
教学难点:
1. 框架网页的嵌套和布局
2. 框架网页的交互和链接
教学准备:
1. 计算机和网络设备
2. 编辑器软件
3. 实例框架网页代码
教学过程:
1. 导入:通过展示一个框架网页的实例,引出框架网页的概念和作用。
2. 讲解:介绍框架网页的基本结构和语法,包括框架的定义、嵌套和布局方式。
3. 演示:通过实例演示如何设计和创建一个简单的框架网页,包括框架的设置
和页面的链接。
4. 练习:让学生在计算机上动手操作,设计和创建自己的框架网页,包括多个框架的嵌套和页面的交互。
5. 总结:总结框架网页的知识要点,强化学生的理解和记忆。
6. 拓展:引导学生进一步了解和探索框架网页的应用和发展,包括响应式设计和移动端适配等内容。
教学评价:
1. 观察学生在课堂上的学习情况,包括理解和操作框架网页的能力。
2. 布置作业,要求学生设计和创建一个包含多个框架的网页,并提交代码和效果展示。
3. 结合学生的作业和表现,进行评价和反馈,指导学生进一步提升和完善自己的框架网页设计能力。
第九课框架布局网页教学目标:(1)掌握框架网页的概念及用途。
(2)掌握框架网页的创建、制作、编辑与保存。
(3)能够在浏览器中预览网页,了解框架的拆分方法。
(4)初步掌握将框架结构与表格布局结合使用来制作网页。
教学重点:框架网页的概念、用途,创建、编辑、保存与拆分框架网页的方法。
教学难点:创建、编辑框架网页的方法。
教学过程:导入:浏览器窗口被分割成了3个区域,类似这样的网页被称为框架结构网页。
这种结构的特点在于能够将浏览器页面分割成若干个区域,各个区域既相互独立,又保持一定联系,且部分区域内容相对固定。
(图一)“人与动物”框架网页利用框架结构设计如图一所示的“人与动物”网页:在网页的上部显示“人与动物”标题与宣传语。
在网页的左下侧制作四个悬停按钮。
在网页的右下侧显示该页的内容。
1.创建框架结构网页任务一:请结合“实践指导一”,创建框架网页。
实践指导一:Step1打开站点“dongwu”。
Step2创建框架网页。
执行“文件→新建→网页”命令,在弹出的“新建”对话框中单击“框架网页”标签,选择“横幅和目录”样式。
如图二所示。
(图二)横幅和目录单击“确定”按钮,窗口出现横幅和目录结构的框架,如图三所示。
(图三)框架页面Step3保存网页为“kuangjia.htm”。
注:记录框架结构需要一个独立的页面,此外,框架结构中的每个框都是一个独立的网页文件。
通过每个网页中的“新建网页”按钮、“设置初始网页”按钮进行选择。
2.新建或指定各框中的初始页面任务二:结合“实践指导二”,制作top框架页面、left框架页面和main框架页面。
在横幅和目录的框架网页中,一般将三个框分别命名为top、left、main/right (如图三),其中top框用来显示本页主题或横幅广告,left框用来显示超级链接的目录,main框用来显示与目录对应的内容。
实践指导二:Step1制作top框架页面。
单击top框中的“新建网页”按钮,top框中会出现一个空白页面。
《制作结构网页》教学设计制作结构网页教学设计1. 教学目标- 了解结构网页的基本概念和作用- 掌握结构网页的常见标签和元素的使用方法- 能够制作简单的结构网页并进行基本的页面布局2. 教学内容2.1 结构网页的概念和作用- 结构网页的定义- 结构网页在网页设计中的作用和重要性2.2 结构网页的常见标签和元素- 文本标签和段落标签- 标题标签和段落标签的嵌套和层级- 列表标签的使用方法2.3 制作结构网页的基本步骤- 编写基本结构标签- 添加文本内容和段落- 设置标题和段落的嵌套和层级3. 教学方法- 讲解:通过讲解结构网页的概念和作用,以及常见标签和元素的使用方法,引导学生掌握相关知识点。
- 示例演示:通过实际示例演示制作结构网页的步骤和技巧,让学生能够直观地理解和掌握。
- 练实践:提供练任务和实践机会,让学生进行实际操作,巩固所学知识。
4. 教学评价- 实际操作评估:考察学生在实际操作中的能力和理解程度。
5. 教学资源- 讲解材料:PPT、教材、讲义等- 实例代码:提供简单的结构网页示例代码- 练材料:编写练任务和实践要求6. 教学安排第一课时- 教学目标和内容介绍- 讲解结构网页的概念和作用第二课时- 复第一课时内容- 讲解常见标签和元素的使用方法- 示例演示制作结构网页的基本步骤第三课时- 复第二课时内容- 练实践:制作简单的结构网页- 教学评价方式说明7. 教学反思- 检查学生掌握程度:学生是否理解结构网页的基本概念和作用,是否能够正确使用常见标签和元素制作简单的结构网页。
- 教学内容调整:根据学生的研究情况和反馈,调整教学内容和方法,以提高教学效果。
以上是《制作结构网页》教学设计的基本框架和内容安排,具体细节和教学方法可根据实际情况进行调整和完善。
《制作框架网页》学历案(第一课时)一、学习主题本课程的学习主题为“制作框架网页”。
在这一主题下,学生将学习如何利用信息技术工具进行基本的网页制作,掌握基本的框架结构,理解页面布局与设计的原理,以及基本的HTML知识。
通过这一学习,学生能够更好地掌握网络信息的收集与处理,并增强信息交流和表达的技能。
二、学习目标1. 知识与理解:了解网页的基本构成元素和框架结构,理解HTML语言的基本概念。
2. 技能与操作:掌握使用信息技术工具(如网页编辑软件)进行基本的网页制作。
3. 情感态度与价值观:培养学生对信息技术的兴趣和爱好,激发学生的创造力和实践能力。
三、评价任务本课程学习结束后,学生将通过以下任务进行学习成果的评价:1. 完成一个简单的框架网页制作,包括标题、导航栏、主体内容等基本元素。
2. 提交一份学习反思报告,阐述自己在制作过程中的收获和不足。
3. 小组内互相评价,讨论彼此的网页制作成果,并给出改进建议。
四、学习过程1. 导入新课:通过展示一些简单的网页案例,引出网页的构成元素和基本框架。
2. 新课讲解:详细讲解网页的构成、框架结构和HTML的基本概念。
3. 实践操作:学生使用信息技术工具进行实际操作,教师进行巡视指导。
4. 小组讨论:学生分组进行网页制作,互相交流和讨论制作过程中的问题。
5. 课堂小结:教师总结学生在课堂上的表现和存在的问题,给出改进意见。
五、检测与作业1. 课堂检测:学生现场制作一个简单的框架网页,并展示给教师和其他同学看。
2. 作业布置:让学生在家中完成一个更为复杂的框架网页制作,要求加入图片、文字等多媒体元素。
同时要求学生完成一份学习反思报告,记录自己在制作过程中的感受和收获。
六、学后反思学后反思是学生学习过程中重要的一环。
通过反思,学生可以更好地总结自己在课堂上的收获和不足,并在此基础上进行进一步的提高。
学后反思应该包括以下几个方面:1. 对所学知识的理解和掌握情况:回顾本节课所学的知识,思考自己是否已经掌握了这些知识,是否能够熟练地运用到实际操作中。
2.
第8课设计框架网页
[教课内容]: 框架网页的应用
[教课目的]:1、认识框架网页的含义;
2、初步掌握框架网页的制作方法;
3、培育学生对信息技术的兴趣。
[教课要点]:初步掌握框架网页的制作方法。
[教课难点]:初步掌握框架网页的制作方法;
[教课准备]:框架网页成品、网络教室
[教课过程]:
一、导入
教师出示按本课练习要求达成的最后成品——一个连结了“笨笨熊之家”、“我喜爱的动物”、“我的课程表”和“七巧板”等网页的框架网页。
师:谁来谈谈今日看到的
网页有什么特色?【1.网页被分红了不一样的地区,每个地区显示不一样的内容;2.内容上是把以前制作的几个网页
联系起来了。
】
教师解说框架网页的观点。
导入课题。
二、新授
教师依据课本P45活动一的练习步骤演示创立框架网页的
大概过程,并板书以下:1)、新建--网页—框架网页--目录。
2)、在左侧“目录”框架中—新建网页—安排目录内容。
3)、在右侧主框架中—设置初始页面的链接。
4)、分别设置各个标题的超链接与目标框架。
学生依据老师演示及课本说明来达成课本P45的活动一。
教师巡视,个别指导。
让学生自己看课本P51的活动二,达成对练习的保留工作。
三、小结
教师:1.今日学习了的主要内容是什么?
框架网页的特色是什么?
第1 页
3.制作框架网页的大概步骤是什么?
第2 页。
框架布局网页本课介绍的是网页制作中的重要方面——框架和导航条,它们可以使网页的结构更加清晰明了,同时显示几个不同的页面,使这些页面之间互相联系,以条理清晰的架构来表达信息,使信息的表达更加准确和便捷。
本课安排的活动是设计制作“我的作品”页面,让学生在活动过程中感受框架与导航条带来的方便,从而认识它们的作用。
本课建议1个课时完成。
一、框架1.教材一开始就介绍了框架在网页中的作用,这是核心知识。
本课内容主要是需要思考、理解,理清各部分的关系,这是难点,初次接触的学生可能会很难理解,这就需要教师带领他们,通过活动来理解和认识。
教材设计的活动是通过框架在网站中展示自己的作品,框架网页就像一个向导,能通过它找到所需要的信息,可以使学生用网页把自己做过的各种形式的信息技术作品连结起来,实现共同展示的效果,增强他们的兴趣。
这个活动中,信息表达的顺序是:框架——框架中的作品类别——具体的作品,因此,必须先有准备好的链接目标文件,再进行文字的超链接,如:框架中的文字链接到作品类别,作品类别中的作品名称链接到相应作品。
2.框架网页、作品类型网页和各个作品文件,都放在“myweb”下的“zuopin”文件夹中,这样比较容易查找。
把各个作品文件复制到“zuopin”文件夹下,并在作品类型网页中创建超链接到这些作品之后,就可以将作为向导的框架页面进行布局设置了。
创建框架结构的时候,有多种框架布局可以选择使用,“上方及左侧嵌套”只是其中一种,在掌握框架布局方法之后,还可以让学生尝试其他的布局。
框架分为三部分:上框架(topFrame)、左框架(leftFrame)和主框架(mainFrame),工作区中的各部分与“框架”面板中的是一一对应的。
选中某一个框架之后,在“属性”面板中可以设置此框架中的文本格式、字体字号等,还可以设置超链接。
如果一个框架内的图文太多,无法在一个页面中显示,就需要借助滚动条,选择了“滚动”栏中的“自动”选项之后,当信息在一页无法显示时,就会自动出现水平或垂直滚动条。
第八课设计框架网页一、课时安排1课时二、教学目标1、创建“我的作品”框架网页。
2、保存“我的作品”框架网页。
三、教学重点创建“我的作品”框架网页。
四、教学难点创建“我的作品”框架网页。
五、教学过程导入新课。
师:框架网页是一种特殊的HTML网页,它可以将浏览器窗口分割成不同的区域,每一个区域显示不同的网页内容,这些区域就称为框架,具有这种功能的网页,就叫框架网页。
新课教学。
1、创建“我的作品”框架网页。
FrontPage提供了多种框架网页的模板供你选择,通过执行菜单栏中“文件”-“新建”-“网页”命令来实现。
(1)将老师提供的“第8课”文件夹中的“my production”文件夹拷贝到自己电脑D盘上,并在Frontpage中打开该站点;(2)执行菜单栏中“文件”-“新建”-“网页”命令,打开“新建’’对话框,单击对话框中的“框架网页”选项卡,在框架模板框中,选择“目录”模板;(3)单击“确定”按钮,新建一个“目录”样式的框架页;(4)单击左边的“目录”框架中的“新建网页”按钮,就在左框架中新建了一个网页;(5)在“目录”框架网页中插入一个7行1列的表格,表格的高度与宽度均为100%,边框粗细为0;(6)依次在表格的第二至第五行单元格中输入“笨笨熊之家”、“我喜欢的动物”、“我的课程表”和“七巧板”,并设置字体、字号、颜色等;在第六行插入一个.gif图形(images文件夹中的email.gif);(7)设置网页背景,设置表格各个单元格水平居中对齐;(8)单击右边主框架中的“设置初始网页…”按钮,打开“创建超链接”对话框;在对话框中选择“tangram”文件下的“index.htm”文件,并单击“确定”按钮,就把这个网页设置成了主框架的初始网页;(9)选中“笨笨熊之家”,单击常用工具栏中“超链接”按钮,打开“创建超链接”对话框,选择站点文件夹中的bear文件夹下的index.htm文件;(10)单击“目标框架”方框右边的“更改目标框架”按钮,弹出“目标框架”对话框,选择“公用的目标区”中的“网页默认值”,单击“确定”按钮,回到“超链接”对话框,单击“确定”按钮;用同样的方法设置其他三个标题的超链接;(11)分别右击左右框架网页,在弹出的快捷菜单中,单击“框架属性”命令,打开“框架属性”对话框,单击“可在浏览器中调整大小”复选框,取消该功能;(12)单击“框架网页”按钮,在打开的“网页属性”对话框中,选择“框架”选项卡;单击“显示边框”复选框,取消该功能,单击“确定”按钮,回到“框架属性”对话框,再单击“确定”按钮;(13)将编辑模式切换到“预览”,预览网页效果。
《运用框架结构制作网页》教学设计
姓名:张莉
工作单位:南京市第四中学
邮箱:ihy0227@
《运用框架结构制作网页》教学设计
一、设计意图
《运用框架结构制作网页》是初中信息技术(中国科学技术出版社出版)第二册中的内容,书中是以3个小任务的形式介绍了制作框架网页的详细操作步骤。
若按书上内容用传统的教师讲解、学生操作的方式教学,会存在一些问题。
一、学生不理解为什么要用框架结构来制作网页;二、学生只是按任务要求及具体的操作提示而完成框架结构网页,并不知道这种结构的网页应用在什么场合,在什么情况下选用框架结构来设计网页呢?三、内容上没有学生喜欢的动态或多媒体元素,学生觉得只是按部就班地操作,提不起兴趣。
所以在本节课的设计中要有心注意处理好以上三个问题,精心设计课件与学件,把提高学生信息技术素养,培养学生应用信息技术能力有机融于教学。
二、教材分析
从在本教材中所处的位置来看,《运用框架结构制作网页》是在创建新站点,制作简单网页、运用表格制作网页和动态网页之后。
通过前面的学习,学生可以建立有多张网页的个人站点,在对网页的设计中会运用表格给网页布局,为了使网页增添动感,还会通过增加滚动字幕、动态按钮以及动画插件等方法,令网页更加具有活力。
但是除了表格布局外,还有一种常见的布局形式,应用也相当广泛,学生在浏览一些著名网站时就能遇到,通过本节课《运用框架结构制作网页》学习,可以为学生解惑,帮助学生理解框架结构制作网页的应用,因此本节课也是利用FrontPage2000制作网页部分的重点内容。
希望通过学习,学生在自主设计网站时能灵活运用两种布局方法,相辅相成规划自己的网站。
从教材的难易度分析,这部分知识点学生从来没有接触过,在前面学习其它的应用软件时也没有类似的地方,故而有一定难度,教学目标不能定的过高。
另外,为了让学生知识模块更加清楚,教材中原本在该章节安排的横幅广告管理器内容已在前面动态网页制作中完成教学。
三、学情分析
对初二的学生来说,运用框架结构制作网页是有一定难度的,因为学生在前面学习网页制作过程中没有接触过;在初一学习网络基础知识时只注意
了根据网址找到相应网站并浏览网页内容,很少会考虑或注意到不同网站的不同布局。
另外,初中学生正处在好动、注意力不能长时间集中的年龄,所以教师在讲解知识点与操作技能时要精讲,注意时间的分配;在选用活动中的主题素材时尽量选学生感兴趣的内容,在教学活动中注意互动与评价环节。
四、教学目标分析
[知识与技能]
(1)理解框架的概念、组成及用途;
(2)掌握框架网页的制作;
(3)掌握框架网页的保存;
(4)掌握框架网页中超级链接的设置;
[过程与方法]
(1)通过分析,展示新浪网结构,体验框架结构网页;
(2)理解框架概念与组成,学会分析该结构的网站;
(3)能够对自己的信息活动过程和结果进行评价;
[情感态度与价值观]
(1)通过以“奇趣大自然”为主题的框架结构网页制作活动,开拓学生知识面,激发学生学习兴趣与热情,体会框架网页在展现主题内容中的作用;(2)能灵活将表格与框架结构网页结合使用,正确表达一定的主题内容或自己的观点;
(3)通过学件,培养学生自主学习、探究学习的意识和能力;
五、教学重点、难点
重点:理解框架的概念、组成及用途,保存框架与框架网页
难点:框架网页中超级链接的设置
六、教学方法与教学媒体
采用以制作完善“奇趣大自然”为主题的框架网页活动为主线,鼓励学生利用学件自主探究学习,掌握本节课知识技能,提高学习能力。
本节课教学内容是FrontPage2000中的框架网页制作,故教师在选择制作学件的工具时就用它来实现,这样可以让学生在亲自使用学件过程中,进一步体验到框架网页的结构
与应用。
在有多媒体计算机教学网络的机房中教师根据以下流程利用课件与学件安排好本节课。
七、教学策略及过程
图1-学件
图2-sciencetech
网站
图3-自我评价表
图4-总结
八、分析与思考
教学不仅是一门科学,而且是一种艺术,学生自己不去学,谁也教不会的。
所以教师以学件的形式请学生自主学习,给学生探究学习的机会。
在操作过程中,将错例示范,采用先让学生尝试——遇到问题——示范错例——解决问题——继续尝试,这样就形成螺旋式的知识学习和能力提高过程。
学生的主动和教师的主导都得到充分的发挥。
在本节课中,总结与评价也相当重要,这一环节不可缺少,教会学生自评的同时也进一步加强了学生对所学内容的理解。
教师的点评与小结可以给予学生鼓励和肯定,对于学习中还有困难的学生需要创造条件给予其更多的参与或展示自我的机会,这是教师要注意的地方。
学件设计要操作方便,结构清晰,界面清楚大方,说明文字精练并配以图解,帮助学生理解要求。
学件中设置“帮助”,培养学生遇到困难,想到寻求帮助,根据帮助说明就能解决问题的能力,慢慢教会学生解决疑难的思路与方法,进一步提高学生学习能力。