第1课《近视预防网上说》 学情分析:
这一届6年级学生是我从3年级带过来的,对他们的情况还是很了解的。今年教材是新教材,不过,学生在5年级的时候也学习过2000版的FrontPage,这对他们学习2003版本的FrontPage肯定会有帮助的。我比较担心学生学习这个FrontPage软件的兴趣,因为FrontPage本来就比较难做,而且没有什么趣味性和应用面。上上看吧,如果学生学习兴趣不高,我觉得有必要把FrontPage换成Flash,反正如果不改教材,这批6年级的学生本就应该学习Flash制作的。 教学目标:
1、全面了解素材收集方面的知识。
2、熟练地打开FrontPage,并非常熟悉FrontPage的软件界面。
3、掌握在FrontPage中输入文字,设置文字及段落的操作。
4、会在网页中插入图片,能够调整图片的大小。
5、知道使用预览按钮查看网页的制作效果。
6、对学生进行预防近视的教育。 教学内容:
1、收集素材的方法。
2、了解FrontPage的打开方法及软件界面。
3、输入并设置文字。
4、插入并设置图片。
5、预览与保存。 教学重点:
1、了解FrontPage的软件界面。
2、设置文字。
3、插入并设置图片。 教学难点:
1、输入文字。
2、插入并设置图片。 教学方法:
考虑到学生已经学习过FrontPage2000,所以本课及以后的课程中主要使用学生自主探究学习为主。教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排: 一课时 教学过程:
一、教学引入
新的学期来到了,同学们也升入了六年级。我们上学期学习过的FrontPage2000也升级到FrontPage2003了。本学期的前半段时间,我们就一起来学习一下这个新的FrontPage2003。 其实,不同的软件版本之间是有一定的区别的,但是区别一般不会很大。我们以前学习的在FrontPage2000下可以使用的技巧和FrontPage2000所具有的功能,在FrontPage2003中同样可以,只是有些地方有些小小的不变动而已。
下面,我们就一起来认识一下FrontPage2003。
二、认识FrontPage2003并掌握素材搜集方面的知识。
1、教师演示:打开FrontPage2003,重点介绍FrontPage2003的图标样式。
2、学生打开FrontPage2003。
3、让学生自由对照P3图1.2认识FrontPage2003的软件界面。
4、幻灯出示课件,让学生说出FrontPage2003界面各部分的名称。
5、教师介绍:素材搜集方面的知识。
三、粘贴并设置文字、段落
1、考虑到学生输入汉字会浪费课堂教学时间,故采用复制粘贴的方法。教师演示一下,学生照着做即可。
2、回忆一下,在FrontPage2000中如何设置文字和段落?FrontPage2003中的设置方法查不错,请同学们借助教材,自主按照要求进行设置。
3、学生完成,教师巡视指导。
4、请学生上讲台完成,学生之间评价。
5、教师检查,评价。
四、总结前面的学习方法
FrontPage2000我们大家是学过的,那么我们后面的学习主要就是通过先回忆FrontPage2000的做法,再借助教材大家独立自主地进行学习和探究。遇到问题,大家可以互相提问,也可以直接向老师提问。
五、学生自主完成后面的制作,教师巡回指导,注意及时发现问题。
六、组织检查和评价。
1、请背靠背坐的同学互相检查一下,看看他做得如何了。
2、把你检查的结果告诉对方,并给他提出意见或者表扬。
3、请部分学生上讲台谈谈你在检查中发现的问题,有什么样的体会。
4、教师针对一些通性问题作出指导或纠正。
七、思想教育
1、网页做好了,大家一起来看看我们的作品。
2、请读读复制的文字。
3、请学生们谈谈感受。
4、回家之后,看看家人有没有人不注意正确用眼的,请帮助他们改正。
教学反思: 第五部分放的比较开,对培养学生的自主学习的能力及探究精神有很大的帮助。但是,这些帮助主要对于一些思维比较灵活,动手、动脑能力比较强的学生才有效,而对于那些不善于学习的学生来说,效果就没那么明显了。相反还对个别学生的学习造成了障碍。看来,这种学习方式的使用范围还是需要做进一步研究的,不能广泛运用于所有的学校和学生。
第2课《网络助我心胸宽》 学情分析:
上一节课的教学方法虽然有一些缺点和错误,但是新的事情的探索和尝试就是需要付出代价的。我决定在本节课中继续使用上节课的教学方法,不过,我要注意对后进学生的帮助。主要的帮助方法我想采用互帮互助的方法。 教学目标:
1、全面、熟练地掌握插入表格,并设置表格的相关知识。
2、对学生进行健康上网的思想教育。 教学内容:
1、插入并设置图片,作为表格的顶部。
2、使用“插入表格”对话框插入表格。
3、在“插入表格”对话框中设置“布局”。
4、在“插入表格”对话框中设置边框的颜色。
5、在“插入表格”对话框中设置“背景”。
6、在表格中添加文字和图片。
7、插入并设置图片,作为表格的低部。 教学重难点:
1、使用“插入表格”对话框插入表格。
2、在“插入表格”对话框中设置“布局”。
3、在“插入表格”对话框中设置边框的颜色。
4、在“插入表格”对话框中设置“背景”。 教学方法:
继续延续上节课使用的方法。 课程安排: 一课时 教学过程:
一、复习引入
同学们还记得我们上节课是如何学习的吗? 总结上节课的学习方法。
本节课,我们继续采用这种学习方法,不过,老师不再进行提示和安排,需要同学们自己做,大家有信心吗?
二、学生独立完成制作。
1、学生制作。
2、教师注意帮助那些学习有困难的学生找到“帮扶对象”,并多关注一下他们的学习情况。
三、检查、评价
1、请学生上讲台完成,学生之间评价。
2、教师检查,评价。
四、提高
对于学有余力的学生,鼓励他们完成P15“试一试”。
五、思想教育
1、网页做好了,大家一起来看看我们的作品。
2、请学生们谈谈对网页内容的感受。
3、回家之后,看看家人有没有沉迷于网络的,帮助他们改正。
教学反思: 在全面地总结了上一节课的情况下,本节课注意了帮助学习有困难的学生,这种教学方法对全体学生来说都有了效果。 问题也是有的:全课操作内容比较多,大部分学生在一个课时内无法完成制作。于是我放了两个课时让学生完成。
第3课《文明礼仪网上传》 教学目标:
1、熟练掌握表格及单元格的属性设置。
2、会插入艺术字,知道艺术字可以使网页中的文章标题醒目大方。
3、掌握表格嵌套的一些知识。
4、了解版权和制作者信息的设置。
5、会设置网页属性。 教学重点:
1、表格及单元格的属性设置。
2、表格嵌套。
3、网页属性。 教学难点:
1、各项设置的琐碎不利于记忆。
2、表格嵌套的概念和应用。
教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、复习导课
1、大家一起来回忆一下如何插入表格?
2、试着插入一个三行一列的表格。
二、设置表格及单元格属性
1、教师演示:右键菜单-表格属性-水平“居中”-衬距0,间距0-宽度778,高度450-边框0-确定。
2、多媒体出示上述过程。
3、要求学生按照课件提示完成表格的设置。
4、教师演示:右击第一行-单元格属性-水平“居中”-高度“155”-背景图片(要告诉学生不是输入而是点击后面的“选择”)-确定。
5、多媒体出示上述过程及每行的设置要求。
6、要求学生按照课件提示完成单元格的设置。
三、学习插入艺术字
1、提问:word中是如何插入艺术字的?
2、布置自学:借助教材在第一行中插入艺术字“文明礼仪用语”,并按照自己的洗好进行设置。
3、检查孩子的完成情况,对有创意的进行表扬。
四、学习表格的嵌套
1、介绍表格嵌套的目的:为了更规范地管理网页,让网页更加标准。
2、布置学生自学(为节约时间,不要求学生打字),有问题可以和旁边的同学商量或者举手问老师。
3、汇报检查,提问:本阶段,你学到了哪些知识?(百分比设置表格宽度和高度;设置表格背景色;)
五、完善网页
1、教师介绍版权及制作者信息的添加情况,进行版权教育。
2、教师演示网页属性的设置:文件-属性-标题“文明礼仪用语”(介绍标题的显示位置)-背景音乐的设置(循环)-背景色“褐紫红”。
3、课件出示过程,学生独立完成并进行保存。
六、展示评价
七、分层强化练习:
1、没有完成的同学,完成上述未完成的内容。
2、完成之后的同学,可以选择P24-P25的两个网页来练习。
第4课《网络帮我快成长》 教学目标:
1、进一步熟练使用表格嵌套功能规划网页。
2、掌握更多的表格和单元格设置项目。
3、学会添加字幕。
4、会调整艺术字的形状和文字排列。 教学重点:
1、进一步熟练使用表格嵌套功能规划网页。
2、掌握更多的表格和单元格设置项目。
3、学会添加字幕。 教学难点:
1、熟练使用表格嵌套功能规划网页。
2、掌握更多的表格和单元格设置项目。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、教学导入
回忆上节课的学习,并进一步介绍:用表格来规划网页,可以使整个网页版面整齐、有序;制作时,先设计网页的版面布局,插入表格并调整表格的各单元格大小,再向表格中添加内容。
二、教师演示部分(第一阶段):
1、插入3×3表格-对照P28上部的表格属性进行设置-调整表格相关单元格的大小。
2、选中表格第一行-合并单元格-设置单元格的垂直对齐方式“相对底边对齐”。
3、“插入”-“Web组件”-动态效果-字幕-完成-输入文字“保护自己 健康成长”-表现方式“交替”(同时要演示和讲解其他方式)-确定。
4、设置字幕格式:两条线,第一条:字幕属性中的“样式”;第二条:格式工具栏。
5、预览效果。
三、学生借助教材完成,教师巡视指导(提醒学生互相帮助,并善于向老师提问)。
四、独立自学过程:
1、采用独立或者互助的方式,完成剩余部分的制作(不要求输入大量的文字)。教师巡视要求同上。
2、汇报:你都做了什么?(单元格对齐,艺术字(调整部分需要学生上讲台来演示),版权信息,标题,背景色)
五、文字的复制和粘贴
1、教师演示帮助学生复习文字的复制和粘贴。
2、告知学生文本文件的位置,要求学生完成文字部分的复制和输入。
六、分层练习阶段
1、没有完成的同学,继续完成上述未完成的内容。
2、完成之后的同学,可以选择P33的两个网页来练习。
第5课《制作“电子相册”》 学情分析:
从本课开始,学生除了每课将要接触到的很少的一些知识点外,主要是利用前面四课积累的知识进行各种主题网页的制作。这对学生前面知识的掌握提出了很高的要求。
根据这种情况,我在后面的教学中需要注意两个方面:一是新知的教学;二是旧知的强化。 教学目标:
1、利用图片库完成电子相册的制作。
2、使用水平线美化网页底部的版权和制作者信息。
3、强化旧知的记忆。 教学重点:
1、利用图片库完成电子相册的制作。
2、使用水平线美化网页底部的版权和制作者信息。 教学难点:
1、利用图片库完成电子相册的制作。
2、强化旧知的记忆。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、激趣引课:
1、出示制作好的电子相册。
2、明确本课学习目标:图片库和水平线。
二、学习使用图片库制作电子相册
1、教师演示:打开本课半成品(除了图片库和水平线)-插入-图片-新建图片库-添加-图片来自文件-选中图片并打开-继续添加其它图片-调整图片显示顺序(选中图片-通过“上移”“下移”改变顺序)-选择图片库的布局(布局-任远一种布局(需介绍其它布局)-确定)-确定-观察效果。
2、多媒体出示上述过程。
3、要求学生按照课件提示完成“电子相册”的制作。
三、学习使用水平线
1、教师演示:插入-水平线-删除空格-点击水平线-格式-属性(强化学生选中的概念和操作,必要的时候可以通过设置“陷阱”的方式更好地提醒学生)-宽度85,高度1,对齐“居中”,颜色“绿”-确定-观察效果。
2、多媒体出示上述过程。
3、要求学生按照课件提示完成插入和设置水平线的制作。
四、小结本课知识点
五、布置学生任务
1、课件出示制作好的完整“电子相册”。
2、要求学生借助教材(遇到问题可互相帮助,也可向老师求助)完成好制作。
六、展示和评价
七、分层练习阶段
1、没有完成的同学,继续完成上述未完成的内容。
2、完成之后的同学,可以选择P43的两个网页来练习。
八、课后拓展
借助教材P45,了解网页色彩搭配的相关知识。
第6课《让网页“动”起来》 教学目标:
1、会在网页中插入flash元素。
2、知道通过flash元素美化网页和丰富主题。
3、强化旧知的记忆。 教学重点:
1、会在网页中插入flash元素。
2、知道通过flash元素美化网页和丰富主题。 教学难点:
1、在网页中插入flash元素。
2、强化旧知的记忆。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、激趣导课:
1、出示制作好的包含flash作品的网页,介绍flash作品在网页中的作用。
2、明确本课学习目标:在网页中插入flash作品。
二、学习在网页中插入flash作品
1、教师演示在空白网页中插入flash:插入-图片-Flash影片-选取文件并确定-观察网页中的变化并进行预览-回到设计状态,选中动画双击-在属性中设置:大小“保持纵横比”,宽度438,高度320,“像素”(注意提醒学生在设置了保持纵横比之后,调整宽度或者高度的时候另一相也会跟着变化)-确定。
2、多媒体出示上述过程。
3、要求学生按照课件提示在空白网页中完成插入flash的操作。
三、小结本课知识点
四、布置学生任务
1、课件出示制作好的本课作品。
2、要求学生借助教材(遇到问题可互相帮助,也可向老师求助)完成好制作。
五、展示和评价
六、分层练习阶段
1、没有完成的同学,继续完成上述未完成的内容。
2、完成之后的同学,可以选择P51的两个网页来练习。
七、课后拓展
借助教材P52,了解网页制作时应注意的事项。
第7课《链接少儿网站》 教学目标:
1、学会插入、修改、删除文字和图片超链接的方法。
2、了解超链接的作用。
3、强化旧知的记忆。 教学重点:
1、学会插入、修改、删除文字和图片超链接的方法。
2、强化旧知的记忆。 教学难点:
1、学会插入、修改、删除文字和图片超链接的方法。
2、强化旧知的记忆。
教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、介绍超链接,导入新课
1、通过网页直观介绍超链接。
2、介绍超链接的两种形式:文字和图片。
3、介绍超链接的“目标框架”(主要两种,一种是默认;一种是新建窗口。)
二、学习插入、修改、删除超链接
1、教师演示文字超链接的插入:输入文字-选中文字-插入-超链接(同时介绍超链接按钮)-输入网址-选择目标框架(重点介绍上述两种中的新建窗口)-两次确定。
2、教师演示插入图片超链接:插入图片-选中图片-插入-超链接(同时介绍超链接按钮)-输入网址-选择目标框架(重点介绍上述两种中的新建窗口)-两次确定。
3、多媒体出示上述过程。
4、要求学生按照课件提示在空白网页中练习插入文字和图片超链接的操作。
5、提出问题:如何修改超链接?如何删除超链接呢?(提示学生到本课教材中找答案)
6、针对上述两个问题分别请学生上讲台演示操作。(教师注意及时补充)
三、小结本课知识点
四、布置学生任务
1、课件出示制作好的本课作品。
2、要求学生借助教材(遇到问题可互相帮助,也可向老师求助)完成制作。
五、展示和评价
六、分层练习阶段
1、没有完成的同学,继续完成上述未完成的内容。
2、完成之后的同学,可以根据P59提供的资料来进行进一步练习。
第8课《规划网站》 单元学情分析:
从本课开始,学生进入自建网站的实践阶段。这个单元的内容新知识点不多,大量的任务都是建立在学生熟练掌握以前知识的基础上的。如果学生前面的内容没有学好,本单元的内容学习起来就有很大的困难。另外,根据我对教材的理解,本单元不一定非要制作硬件大师的网站,而是可以根据学生兴趣来自选主题建立网站。
据此,我决定本单元的教学主要是课前10分钟教师对当堂可能使用到的教材内提到的新知识点进行讲解,后面的30分钟都安排学生们2-4人小组制作他们自己的网站。 教学目标:
1、掌握网站规划的一般过程。
2、学会确定主题。
3、能自己规划网站的结构。
4、会设计网页的版面。
5、学会合作学习,在学习中,互帮互助。 教学重点:
1、规划网站。
2、确定主题。
3、合作学习。 教学难点:
1、规划网站。
2、确定主题。
3、合作学习。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、激趣导课
1、我们到今天为止已经制作了7个网页了。通过制作这7个网页,我们已经掌握了FrontPage制作网页的基本知识,初步具有了制作网站的能力。你们想制作自己的网站吗?
2、要想制作一个还不错的网站,我们必须要具有规划网站的能力,如何规划网站呢?请跟随老师一起进入一个全新的学习领域。
二、介绍网站规划的内容和顺序: 课件出示:网站主题
网站结构
版面设计
人员分工
三、网站主题:
1、你平时对什么感兴趣?
2、你平时都喜欢浏览哪些网站,看哪些电视节目?
3、确定自己的主题。
4、汇报自己的主题,教师和学生共同分析主题的合理性。(这个问题特别重要,有些孩子可能主题选择的过大,大到里面的内容非常多,建立起来困难重重;有的孩子可能主题选择的又太小,小到可以放到网站中的内容过少,最后只能建立一个首页而已。)
四、网站结构:
1、课件出示P64图8.1和图8.2,帮助学生分析。
2、思考自己刚才的主题可以如何规划,与旁边的同学交流。
3、教师在学生交流中要注意倾听,给予必要的帮助。在孩子们思考好之后,可以请部分学生发表一下他们的规划结果,教师给予必要的指导。
五、设计网页版面:
1、介绍首页和普通页面的区别。
2、首页:美观大方,比例协调,排列有序。
3、普通页:除了要具有上述要求之外,还要求一个“统一性”。
六、人员分工:
1、教师说明网站制作的复杂性,艰巨性。
2、布置小组要求:主题相似,分工合理,人员要在2-4人之间。
七、任务
1、当堂任务:
利用课堂上剩下的时间,浏览一下网站,思考一下自己网站的制作。
2、课后任务:
A、自由组合成小组,并选出一名组长。
B、确定你们组内最好的主题,并制作出如P64图8.2的网站规划图。 C、设计出网站的首页和普通页面的草图。 D、根据P66内容确定组内人员分工。
第9课《收集素材》 教学目标:
1、知道自己的主题网站需要哪些素材。
2、会通过各种渠道收集必要的素材。
3、会在网络上搜索必要的文字素材,并保存下来。
4、会在网络上搜索必要的图片素材,并保存下来。 教学重点:
1、会通过各种渠道收集必要的素材。
2、会在网络上搜索必要的文字素材,并保存下来。
3、会在网络上搜索必要的图片素材,并保存下来。 教学难点:
1、知道自己的主题网站需要哪些素材。
2、会通过各种渠道收集必要的素材。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课前准备:
1、检查学生分组之后的完成情况。
2、提前调整好学生的座位。 课程安排:一课时 教学过程:
一、明确提出今天的学习目的:掌握收集素材的方法。
二、了解素材:
1、什么是素材?制作网站需要的文字、图片、声音(音乐)、动画(视频)。
2、提问:你们觉得自己的网站需要哪些素材?
3、提问:你认为可以通过什么方式获得素材?
4、介绍:收集到的素材需要分门别类地保存到相应的文件夹中。一般来说,我们不使用中文作为文件夹的名称,因为在网络上对中文目录名的支持不是很好。那么,我们一般使用TXT、PIC(image)、sound(mp3)、flash、video(move)等来命名我们的资料夹。
三、学习在网络上搜集文字和图片素材
1、教师演示收集文字素材:百度搜索-输入关键字-找到资料-选中文字-编辑-复制-打开记事本-编辑-粘贴-保存文件到相应文件夹中。
2、教师演示收集图片素材:google图片搜索-输入关键字-找到资料-找到图片上的“保存此图像”按钮(也可在图片上单击右键选择图片另存为)-保存图片对话框-保存图片到相应的文件夹中。
3、信息版权的介绍,强化孩子们的版权意识。
四、布置任务:
1、课堂任务:
建议你们收集素材的任务大家都做,现在就请你们自己在网络上寻找可以展示你网站主题的素材。
2、课后任务:
回家之后,可以找一些文字和图片素材。文字素材需要你们自己通过汉字输入输入到电脑中;图片素材可以带来,老师通过扫描仪等设备输入到电脑中。
第10课《创建网站》 教学目标:
1、能使用FrontPage创建自己的主题网站。
2、会在“网站”工作区创建文件和文件夹。 教学重点:
1使用FrontPage创建自己的主题网站。、
2、在“网站”工作区创建文件和文件夹。
教学难点:
文件和文件夹的创建。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、教学导入:
经过前面两节课的准备,我们即将进入实战的第一步:使用FrontPage创建一个我们自己的主题网站。
二、创建网站:
1、教师演示:文件-新建-由一个网页组成的网站-只有一个网页的网站-浏览选择网站的位置(统一要求:d:\\60X\\)-输入你的姓名拼音-确定。
2、认识左右窗格。
3、孩子们创建网站。
三、学习新建文件夹和网页:
1、教师演示新建文件夹:在右窗格中空白处单击右键-新建-文件夹-输入文件夹名-回车(或者鼠标在空白处单击)
2、教师演示新建网页:在右窗格中空白处单击右键-新建-空白网页-输入文件名(一定要注意提醒学生“.htm”一个字母都不能少,必要的时候要介绍扩展名的概念)-回车(或者鼠标在空白处单击)
3、教师提出问题:如果我们输入错误怎么办?怎么改?请看演示:在文件或者文件夹名上右击-重命名;或者在文件(夹)名单击两次。
4、提问:谁还记得如何修改网页标题?
介绍:在网站建设中,有种更简便的方法来修改网页标题。 演示:Tab键的使用。
四、布置任务:
1、课堂任务:
A、小组协商:在哪台机器上建立你们小组的网站,名字可以使用你们网站的主题(拼音或者英文),位置在“D:\\”。
B、小组协商:需要建立几个文件夹及文件。 C、建立相应的文件夹和文件。
2、课后任务:
A、借助教材P79搞清楚网站和网页的关系。 B、借助教材P79了解首页的基本名称。
C、思考今天你是否根据你的需要完成了文件夹和网页文件的建立。
第11课《制作共享边框》 教学目标:
1、了解共享边框的作用。
2、会设置网站的共享边框。
3、知道取消个别网页共享边框的操作。
4、知道网页的嵌入式保存。 教学重点:
1、会设置网站的共享边框。
2、知道网页的嵌入式保存。 教学难点:
1、设置网站的共享边框。
2、取消个别网页共享边框的操作。
教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、观察导课
1、出示硬件大师网站,随便浏览网页,提问:你们发现老师浏览的网页之间有什么相同点吗?
2、引出共享边框的概念:一般来说,网站很多页面的顶部和底部都是相同的,为了节约制作时间,方便修改,我们需要使用共享边框的技术来实现。
二、学习插入共享边框
1、教师演示:打开任意网页-格式-共享-在共享边框对话框中设置:所有网页,上,下-确定。
注意:如果“格式”菜单中的“共享边框”命令为灰色,则需要选择“工具”-“网页属性”命令,在“创作”选项卡中,选定“共享边框”选项。
2、插入一幅图之后打开别的网页让学生观察效果。
3、提问:如果某个网页不需要这个共享边框,我们应该怎么办呢?请大家到书中86页找找答案。
三、保存嵌入式图片
教师演示:保存-“保存嵌入式文件”对话框(介绍:如果在网站中插入了来自网站之外的素材文件,那么在保存网页的时候就会弹出这个对话框。)-更改文件夹-选择需要的文件夹-两次确定。
四、学生任务:
1、课堂任务:
A、小组共同完成共享边框的添加任务。
B、选择一到两名同学根据小组的网站设计继续完成共享边框的美化任务。 C、小组内其他同学可以继续上网搜集必须的素材。
2、课后任务:
A、小组总结本阶段的学习和制作情况。
B、对自己的网站设计进行必要的修改和充实。
C、预习第12课的内容:结合P89图12.2对自己的网站首页进行页面结构设计。
第12课《制作网站首页》 教学目标:
1、学会规划网页布局。
2、进一步熟练使用表格进行网页布局。
3、完成网站首页的制作。 教学重点:
1、学会规划网页布局。
2、进一步熟练使用表格进行网页布局。
3、完成网站首页的制作。 教学难点:
1、学会规划网页布局。
2、进一步熟练使用表格进行网页布局。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。 课程安排:一课时 教学过程:
一、复习导课
1、检查上节课布置的课后任务:“预习第12课的内容:结合P89图12.2对自己的网站首页进行页面结构设计。”
2、有针对性地提出修改意见,需要注意布局的合理性和美观性。
二、改进网页结构
1、布置学生针对上面的内容对自己组的网页结构进行改进。
2、适当与其他小组的结构图进行比较和分析。
三、用表格布局
1、提问:如何使用表格来实现我们设计的网页结构呢?
2、出示P89图12.2,分析:
上下分别是共享边框(上节课已经制作完成),中间是一个表格。那么这个表格到底是多大的表格呢?我们可以采用两行三列+合并单元格的方式。也可以采用大表1行2列;左边部分插入一个2行1列的表格;下面部分再插入一个1行2列的表格。还有其他方式,也可以实现,如何选择就看你们自己的意愿了。既要减少操作步骤,又要保证规划合理就是你们选择的基本目标。
3、小练习:出示一个简单网页,请学生分析一下网页的结构。
4、布置学生制作任务:根据上述内容为你的首页制作相应的表格。
四、独立完成首页美化:
1、根据教材和以往经验,对你的网页结构图(表格)进行必要的美化和设置。
2、利用收集到的素材为你的首页充实内容(文字、艺术字、图片等)。
3、参考本课教材,结合自己的设计,进行必要的超链接设置。
提示:遇到解决不了的问题,记得小组内沟通或者和其他小组的同学沟通;必要时,别忘了向老师请教。
第13课《制作其他网页》 教学目标:
1、学会使用交互式按钮制作网页。
2、了解网页的DHTML效果。
3、继续制作需要的网页。 教学重点:
1、学会使用交互式按钮制作网页。
2、继续制作需要的网页。
教学难点:
使用掌握的各种技术和知识继续制作需要的网页。 教学方法:
学生自主探究学习为主;教师主要工作是通过演示等方法,帮助学生突破一些重点和难点。
课程安排:本课是制作多网页的一部分,不可能用一个课时来完成许多网页的制作,所以我会根据整个教学时间来确定后面给学生多少课时来完成任务。 教学过程:
一、激发兴趣,导入本课知识点。
1、课件出示具有多种动态效果的网页请孩子们欣赏,向孩子们介绍各种动态效果。
2、重点介绍交互式按钮:鼠标指针在离开、指向、单击时都会发生变化,可以给网页增加动感效果。
二、水到渠成,学习插入交互式按钮。
1、教师演示:插入-交互式按钮-在交互式按钮对话框中:选择按钮式样,输入按钮上显示的文字,设置超链接(注意要通过浏览的方式来进行)。
2、教师介绍:设置按钮上文字的字体、字号和颜色。
3、教师介绍:设置按钮的高度和宽度。
4、学生自主探究按钮的奥秘。
三、利用新知,更新网页设计。
1、教师引导:今天,我们学习了交互式按钮的使用。请你们小组合议一下,是不是可以用这样的按钮来代替你们以前的一些设计,让你们的网页具有更好的视觉动感效果呢?
2、小组合作探究交互式按钮可以用在自己网页中的什么地方?使用之后网页的效果如何?
3、交流讨论汇报。
四、强化练习,以任务为引导。
1、结合上节课的学习到的知识,为你们的子网页进行规划。
2、按照分工计划,继续完成各级网页的制作。
3、根据上述探究和交流的情况,为自己的网页中增加必要的交互式按钮。
五、拓展学习,让孩子们带着问题走入课堂,带着问题走出课堂。
1、有兴趣并且有条件同学的可以回家研究一下DHTML效果。也可在后面的自主完成任务的过程中,在完成任务的基础上,利用上课堂上的时间来进行必要的了解和研究。
2、每组总结一下制作网站过程中的得失和心得。
第14课《发布网站》 教学目标:
1、了解网站发布前的准备工作。
2、了解发布网站的过程。
3、了解IP地址的初步知识,会通过IP地址访问网站。
4、了解网络中的免费空间和博客。
5、知道要负责任地发布信息。 教学重点:
1、会通过IP地址访问网站。
2、知道要负责任地发布信息。 教学方法:
以教师的演示和讲解为主,让学生对目标中的知识点起到一个了解的作用。 课程安排:一课时 教学过程:
一、教学导入:
我们的网站做好了,可是怎么才能展示我们的网站作品,让同学、家人和很多人都能看见呢?
(激发孩子们的学习欲望,顺利引导入网站发布的主题。)
二、发布准备阶段:
1、教师演示:通过网站摘要了解超链接断开现象。
2、教师介绍:上述做法的目的就是防止我们因为失误而导致别人打不开我们设置的各级网页。如果产生这种情况,浏览的人就会怀疑我们网站的能力和水平,并认为我们“工作”不认真,下次就不来访问我们的网站了。
3、教师演示:删除“确认”未链接的文件。
4、教师介绍:让我们的网站体积变小,可以更快的打开和上传。(简要介绍上传:从本地计算机传到网络上的一台服务器【计算机】的过程。)
三、发布网站阶段:
1、教师演示介绍在服务器上如何发布网站。并告诉学生,我们的机器一般不直接发布网站,而是把网站上传到服务器中供别人浏览。
2、下发FTP连接的快捷方式,要求学生把他们的网站复制到FTP服务器中。(其中,ftp的根目录,就是上面老师演示介绍中提到的文件夹)
四、浏览前的相关知识了解:
1、教师演示查找本机IP:开始-运行-CMD-IPCONFIG。
2、介绍IP地址:在一个网络中,每台计算机都有一个唯一的代号,大家看见的这个IP地址,就是我们学校服务器的IP地址。同学们的网站就放在这个服务器中。
3、教师演示:浏览器-在地址栏中输入IP地址-在IP地址后加上“/XXXX”(XXXX代表每个组网站的名称)-回车浏览。
五、学生课堂任务:
1、与其他组交流XXXX,并互相访问对方网站。
2、请参考P104的表,以满分100的方式为5个网站打分,并记录下你打分的依据。
六、学生课后任务:
1、完成你对别人的网站评价。
2、搜集别人对你们网站的评价。
3、小组思考和讨论:别人哪些地方做得比你好?你认为别人做的不好的地方,你做的好吗?别人都对你的网站提出了什么样的意见?
4、根据以上思考,尝试提出对自己网站的修改意见,与别的小组交流之后再小组讨论确定下来。留待以后有机会的时候在对自己的网站进行必要的修改。