- 3.2.3 制作网站——创建网站,制作首页 教案 教案 35 次下载
- 3.2.4 制作网站——应用表格布局网页 教案 教案 35 次下载
- 3.2.6 制作网站——应用Div+CSS技术布局网页 教案 教案 35 次下载
- 3.2.7 制作网站——给网页添加动态效果 教案 教案 35 次下载
- 3.2.8 制作网站——制作交互网页 教案 教案 35 次下载
初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站5 应用框架布局网页教案设计
展开设计意图
《应用框架布局网页》是初中信息技术八年级第三章第二节中的内容,书中利用框架结构设计“人与动物”网页的详细操作步骤。若按书上内容用传统的教师讲解、学生操作的方式教学,会存在一些问题。一、学生不理解为什么要用框架结构来制作网页;二、学生只是按任务要求及具体的操作提示而完成框架结构网页,并不知道这种结构的网页应用在什么场合,在什么情况下选用框架结构来设计网页呢?
教材分析
从在本教材中所处的位置来看,《应用框架布局网页》是在创建新站点,制作简单网页、运用表格制作网页和动态网页之后。通过前面的学习,学生可以建立有多张网页的个人站点,在对网页的设计中会运用表格给网页布局,为了使网页增添动感,还会通过增加滚动字幕、动态按钮以及动画插件等方法,令网页更加具有活力。但是除了表格布局外,还有一种常见的布局形式,应用也相当广泛,学生在浏览一些著名网站时就能遇到,通过本节课《应用框架布局网页》,可以为学生解惑,帮助学生理解框架结构制作网页的应用,因此本节课也是制作网页部分的重点内容。希望通过学习,学生在自主设计网站时能灵活运用两种布局方法,相辅相成规划自己的网站。
学情分析
对初二的学生来说,运用框架结构制作网页是有一定难度的,因为学生
前面学习网页制作过程中没有接触过;在初一学习网络基础知识时只注意了根据网址找到相应网站并浏览网页内容,很少会考虑或注意到不同网站的不同布局。另外,初中学生正处在好动、注意力不能长时间集中的年龄,所以教师在讲解知识点与操作技能时要精讲,注意时间的分配;在选用活动中的主题素材时尽量选学生感兴趣的内容,在教学活动中注意互动与评价环节。
教学目标分析
[知识与技能]
理解框架的概念、组成及用途;
掌握框架网页的制作;
掌握框架网页的保存;
[过程与方法]
通过分析,展示新浪网结构,体验框架结构网页;
理解框架概念与组成,学会分析该结构的网站;
[情感态度与价值观]
通过以“人与动物”为主题的框架结构网页制作活动,开拓学生知识面,激发学生学习兴趣与热情,体会框架网页在展现主题内容中的作用;
激发学生关爱动物,保护动物的责任感,从而进一步树立共同改善人类生存环境的意思
教学重点、难点
重点:理解框架概念及网页框架的建立
教学方法与教学媒体
采用以制作完善“人与动物”为主题的框架网页活动为主线,鼓励学生利用学件自主探究学习,掌握本节课知识技能,提高学习能力。
教学策略及过程
分析与思考
教学不仅是一门科学,而且是一种艺术,学生自己不去学,谁也教不会的。所以教师以学件的形式请学生自主学习,给学生探究学习的机会。在操作过程中,将错例示范,采用先让学生尝试——遇到问题——示范错例——解决问题——继续尝试,这样就形成螺旋式的知识学习和能力提高过程。
教师活动
学生活动
设计思路
教
学
过
程
[引入] 教师通过演示分析“新浪网主页” 的结构布局后请学生自主分析“学生科技网主页”的结构布局(请学生回答);教师肯定学生的回答后,以实例演示并设问:点击左侧不同内容的目录,标题与目录都不变,变得只有右侧的主窗口的网页内容,这是如何实现的呢?(稍作停顿)以分解说明等方式引入新课的主题——运用框架结构制作网页。引起学生的共鸣
根据教师演示认真听讲,学会剖析网页的布局;
思考并回答教师的提问
学生认真观察,积极思考
开门见山,明确本节课的学习内容
前面的课学生已学会了用表格布局网页,教会学生分析网页布局的过程不仅帮助学生复习了旧知也为新课——运用框架结构制作网页打好了伏笔。
以具体实例演示,可以清楚的让学生理解框架的概念、组成及用途。
一、用框架结构制作网页的基本操作
[演示] 制作一个“人与动物”框架结构网页。
学生根据教师说明找到学件(一个框架结构的网页)再次点击目录中的“什么是框架网页”、“何时使用框架”强化对框架结构设计网页的理解
信息技术课不仅仅是教会学生会使用哪个软件或是其中的某个操作,更重要的是培养学生自主探究学习与应用信息技术的能力。通过给出学件,引导学生探索实践,在学生完成一个个小任务,遇到难点,想到寻求帮助,然后解决困难的过程中,
将该活动分解为三个小任务:
1、在Tp框架页面中插入一张图片
2、在Left框架页面中使用表格布局
3、在Main框架页面中进行图文混排
教师在学生操作过程中认真观察学生学习情况,记录下共性问题。
学生根据要求完成操作,在操作过程中遇到问题可以寻求同伴间的帮助
学生的学习能力得到提升,促使学生在操作过程中积极思维。
攻克难点后学生可以得到成就感,同时学习兴趣也会大大加强。
二、以错例示范,解决教学重、难点
教师将学生在操作过程中犯错的共性问题通过多媒体教学软件(极域)中的“学生演示”转播例举出来教师归纳、强化知识点
学生讨论、交流,探究原因
找到答案的学生为误操作的同学纠正并说明错误的原因
部分学生修正自己的操作
遇到挫败之后,再给出答案,可以强化学生对该知识点的印象。另外,采用请学生为学生纠错,可以提高学生积极性,培养综合素质。
三、观摩交流展示
按小组交流作品,挑选出小组内最好的作品来交流展示
互相观摩、交流
认真听讲
培养学生自主讨论和合作学习的能力
学生在观摩其它学生的作品时可以取长补短,也可以找到自己的差距。在这过程中体验到乐趣与成就感,以增强对本学科的学习热情。
四、评价作品
互评学生作品
五、总结
小结框架网页制作中的注意点及重难点
初中冀教版第九课 框架布局网页教案设计: 这是一份初中冀教版第九课 框架布局网页教案设计,共6页。教案主要包含了教材内容分析,教学目标,学习者特征分析,教学策略选择与设计,教学环境及资源准备,教学过程,教学评价设计,帮助和总结等内容,欢迎下载使用。
初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站8 制作交互网页教学设计及反思: 这是一份初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站8 制作交互网页教学设计及反思,共5页。教案主要包含了教材分析,学情分析,教学目标,教学重点与难点等内容,欢迎下载使用。
初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站6 应用Div+CSS技术布局网页教学设计: 这是一份初中信息技术苏科版八年级全册第3章 设计与制作主题网站第2节 制作网站6 应用Div+CSS技术布局网页教学设计,共3页。教案主要包含了三种布局方式的区别,使用Div标签布局网页,实践出真知等内容,欢迎下载使用。