2017-2018下学期八年级信息技术主题网站设计与制作

贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第1页共16页2017-2018下学期八年级信息技术教学设计贾汪区紫庄中学贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第2页共16页第3章主题网站设计与制作第1节主题网站我设计教学目标知识与技能：1.了解网站设计的几个阶段，了解网站规划的几个要点；2.通过欣赏优秀网站，了解网站设计包括页面内容的设计和内容表现形式的设计；3.通过浏览、欣赏、对比优秀主题网站的内容、结构、风格，使学生掌握网站规划的要点，初步确定自己网站的主题及设计方案。过程与方法：通过欣赏、讨论、对比优秀网站的过程让学生感受到网站规划的要点，通过设计自己的主题方案，培养学生整体设计、规划网站的能力；通过搜索信息，进一步提高学生加工与管理素材的能力。情感、态度与价值观：1.了解网站设计的重要性；2.进一步提高学生加工与管理素材的能力教学重点和难点重点：掌握网站规划的要点，确定网站主题，勾画网站设计方案难点：超文本标识（HTML）语言的概念，网站设计方案的确定教具和教学手段教具：多媒体网络教室教学手段：演示法、讨论法、对比法教学过程1.创设情境，导入新课：师：刚刚得知我们学校李康同学在“扬州市第五届中学生网页比赛”中获得一等奖，大家想不想欣赏下本届比赛的优秀网页呢？学生活动：欣赏比赛的优秀网页，考虑下这些网页有什么特色？师：身为中学生的我们，想不想自己也制作个优秀的网页呢？从这节课开始我们就一起来学习有关网页制作的内容。本节课我们来探讨下如何规划一个网站2.讲授新课：贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第3页共16页⑴明确主题，规划网站：学生活动1：完成教材P207的探究学习，了解优秀网站的主要内容和设计特点，体会下规划网站的要点：①明确建设网站的目的②进行可行性分析：网站建设需要花费多少时间、精力、人力，性价比是否合理③网站的内容设计：根据网站建设的目的，分析浏览者的需求，确定网站的内容④网站的表现形式设计：有了好的内容，还要有好的表现形式，这就是网页本身的设计，例如设计网站的标识、注重网站的图文排版等。学生活动2：以个人或小组为单位设计一个网站的主题，并围绕主题讨论网站的组成及个页面需要反应的内容（以“动物—人类的朋友”为例讲解注意点）师：评价各小组的主题与内容，给予适当的指导解网页的实质--超文本标识（HTML）语言师：打开任何的一个网页，点击“查看”菜单中的“源文件”命令，你们都会发现网页其实是由一个文本文档构成的，只不过这个文本文档有点特殊，它是由HTML语言构成的，提供一个用HTML语言编写的网页让学生阅读并模仿（first.htm）HTML语言的注意点：HTML{网页设计开始}HEAD头部信息/HEADBODY文档主体，正文部分/BODY/HTML{网页设计结束}生：阅读并模仿老师给的网页，尝试进行一定的修改师：适当的点评3.课堂小结：本节课我们一起了解了网站规划的几个要点，初步确定了自己网站的主题和设计方案，了解了网页的实质--超文本标识（HTML）语言，下节课我们开始一起制作网站。贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第4页共16页第3章第2节网站的制作第1课时教学目标1．知识与技能:（1）认识Dreamweaver窗口的组成，能够熟练运用Dreamweaver打开和保存网页文件。（2）学会在Dreamweaver中建立站点。（3）学会利用表格的相关操作布局网页。（4）掌握插入文本、图片等对象的方法，并能根据需要设置属性。2．过程与方法:通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。3．情感态度与价值观:（1）引导学生在学习新软件时与已有知识经验相类比，养成勤于总结的习惯，体会学习要讲究方法。（2）通过制作主题网站，在创建站点和制作首页的过程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。4．行为与创新:在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。■课时安排安排1课时■教学重点与难点1．教学重点（1）创建站点并理解各参数选项的设置。（2）利用表格的相关操作布局网页。（3）插入文本图片等对象以及属性的设置。2．教学难点灵活运用表格的相关操作合理布局网页。教学方法与手段知识迁移、类比教学、自主学习、小组合作、讲授法■课前准备极域多媒体广播软件、教学课件、学件、素材资源教学过程：教学环节教师活动学生活动设计意图导入课题播放保护动物公益宣传片。试想一下：假如动物有机会和人类面对面交流，动物会对人类表达什么愿望呢？根据学生回答，适当引导，引出课题：野生动物的呼唤（板书）观看视频，并思考回答教师的提问。使学生尽快进入学习状态，活跃课堂气氛，明课本课学习内容。一、概念与软件1、基本概念网站、网页、首页（学生阅读学件回答问题）学生自主学习回答问题，理解有关概念。通过自主学习让学生理解几个关键词的含贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第5页共16页教学环节教师活动学生活动设计意图新授新授2、软件简介：（1）欣赏网页，提问：同学们用过或者知道的网页制作软件有哪些？（2）、简介二种软件，选择Dreamweaver进行网页制作。3、软件界面启动Dreamweaver，介绍软件界面，重点强调插入栏、属性面板和面板组。二、站点的建立1．出示创建站点四步法，让学生速记，并请学生复述。2．演示并讲解第一第二步。3．布置任务一：创建站点（两人小组，阅读网页学件，完成站点的创建）反馈任务一完成情况（学生举手示意）三、制作首页1、分析首页（1）出示常见功能模块（2）出示首页样例，各模块对号入座。2、运用表格布局网页（1）展示两个网页（普通网页1和用表格布局的网页2）提问：哪个网页更紧凑美观（引出表格布局）（2）展示几种首页布局模式，接着以网页2为例，运用PPT动画分析其中所隐含的表格结构。（3）展示网页3,让学生画出相应表格结构，并思考用到表格的哪些操作。（4）出示页面+表格样张，对比word表格演示讲解在Dreamweaver中插入表格的方法及拆分、合并等相关操作，并讲解属性的设置（强调先选定对象再设置）。（老师绘制第一个表格，剩下的请学生上讲台尝试完成，教师指导）布置任务二：对照页面+表格样张，在Dreamweaver中完成表格的绘制。（两人小组）反馈任务二完成情况（根据情况由学生演示或举手示意）思考并明确本课要用的软件。观察识记Dreamweaver的特点。学生识记学生听讲、理解、识记学生自主加合作完成站点的创建。识记首页组成要素并能与实际网页对号入座。学生观察思考并回答。学生听讲并理解页面中所隐含的表格结构，再按要求画出网页所对应的表格布局。学生听讲并识记有关操作注意事项。完成任务二义。通过欣赏提问引出本课所用的软件。教师讲解与学生观察相结合使学生认识Dreamweaver。帮助学生先形成总体认知。适当的讲解有助于学生理解站点的创建。学生通过自主合作能完成的操作让学生自己做。使学生初步感知首页的组成要素及表现形式。通过对比让学生感受表格布局的作用，并体会如何用表格实现页面布局。运用对比法让学生联系旧知，加快对新知的吸收掌握。绘制表格，完成页面布局。贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第6页共16页教学环节教师活动学生活动设计意图3、插入对象。布置任务三：插入各对象（学生阅读学件自主完成）（两人小组）4、任务延伸（美化个性化页面）（1）设置表格背景。（2）设置网页背景。（3）在适当的位置插入flash动画。5、保存预览网页四、学习反馈展示学生作品，让学生自评和互评，教师再根据情况点评。学生自主加合作完成任务三。学有余力的学生自主学习完成延伸任务。观看、思考、评价培养学生运用学习资源自主学习的能力以及遇到问题合作解决问题的能力。满足不同层次的学生需求。反思与借鉴小结1、请学生谈收获。（提示：知道了什么，学会了什么）2、教师寄语：技术固然重要，创意更珍贵，精美的网站来自于内容与形式的完美统一。回顾总结所学内容。总结本课学习内容。贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第7页共16页第3章第2节网站的制作第2课时给网页增加动感效果教学目标：1．知识目标(1）理解动态网页与网页动态效果的区别。(2）掌握网页动态效果的制作。2．技能目标掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。3．情感目标通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。教学重、难点：1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。2．难点：各种效果对象的属性设置。3．关键：动态效果制作中应图文并茂、色彩和谐、动静适宜。教学方法：自主探究式学习、任务驱动式教学。教学准备：具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入教学过程：1．引入老师打开静态网页和加有动态效果的网页，请学生感受它们的不同。学生观察、比较两张网页，指出它们的不同点。师生共同分析网页，引入新课的学习。2．新授任务1滚动字幕的制作教师巡视，个别给予指导。学生完成任务后，展示作品，并演示操作。小结设置滚动字幕的关键点：○1文本的大小、字体、颜色等。○2表现方式。○3运动方向。○4背景色的设置。任务2交互式按钮的制作教师巡视，个别给予指导。学生展示作品，演示操作，小结制作交互式按钮的关键点：○1按钮文本的设置。○2按钮的颜色、背景色以及效果等。○3图片按钮。任务3网页中插入一个Flash动画教师巡视，个别给予指导。学生展示作品，演示操作，小结插入Flash动画的关键点：○1Flash显示窗口的大小调整。○2预览模式下才能看到Flash效果。贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第8页共16页○3插入Flash后的网页保存。学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。3．总结与评价（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。（2）归纳总结。学生对照“自我评价”表，进行过程性学习的评价。贾汪区紫庄中学备课纸八年级信息技术学科上课教师吕万里上课时间：第9页共16页第3章第2节网站的制作第3课时制作交交互网页教学目标：1．知识目标：了解交互网页的概念，了解表单的功能及表单元件的使用方法，了解网上信息调查的设计方法。2．技能目标：掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。3．情感目标：让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用，了解珍稀动物保护知识。教学重、难点：1．教学重点：（1）表单元件的正确插入。（2）表单元件的属性设置。2．教学难点：表单元件的属性设置，根据实际需要正确运用表单元件。教学准备：让学生明确本课的教学目标；提供给学生一个自学的平台；给学生一个自我评价的空间。教学方法：本节课的教学内容是表单网页的制作，通过一个“环保知识小测试”引入，让学生亲自体会表单网页以及表单网页带来的交互功能，从而引出本课的学习目标——制作一个“环保知识调查”表单网页，根据这个总体目标，设置了三个基本任务和一个拓展任务。三个基本任务层次分明，任务1通过教师讲解、演示，学生操作，主要让学生掌握正确插入表单元件；任务2学生自主学习完成，主要让学生掌握表单元件的属性设置，突破本节课的第一个难点；任务3主要考察学生实际运用能力，突破本课的第二个难点。拓展任务主要帮助学生复习以前所学知识，培养学生综合运用能力，以及对整个网页布局、配色等设计能力。对于表单的提交放在最后学生演示作品时讲解，因为在课堂上不可能实现表单的提交，只是让学生了解一下，让感兴趣的同学课后自己去学习。最后展示一些其它的表单网页，让学生了解表单网页的多种形