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

1、精选优质文档-倾情为你奉上精选优质文档-倾情为你奉上专心-专注-专业专心-专注-专业精选优质文档-倾情为你奉上专心-专注-专业2017-2018下学期八年级信息技术教学设计贾汪区紫庄中学第3章 主题网站设计与制作 第1节主题网站我设计教学目标知识与技能：1.了解网站设计的几个阶段，了解网站规划的几个要点；2.通过欣赏优秀网站，了解网站设计包括页面内容的设计和内容表现形式的设计；3.通过浏览、欣赏、对比优秀主题网站的内容、结构、风格，使学生掌握网站规划的要点，初步确定自己网站的主题及设计方案。过程与方法： 通过欣赏、讨论、对比优秀网站的过程让学生感受到网站规划的要点，通过设计自己的主题方案，培养

2、学生整体设计、规划网站的能力；通过搜索信息，进一步提高学生加工与管理素材的能力。情感、态度与价值观： 1.了解网站设计的重要性；2.进一步提高学生加工与管理素材的能力教学重点和难点重点：掌握网站规划的要点，确定网站主题，勾画网站设计方案难点：超文本标识（HTML）语言的概念，网站设计方案的确定教具和教学手段教 具：多媒体网络教室教学手段：演示法、讨论法、对比法教 学 过 程1.创设情境，导入新课：师：刚刚得知我们学校李康同学在“扬州市第五届中学生网页比赛”中获得一等奖，大家想不想欣赏下本届比赛的优秀网页呢？学生活动：欣赏比赛的优秀网页，考虑下这些网页有什么特色？师：身为中学生的我们，想不想自己

3、也制作个优秀的网页呢？从这节课开始我们就一起来学习有关网页制作的内容。本节课我们来探讨下如何规划一个网站2.讲授新课：明确主题，规划网站：学生活动1：完成教材P207的探究学习，了解优秀网站的主要内容和设计特点，体会下规划网站的要点：明确建设网站的目的进行可行性分析：网站建设需要花费多少时间、精力、人力，性价比是否合理网站的内容设计：根据网站建设的目的，分析浏览者的需求，确定网站的内容网站的表现形式设计：有了好的内容，还要有好的表现形式，这就是网页本身的设计，例如设计网站的标识、注重网站的图文排版等。学生活动2：以个人或小组为单位设计一个网站的主题，并围绕主题讨论网站的组成及个页面需要反应的内

4、容（以“动物人类的朋友”为例讲解注意点）师：评价各小组的主题与内容，给予适当的指导解网页的实质-超文本标识（HTML）语言师：打开任何的一个网页，点击“查看”菜单中的“源文件”命令，你们都会发现网页其实是由一个文本文档构成的，只不过这个文本文档有点特殊，它是由HTML语言构成的，提供一个用HTML语言编写的网页让学生阅读并模仿（first.htm）HTML语言的注意点： 网页设计开始 头部信息 文档主体，正文部分网页设计结束生：阅读并模仿老师给的网页，尝试进行一定的修改师：适当的点评3.课堂小结：本节课我们一起了解了网站规划的几个要点，初步确定了自己网站的主题和设计方案，了解了网页的实质-超文

5、本标识（HTML）语言，下节课我们开始一起制作网站。第3章第2节网站的制作 第1课时教学目标1知识与技能:（1）认识Dreamweaver窗口的组成，能够熟练运用Dreamweaver打开和保存网页文件。（2）学会在Dreamweaver中建立站点。（3）学会利用表格的相关操作布局网页。（4）掌握插入文本、图片等对象的方法，并能根据需要设置属性。2过程与方法:通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。3情感态度与价值观:（1）引导学生在学习新软件时与已有知识经验相类比，养成勤于总结的习惯，体会学习要讲究方法。（2）通过制作主题网站，在创建站点和制作首页的过

6、程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。4行为与创新: 在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。课时安排 安排1课时教学重点与难点教学重点创建站点并理解各参数选项的设置。利用表格的相关操作布局网页。插入文本图片等对象以及属性的设置。教学难点灵活运用表格的相关操作合理布局网页。教学方法与手段 知识迁移、类比教学、自主学习、小组合作、讲授法课前准备 极域多媒体广播软件、教学课件、学件、素材资源教学过程：教学环节教师活动学生活动设计意图导入课题播放保护动物公益宣传片。试想一下：假如动物有机会和人类面对面

