教育部参赛——制作网站主页——张英华

制作网站首页（网络型表格式教案）广西柳州市弯塘路小学张英华教材内容：广西版六上《小学信息技术》教材主题三任务二《制作网站首页》P30-34教学目标：知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识，学会插入动态图片和滚动文字；初步掌握网站的策划与构思。过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注柳州的发展，增强社会责任感。教学重点：1、根据要制作的网站主题，用表格实现主页布局。2、在网页中插入动态图片、文字，并进行格式设置。教学难点：如何在主页制作中实现自己的网站设计构思。教学背景及学习者分析：同学们在已掌握了在Word中插入表格、图片等方法，并初步学会了在FrontPage中建立站点的知识，因此插入图片、文字并不是本课的重点。教材展示了桂林山水的两个首页设计图，如果完全依照教材进行授课，学生没有兴趣，无法进行个性化的设计，无法突破难点。于是我们设计了柳州风情这个学生熟悉的内容，突显家乡的风土人情，使学生认识到宣传家乡是他们的责任。为了让学生能更好的自主学习，课中我们利用FrontPage网页教程、框架表格及跑马灯滚动字幕制作的视频来帮助学生突破难点。通过对柳州风情网站主页的设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望，使学生更关注柳州的发展，宣传柳州，爱柳州，做好柳州的小主人，增强社会责任感。教学过程：教学环节教学内容活动设计活动目标媒体、网络使用及分析一、课前交流挖掘柳州特色，寻找柳州名片近来澳大利亚、日本友人频繁访问我校，要想让他们对柳州有全方位的了解，并对柳州做个宣传，你有什么好办法？你想重点介绍柳州的什么特色？（学生自由发言，并在网上搜索、推荐）柳州有唐宋八大家之一的柳宗元，有山歌歌仙刘三姐，有世界排名第五的夜景等我们引以为豪的人文景观。（白板播放）今天我们就来学做《柳州风情》网站首页。揭示课题：制作网站首页。1.调动学习热情，挖掘柳州特点，体现学习与生活的联系。明确网站首页是一个宣传、展示柳州形象的窗口。2.初步感受网站主页的作用，为设计好主页做铺垫。1.使用电子白板的播放柳州视频，生动展现了具有浓郁的柳州特色的人物、活动、景观等。2.学生从网上资源的杂乱中，初步感受到宣传柳州的重要性，制作柳州网站的必要性。二、激趣导入、创设情境创设情境2认识首页的设计应具有的5个要素1.（白板展示）欣赏几个网站主页，讨论：哪个网站最吸引你？为什么？如何能快速了解访问的网站主要内容呢？（白板展示导航）导航就是网站的栏目名称。一般越重要的栏目越放在前面。2.在无数网页中如何更好地吸引住浏览者呢？好主页应包括哪些要素？学生讨论。小结：首页的设计应具有5个要素(出示作业评分表)1.初步掌握网站的策划与构思，了解导航的作用和意义。2.明确好的主页应包含的5个要素，理解主页制作的思想。1.欣赏网上风格不同的网站主页——英语学习网、儿童动画网，明确导航的重要作用，导航必须要简洁、清晰。2.学生通过观察、分析自己喜欢的主页，初步感受到：一个吸引人的主页，必须是动态的、有个性的。看了这么多漂亮的网页，是不是心动了。也想来做做。今天，就发挥你的聪明才智，利用frontpage设计“柳州风情”主页。三、探究用表格布局首页提供自学的网上教程，用表格设计主页布局。1．建立一个站点：D：\学号-姓名全拼（白板展示）（提供网上frontpage学习课程，学生学习遇到困难时可自由浏览，寻求帮助。）创建站点就相当于买了一块地皮，接下来就要建房子。在建房子之前，有一项非常关键的工作要做，你们知道是什么工作吗？（画设计草图）（1）交流：柳州有哪些特色？（自由交流）柳州美景、柳州美食、柳州名人、柳州赛事等都可以做一个专栏。（2）学生在纸上设计导航草图。要求：越重要的栏目越要放在前面，栏目名自定。网站草图设计好了，如何变为网页呢？2．设计首页布局草图。（1）白板出示茵茵和小迪设计的柳州风情布局图表格1.能较熟练地运用frontpage表格实现网页布局；2.通过自主探究和小组合作完成学习任务，掌握探究学习、自主学习的方法。培养与他人协作、交流的意识和能力。1.提供网上frontpage制作网站的课程，学生遇到困难可自行上网查询。为学困生提供帮助，为差异性教学提供可能。2.展示“用表格设计主页布局”的视频教程，突出重难点，学生可以根据自身情况，反复观摩，再进行制作。小结：主页的设计导航可以是平行式的，也可以是四周围绕主题式的。（2）学生用表格设计主页布局。要求：网站的首页必须有网站主标题、栏目小标题、柳州简介，可以参照课本32页“桂林山水”进行设计。教师相机指导。四、探究如何让主页更生动掌握插入gif动画和制作动态字幕的方法图纸设计好了，我们就开始施工了。如何才能让它更具柳州特色、更生动呢？学生自由发言。教师引导：1.要使主页具有柳州特色，必须加入柳州元素。如：柳宗元、刘三姐、柳州国际水上狂欢节、国际小丑节、国际摩托艇赛、柳州全景图等。（打开学习网页，展示本地素材图片）2.要使网页更生动：可以插入动态图片、滚动字幕(1)．插入动态图片：提供GIF素材下载地址（书P32）网页制作大宝库动画和制作动态字幕的方法。2.运用所学知识，增加主页的生动性，增强柳州特色。1.通过网上动态图片资源库网页制作大宝库素材，以增强首页的生动性。2.运用视频，演示在网页中空白处插入滚动字幕“欢迎光临本站”的操作，突破插入滚动字幕这一教学重点。3.网上分组讨论、交流，可实现异步教学，先做完的学生交流心得，没做完的学生可继续做，同时学生在与同伴的分享中体会到学习的乐趣。中国GIF网(2)．插入滚动字幕滚动字幕俗称“跑马灯”：是在网页中循环连续地移动显示某一段文本信息，适宜于在网页中显示时效性强的新闻或欢迎等消息。学生在学习网上浏览插入字幕的方法，3分钟。网上课程演示在网页中空白处插入滚动字幕“欢迎光临本站”的操作，讲解制作滚动字幕的基本步骤：光标定位，利用“插入/组件/字幕”命令来插入滚动字幕并且设置其表现方式。学生探索：学生自己通过查阅、讨论、探索等方法来进一步思考、操作，掌握字幕属性的设置和字体格式、边框等的设置方法。（网上分组讨论、交流）在4人小组内交流所得并填表,要求：从1-4号依次轮流发言，不能重复别人的发现。全班交流发现，指名展示。（教师控屏演示）五、自主设计主页根据主页制作要求，设计出具有个性的主页下面我们比比看谁设计得最具柳州特色、最漂亮、最与众不同！15分钟说明：可在教师提供的学习网素材库里调用资源。提示主页制作要求：导航不超过5个，网页设置合理，字体颜色、大小、整体布局合理。1.巩固新知，加深对主页制作的认识；2.选择正确的图片、文字、动画等素材。1.学生根据自己的学习需要，自由浏览教师提供的——制作主页的frontpage教程自由调用网上的GIF素材，丰富主页制作的内容。2.在学习遇到困难时，仍可以观看本课重难点视频——插入滚动字幕、用表格设计主页布局，为学困生提供帮助。六、作品展示欣赏、评价他人主页，修改自己的主页1.作品展示与评价对照作业评分表，学生评价他人作品。评价要求：指出展示作品的一个优点，并提出一个改进的建议。2.作品再修改在听取他人建议的基础上对照评分表，修改自己的作品。3.作品评比学生上传作品到学习网的作品展示平台，全班有序参观，给自己喜欢的作品投票。得一颗星。4.作品再欣赏1.审视自己与他人作品，对照评分标准，明确优秀主页应具备的条件。2.二次修改作品，在欣赏、推荐他人作品的过程中，再次深化优秀主页应具备的要素。1.运用作品展示平台，学生可以给自己喜欢的作品投票，从而深化学生的自豪感、成就感。2.学生在投票时，教师要求说说“你为何选这个作品，它好在哪？”同时，教师要求说说“你为何不选这个作品，你有哪些建议？”学生必然会再次对照主页设计要素，说出符合要求的好作品应具备哪些条件，从而再次深化教学目标。欣赏得星最多组的作品，再评析。明确好的网站首页应达到评分表的五个要求。学生上传修改后的作品到学习网的作品展示平台。5．引导小组合作反思：你觉得在小组合作中你哪件事做得最好，哪件事下次可以做得更好？七、课堂小结总结学习方法，激发后续网页制作的兴趣1.学生说说这节课的收获。2.师生回顾网站首页制作的主要过程，进一步明确本节课的重点。（白板回放）3.教师对学生的实践探究和小组合作做出整体评价。鼓励学生：今天我们只是设计了网站首页的基本内容，要制作出更漂亮更有个性的网页，还要用到音乐、动画、超链接等技术，首页如何与子页链接并自由返回，还等着大家再继续到学习网上探索！1.梳理知识，总结所得、所思，归纳学习方法，明确努力方向。1.运用白板回放功能，帮助学生梳理知识，更好地回顾本课所得、所思。2.作品展示平台同时也为学生课后再次根据主页设计要素去设计作品、提交作品提供可能。使得学习从课内向课外延伸。附：作业评分表：制作网站首页评分表A50分B30分C20分自评互评总分1.主题醒目2.栏目导航清晰3.简介简洁4.有动态效果5.漂亮、有个性教学反思本课的教学目标是掌握使用FrontPage制作网页的基本方法，重点是掌握在网页中插入滚动文字和gif图片的方法；难点在于插入表格规划网页的结构，初步掌握简单网站的策划与构思。1.对比不同的网站主页，引发学生对设计个性化网站主页的思考老师通过不同网站主页的对比，引发学生思考：哪个网站主页最吸引你？为什么？引出主页设计的5个要素。这5个要素就是学生作业的标准，有了标准，学生才有明确的方向。那么设计柳州风情主页，如何突出“个性”呢？学生从生活中或网络中找出最具柳州特色的人文景观——刘三姐、柳宗元、鱼峰山、国际摩托艇赛、国际水上狂欢节……2.自主探究网上教程，引导学生掌握用表格设计主页布局的方法课堂以自主探究的模式展开，接下来就是突破难点的训练--如何插入一个布局表格来实现规划好的结构。老师提供可自学的网上视频教程---用表格设计主页布局,将探究FrontPage“表格”功能的提示呈现给他们。视频非常直观，而且学生可以自由选择入口。有些孩子先研究直线型、有些孩子先环绕型的，充分发挥了孩子的主动性，利于探究。学生探索后教师利用极域教室的功能，向全体同学展示探究的结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学重难点。3.提供网上素材，激发学生个性化创作网站主页的愿望学生发现光有表格和静态图片是不够的，主页要引人注目，必须得动起来。怎么动？加入跑马灯文字滚动效果，GIF动画。学生通过插入滚动文字视频，轻松地掌握了制作滚动文字的基本方法。然后引导学生探究不同的文字效果。从学生的汇报中我们发现，他们能较快地根据菜单做出控制文字快慢、改变字形等效果。为了避免学生迷失在过渡的gif网上资源中，老师限定了网上素材的插入时间是3分钟。前面的系列学习都为学生进行个性化的主页设计打下良好基础，因此学生在自由设计主页阶段，出现了丰富的主页作品。4.依托作品展示平台，批判性地思考自己的作品通过之前的协作与交流，课末每个学生要形成自己对主页的价值判断。因此作品展示平台无疑为学生快速浏览他人主页，明确自己作品的优劣提供了良好的支持。学生提出1个表扬1个建议，对照主页设计中要注意的5个要素，再次修改自己的作品，再次深化了教学目标。