搜索
课题：第1课《我的网页我设计》教学目标：1.认识frontpage窗口的组成及各部分的名称2学会创建一个站点。3.激发学生审美意识，提高学生的综合素质重点难点：1.制作简单的首页文字内容2.创建一个新网页。教具学具：电子教室系统、frontpage软件。教学方法：讨论法，讲授法教学过程：（一）导入通过网络我们可以浏览很多精彩的网页，你知道吗？这些网页都是用网页制作软件设计出来的。制作网页的软件很多，如firework,dreamweaver,javascript等，微软公司也有一款制作网页的软件——frontpage。这款软件简单实用，掌握起来也比较容易。这节课我们就来学习如作利用它制作网页。（板书课题：第1课我的网页我设计）(二)认识frontpage构成。1、如何打开frontpage？（小组讨论，回答）（二）自主学习探究分组解决任务，分为A、B、C、D四个大组，每个大组同时又分为四个小组，各大组长选择自己研究的任务。任务一：创建一个新站点。名称为“珍爱生命”放在D盘根目录下。制作网站的首页内容。课本第9页内容。并以“index”为名保存起来。请写下你的操作步骤：二次备课内容：任务二：创建一个新网页，标题为“交通安全”输入课本第十一页内容。设置好字体、字号和颜色。调整段落的行距，并以“jiaotong.htm”为名保存在珍爱生命文件夹下。（三）各组长汇报各自任务完成情况，并利用网络教室向全班同学展示操作方法。（四）提出组内解决不了的问题，共同讨论解决。解决不了的老师协助完成。知识拓展：（教师适当补充）1、在网页中我们首页都要用“index”因为在因特网的大多数网站中都将它作为第一个网页。2、网站中的每一个页面都有网页标题，用来提示该页面的主要内容。在浏览网页的时候，网页标题出现在浏览器的标题栏中。四、课堂检测1、创建第二个网页“校园安全”并以xiaoyuan.htm为名保存在珍爱生命目录下。设置成自己喜欢的字体和颜色。注：以各小组为单位，合作探究完成，每组选出优秀作品，进行展示交流。教师进行点评、总结。评选出“最佳合作小组”“最佳创意作品”。五、课后作业课本15页第1、2题。板书设计：第1课我的网页我设计（一）创建一个新站点（二）制作简单的首页（三）创建一个新网页教学反思：课题：第2课《我的网页我装扮》教学目标：1.在网页中添加水平线。2.为网页添加背景颜色和图片3.激发学生审美意识，提高学生的综合素质重点难点：1.激发学生学习制作演示文稿的兴趣与信心。2.培养学生有意识进行观察思考，合理进行知识迁移的习惯。教具学具：电子教室系统、frontpage软件。教学方法：讨论法，讲授法教学过程：（一）导入通过前面的学习，我们已经能够创建自己的网页，单调的文字并不能吸引人，我们如何让自己的网页更漂亮些呢？（板书课题：第2课我的网页我装扮）（二）自主学习探究分组解决任务，分为A、B、C、D四个大组，每个大组同时又分为四个小组，各大组长选择自己研究的任务。任务一：为网页添加水平线，放在标题的下方，颜色和高度、宽度设置成自己喜欢的样式。请写下你的操作步骤：任务二：为首页添加背景颜色，如何找到更多的颜色呢？任务三：为网页添加背景图片。（三）各组长汇报各自任务完成情况，并利用网络教室向全班同学展示操作方法。（四）师讲解浏览网页的方法。（五）提出组内解决不了的问题，共同讨论解决。解决不了的老师协助完成。知识拓展：（教师适当补充）1、在网页中插入图片时，会出现“保存嵌入式文件”对二次备课内容：话框，请大家一定将它保存起来。这样当我们要发布站点时，就不会出现找不到文件的错误提示了。2、在对网页修改时，一定要记得及时将修改后的保存起来。四、课堂检测1、给“交通安全”添加水平线，设置成自己喜欢的颜色。2、给“校园安全“设置网页的背景色。设置成自己喜欢的颜色。3、继续充实自己的网页，看谁把网页做得更漂亮。注：以各小组为单位，合作探究完成，每组选出优秀作品，进行展示交流。教师进行点评、总结。评选出“最佳合作小组”“最佳创意作品”。五、课后作业：课本25页第1、2题。板书设计：第2课我的网页我设计（一）为网页添加水平线（二）为网页设置背景（三）为网页设置背景图片教学反思：课题：第3课《我的网页动起来》教学目标：1.在网页中添加滚动字幕。2.在网页中插入剪贴画的方法，学会使用图片工具栏。3.激发学生审美意识，提高学生的综合素质重点难点：1.在网页中插入图片、gif动画的方法。2.在网页中添加滚动字幕。教具学具：电子教室系统、frontpage软件。教学方法：讨论法，讲授法教学过程：（一）导入通过前面的学习，我们已经能够让自己的网页变得越来越漂亮，可以在网页中插入水平线以及对网页的背景进行修饰，静止的画面并不能太吸引人，我们发现许多的网站，有各种动画效果，今天，我们就一起来研究一下，如何让自己的网页动起来。（板书课题：第3课我的网页动起来）（二）自主学习探究分组解决任务，分为A、B、C、D四个大组，每个大组同时又分为四个小组，各大组长选择自己研究的任务。任务一：为“珍爱生命”站点的首页添加流动字幕。字幕的内容为：我们从小爱科学！并把这几个字设置为隶书、颜色为蓝色、字号为14磅。请写下你的操作步骤：任务二：在“珍爱生命”站点的首页插入剪贴画，并调整图片的大小如28页上图所示，能不能利用图片工具栏来对插入的剪贴画进行一些处理呢？如去掉图片的背景色等，如何改变图片的位置呢？任务三：在“珍爱生命”站点的首页插入Gif动画。并调整动画的大小及合适的位置，自己试着得用预览标签观看一下动画的效果。二次备课内容：任务四：将“珍爱生命”网页的背景换成动画背景。（三）各组长汇报各自任务完成情况，并利用网络教室向全班同学展示操作方法。（四）提出组内解决不了的问题，共同讨论解决。解决不了的老师协助完成。知识拓展：（教师适当补充）1、在网页中插入的图片不要过大，过多，这样会影响浏览速度和下载速度。2、在设计网页内容时，不要太杂，要注意页面的美观与整齐。选择一些背景的图片时尽可能是比较淡雅一点的。四、课堂检测1、给“交通安全”添加滚动字幕，设置成自己喜欢的内容和颜色。2、在“交通安全“中插入一张搜集的图片、gif动画等，取消图片的背景色。设置成合适的大小、位置。3、继续充实自己的网页，看谁把网页做得更漂亮。注：以各小组为单位，合作探究完成，每组选出优秀作品，进行展示交流。教师进行点评、总结。评选出“最佳合作小组”“最佳创意作品”。五、课后作业课本36页第1、2、3题。板书设计：第3课我的网页动起来（一）在网页中插入滚动字幕（二）在网页中插入剪贴画（三）在网页中插入图片、gif动画教学反思：课题：第四课《我的网页大变身》教学案教学目标：1.了解为站点添加自动缩略图的方法和为标题添加动态效果的方法。2.搜集有关安全的图片资料，建好相应的文件夹，保存起来。3.激发学生审美意识，提高学生的综合素质重点难点：1.了解为站点添加自动缩略图的方法和为标题添加动态效果的方法2.培养学生有意识进行观察思考，合理进行知识迁移的习惯。教具学具：电子教室系统、frontpage软件。教学方法：讨论法，讲授法教学过程：一、激趣导入，明确学习目标前面我们对网页进行了文字的修饰，添加了背景，滚动字幕、图片、gif动画等，使我们的网页变得丰富多彩起来。FrontPage软件还为我们提供了其它的网页效果，可以让我们的网页更加与众不同。师演示图片缩略效果和动态标题效果。结合预习，你知道这是什么效果吗？如何实现的呢？任务一：为“珍爱生命”站点添加自动缩略图的步骤是怎样的？动手试一试。任务二：如何为“珍爱生命”的站点首页的标题添加动态效果？动手试一试。三、小组合作学习，深入探究：1、小组内演示交流为“珍爱生命”站点添加自动缩略图的步骤。（组长要认真负责，记得要互相帮助，共同分享啊。）2、小组内演示交流为“珍爱生命”站点首页添加动态效果的方法。3、组内交流疑难问题。4、小组推选代表在全班边演示边讲解，集体评价。四、精讲点拨，升华认识：1、为站点添加自动缩略图要用到“工具”——“网页选二次备课内容：项…”命令——在“自动缩略图”进行相应设置后确定。2、添加动态效果，要从“格式”菜单中找。五、质疑引导学生质疑，交流解决疑难问题。六、课堂检测：（一）我知道：1、为站点添加自动缩略图要用到（）菜单中的“网页选项…”命令——在（）选项卡中进行相应设置后确定。2、什么是自动缩略图？3、在FrontPage中，让标题从顶部飞入，这种效果是使用了FrontPage中的（）效果。（二）动动手：1、继续在“安全图片展”网页中添加自动缩略图，将网页充实完整并保存。2、为“珍爱生命”站点首页中的其它内容添加不同的动态HTML效果。（三）组内检查评比，推选优秀作品全班交流。七、课外延伸：1、为“我爱我家”站点新建一个“我家相册”网页，添加自动缩略图，并为各个网页添加文字动态效果。记得保存啊2拓展今天我们制作的动态效果，只是网页制作中很小的一部分，我们只有充分运用脑中、手中的资料，不断学习新知识，提出新问题才能成为“高手”。板书设计：第4课我的网页大变身图片缩略大变脸——“自动缩略图”网页生动大变身——“动态HTML效果”教学反思：课题：第五课《我的网页变整齐》教学目标：1.理解为什么要插入表格2.学会为网页插入表格并会设置表格。改变宽度合并单元格等3.激发学生审美意识，提高学生的综合素质重点难点：1.学会为网页插入表格并会设置表格。改变宽度合并单元格等。2.培养学生有意识进行观察思考，合理进行知识迁移的习惯。教具学具：电子教室系统、frontpage软件。教学方法：讨论法，讲授法教学过程：二次备课内容：课前先分下组，五列分别是“红、橙、黄、绿、紫”队，选出小组长。（一）创设情景，导入目标展示珍爱生命的相关资料提问：我们如何让浏览我们网页的人快速的了解？展示：两个网页（一个是文字的，一个是表格的）大家一起来看下。说说：你根据哪一个网页能快速的了解珍爱生命的内容？为什么？生答：第二个。因为第二个更直观。大家想不想知道如何在网页中使用表格？课件出示：本课目标：1、理解为什么要插入表格2、学会为网页插入表格并会设置表格。改变宽度合并单元格等3、能编辑和修饰网页中的表格，设定表格中文字的字体、字号、字型、颜色、对齐方式等。现在很多同学都磨拳擦掌，嗯，老师相信，大家连闯几关后，一定能做出比老师改的更漂亮的网页。那大家抓紧行动吧，为小组的荣誉而战。（二）任务驱动，自主探究大家在做闯关任务时，要开动脑筋、自主探究，当然遇到不会的问题你可以请教：课本、身边的同学和老师。第1关：在网页中插入表格任务一：在网页中插入表格学生根据预习学案的第一部分看课本。教师提问预习学案的内容，小组抢答教师纠正与补充学生上机操作，教师巡视指导。等全部完成后让最先举手的小组演示教师总结修饰表格更美观第二关：合并单元格学生看课本自己学习预习学案第二部分任务教师根据预习内容提问并抢答教师总结学生上机操作，教师巡视指导。小组抢答并示范：找一学生上机示范操作并解说。教师加分奖励。学生自己适当修改。第３关：修饰单元格中的文字学生看课本自己学习预习学案第二部分任务教师根据预习内容提问并抢答教师总结学生上机操作，教师巡视指导。小组抢答并示范：找一学生上机示范操作并解说。教师加分奖励。学生自己适当修改。第４关：改变单元格的大小学生看课本自己学习预习学案第二部分任务教师根据预习内容提问并抢答教师总结学生上机操作，教师巡视指导。小组抢答并示范：找一学生上机示范操作并解说。教师加分奖励。学生自己适当修改。第五关：让表格更漂亮学生看课本自己学习预习学案第二部分任务教师根据预习内容提问并抢答教师总结学生上机操作，教师巡视指导。小组抢答并示范：找一学生上机示范操作并解说。教师加分奖励。学生自己适当修改。第六关：作品修改对本课中所有的错误的操作进行修改。小组选出中最好的作品进行展示作品评价：先请同学回答学生网页的优点，再找学生说下对这个网页作品有什么建议？最后请作者说下能不能接受同学的建议。展示2——3个学