7、交流，动物会对人类表达什么愿望呢？根据学生回答，适当引导，引出课题：野生动物的呼唤（板书）观看视频，并思考回答教师的提问。使学生尽快进入学习状态，活跃课堂气氛，明课本课学习内容。 新授新授一、概念与软件1、基本概念网站、网页、首页（学生阅读学件回答问题）2、软件简介：（1）欣赏网页，提问：同学们用过或者知道的网页制作软件有哪些？ （2）、简介二种软件，选择Dreamweaver进行网页制作。3、软件界面启动Dreamweaver，介绍软件界面，重点强调插入栏、属性面板和面板组。二、站点的建立 1出示创建站点四步法，让学生速记，并请学生复述。2演示并讲解第一第二步。3布置任务一：创建站点（两人小

8、组，阅读网页学件，完成站点的创建）反馈任务一完成情况（学生举手示意）三、制作首页1、分析首页（1）出示常见功能模块（2）出示首页样例，各模块对号入座。2、运用表格布局网页（1）展示两个网页（普通网页1和用表格布局的网页2）提问：哪个网页更紧凑美观（引出表格布局）（2）展示几种首页布局模式，接着以网页2为例，运用PPT动画分析其中所隐含的表格结构。（3）展示网页3,让学生画出相应表格结构，并思考用到表格的哪些操作。（4）出示页面+表格样张，对比word表格演示讲解在Dreamweaver中插入表格的方法及拆分、合并等相关操作，并讲解属性的设置（强调先选定对象再设置）。（老师绘制第一个表格，剩下的

9、请学生上讲台尝试完成，教师指导）布置任务二：对照页面+表格样张，在Dreamweaver中完成表格的绘制。（两人小组）反馈任务二完成情况（根据情况由学生演示或举手示意）3、插入对象。布置任务三：插入各对象（学生阅读学件自主完成）（两人小组）4、任务延伸（美化个性化页面）（1）设置表格背景。（2）设置网页背景。（3）在适当的位置插入flash动画。5、保存预览网页四、学习反馈展示学生作品，让学生自评和互评，教师再根据情况点评。学生自主学习回答问题，理解有关概念。思考并明确本课要用的软件。观察识记Dreamweaver的特点。学生识记学生听讲、理解、识记学生自主加合作完成站点的创建。识记首页组成要

10、素并能与实际网页对号入座。学生观察思考并回答。学生听讲并理解页面中所隐含的表格结构，再按要求画出网页所对应的表格布局。学生听讲并识记有关操作注意事项。完成任务二学生自主加合作完成任务三。学有余力的学生自主学习完成延伸任务。观看、思考、评价通过自主学习让学生理解几个关键词的含义。通过欣赏提问引出本课所用的软件。教师讲解与学生观察相结合使学生认识Dreamweaver。帮助学生先形成总体认知。适当的讲解有助于学生理解站点的创建。学生通过自主合作能完成的操作让学生自己做。使学生初步感知首页的组成要素及表现形式。通过对比让学生感受表格布局的作用，并体会如何用表格实现页面布局。运用对比法让学生联系旧知，

11、加快对新知的吸收掌握。绘制表格，完成页面布局。培养学生运用学习资源自主学习的能力以及遇到问题合作解决问题的能力。满足不同层次的学生需求。反思与借鉴小结1、请学生谈收获。（提示：知道了什么，学会了什么）2、教师寄语： 技术固然重要，创意更珍贵，精美的网站来自于内容与形式的完美统一。回顾总结所学内容。总结本课学习内容。第3章第2节网站的制作 第2课时给网页增加动感效果教学目标：1知识目标(1）理解动态网页与网页动态效果的区别。 (2）掌握网页动态效果的制作。2技能目标掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。3情感目标通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，

12、激发学生的学习兴趣，培养学生的探究意识和创新能力。教学重、难点：1重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。2难点：各种效果对象的属性设置。3关键：动态效果制作中应图文并茂、色彩和谐、动静适宜。教学方法：自主探究式学习、任务驱动式教学。教学准备：具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入教学过程：1 引入老师打开静态网页和加有动态效果的网页，请学生感受它们的不同。学生观察、比较两张网页，指出它们的不同点。师生共同分析网页，引入新课的学习。2 新授任务1 滚动字幕的制作教师巡视，个别给予指导。学生完成任务后，展示作品，并演示操作。小结设置滚动字幕的关键点：

13、1文本的大小、字体、颜色等。2表现方式。3运动方向。4背景色的设置。任务2 交互式按钮的制作 教师巡视，个别给予指导。学生展示作品，演示操作，小结制作交互式按钮的关键点：1按钮文本的设置。2按钮的颜色、背景色以及效果等。3图片按钮。任务3 网页中插入一个Flash动画 教师巡视，个别给予指导。学生展示作品，演示操作，小结插入Flash动画的关键点：1Flash显示窗口的大小调整。2预览模式下才能看到Flash效果。3插入Flash后的网页保存。学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。3

14、 总结与评价（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。（2）归纳总结。学生对照“自我评价”表，进行过程性学习的评价。第3章第2节网站的制作 第3课时制作交交互网页教学目标：1知识目标：了解交互网页的概念，了解表单的功能及表单元件的使用方法，了解网上信息调查的设计方法。2技能目标：掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。3情感目标：让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用，了解珍稀动物保护知识。教学重、难点：1教学重点：（1）表单元件的正确插入。（2）表单元件的属性设置。2教学难点：表单元件的属性设置，根据实际需要正确

15、运用表单元件。教学准备：让学生明确本课的教学目标；提供给学生一个自学的平台；给学生一个自我评价的空间。教学方法：本节课的教学内容是表单网页的制作，通过一个“环保知识小测试”引入，让学生亲自体会表单网页以及表单网页带来的交互功能，从而引出本课的学习目标制作一个“环保知识调查”表单网页，根据这个总体目标，设置了三个基本任务和一个拓展任务。三个基本任务层次分明，任务1通过教师讲解、演示，学生操作，主要让学生掌握正确插入表单元件；任务2学生自主学习完成，主要让学生掌握表单元件的属性设置，突破本节课的第一个难点；任务3主要考察学生实际运用能力，突破本课的第二个难点。拓展任务主要帮助学生复习以前所学知识，

16、培养学生综合运用能力，以及对整个网页布局、配色等设计能力。对于表单的提交放在最后学生演示作品时讲解，因为在课堂上不可能实现表单的提交，只是让学生了解一下，让感兴趣的同学课后自己去学习。最后展示一些其它的表单网页，让学生了解表单网页的多种形式。教学过程：1引入 让学生完成一个珍稀动物保护知识小测试，反馈测试结果。使学生在实际应用中感受表单网页，了解珍稀动物保护知识。2新授（1）通过分析刚才的珍稀动物保护小测试来介绍表单元件。讲解简单表单的制作。布置任务1：完成简单的个人信息的表单制作。老师巡视并及时指出学生操作过程中的问题，学生完成任务1，并根据老师的提示修改自己网页中存在的问题。由于学生第一次

17、接触，所以采用教师讲解的方式，目的是让学生掌握表单元件的正确插入。（2）反馈任务1中比较普遍的问题。学生认真思考老师的提问，积极回答问题。布置任务2：在任务1的基础上完成个人信息调查的表单。学生完成任务2，熟悉表单元件的属性设置。老师让个别学生进行演示，给优秀学生一个展示自我的空间。（3）布置任务3，完成环保知识、个人爱好、网站意见和建议的表单制作。学生根据老师给的文字，使用正确的表单元件，完成整个表单网页的制作。老师演示学生作品，分析学生所运用的表单元件，讲解表单的提交。学生和老师一起分析作品，并积极回答老师的问题。设计意图：表单的插入不难，关键是如何正确地应用，在这儿给学生一个自我创作的空

18、间。让学生了解表单元件的运用不是唯一的，了解表单的提交方式。（4）布置拓展任务：修饰表单网页。学生完成拓展任务，老师展示学生作品，并做出评价。本部分让学生运用前面所学知识，充分发挥学生的想象力。3小结老师展示其它表单网页，总结本课知识，帮助学生进行回顾，并做出拓展和梳理。第3章第2节网站的制作 第4课时制作框架网页教学目标：1知识与技能：（1）理解框架的概念及用途。（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。（3）初步掌握将框架结构与表格布局结合使用来制作网页。2过程与方法：（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。（2）理解框架的

19、概念与组成，学会分析网站的结构。3情感态度与价值观：（1）通过以“人与动物”为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。教学重、难点：1重点：框架的概念、用途， 创建、编辑与保存框架网页的方法。2难点：框架的拆分。 教学方法：对比教学法、探究学习法、模仿学习法。教学准备： 整理、归类相关素材，并按要求摆放。教学过程:1.引入老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷

20、地制作这种网页？（学生答：使用复制粘贴快捷地制作）尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容框架网页制作，就能给我们带来更多便捷。（让学生明确框架网页使用的场合）2 新授（1）框架网页概念由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念（2）框架网页的新建与保存教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。任务1 创建“横幅和目录”结构的框架网页，新建top和left页面，并学会保存。框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每

21、个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。在top和left页面中，单击“保存”按钮，随即开始保存。此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。设计意图：培养学生自主学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。（3）相关页面的制作与设置框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。任务2 top和left页面的制

22、作。要求：1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。2 left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。3调整表格边框的粗细。4为main区域设置初始页面。（该网页由教师提供现成的） 学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。（4）框架网页属性的设置创建好框架网页后，可以根据实际需要改变框架的属性。任务3 调整框架的大小、设置框架的边框、设置框架窗口中

23、的滚动条等。提高任务：框架的拆分。学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。3 总结与评价老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。第3章第2节网站的制作 第5课时设置超链接教学目标：1知识与技能（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。（2）掌握网页内书签的作用

24、及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。（3）理解热区链接的含义及创建方法。2过程与方法（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。3情感态度与价值观（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。（2）完成超级链接，使学生感受成功的喜悦和快乐。教学重、难点：1教学重点：（1）超级链接的含义及链接源和链接目标的含义。（

25、2）超链接的制作方法给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。2教学难点（1）书签链接中名称及对应链接位置的设定。（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。教学方法与教学手段：任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。教学过程：引入展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题超级链接。提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？学生展开交流，通过对比找出不同点，并积极思考，回答老师的问

26、题。设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。2新授（1）站内超级链接引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：任务1 同一站点内不同页面之间的链接1制作首页（欢迎页）到表格页的超链接。2给表格页内交互式按钮设置超级链接，链接到相关页面。3给框架页内交互式按钮设置超级链接，链接到相关页面。教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？引导学生发现问题：超链接制

27、作完成后需要检验（保存后预览）。教师讲解，突破难点，再交由学生操作。以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？任务2 同一站点内同一页面内的跳转（链接）：在“动物趣闻”页面内制作书签链接。教师讲解：由生活中的书签引入，介绍“书签链接”的概念，然后再演示如何操作。提示：书签链接的双向性问题（返回）。学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。（2）站间超级链接仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。任务3 借助热区链接，为“友情

28、链接”页面制作超链接，链接我国一些自然保护区网站。有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。3总结与评价开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。第3章第3节网站的发布与评价教学目标知识与技能：1、掌握站点发布的基本方法。2、学会欣赏及评价他人的网站。过程与方法：通过创设的情境，体验发布站点成功的愉悦，通过自评和互评，掌握如何进行网站的评价。情感态度价值观：能够客观、公正地评价同伴的网站，学会欣赏他人的作品，并友善地帮助他人进步。教学重点：能在局域网上发布站点掌握网页作品评价的方法。教学难点：掌握网站评价的方法。教学过程教学内容教师活动学生活动一、回顾与导入1、通过6节课的学习，同学们已经学会了制作简单的主题网站，请同学们回忆下我们制作主题网站经历了哪些过程？畅所欲言，回答问题。