下学期八年级信息技术第三章备课.docx

下学期八年级信息技术第三章备课.docx

《下学期八年级信息技术第三章备课.docx》由会员分享，可在线阅读，更多相关《下学期八年级信息技术第三章备课.docx（28页珍藏版）》请在冰豆网上搜索。

下学期八年级信息技术第三章备课

2020-2021苏科版八年级下学期

信息技术教学设计

贾汪区紫庄中学

第3章设计与制作主题网站

第1节设计主题网站（第1课时）

教学目标

知识与技能：

1.了解网站设计的几个阶段，了解网站规划的几个要点；

2.通过欣赏优秀网站，了解网站设计包括页面内容的设计和内容表现形式的设计；

3.通过浏览、欣赏、对比优秀主题网站的内容、结构、风格，使学生掌握网站规划的要点，初步确定自己网站的主题及设计方案。

过程与方法：

通过欣赏、讨论、对比优秀网站的过程让学生感受到网站规划的要点，通过设计自己的主题方案，培养学生整体设计、规划网站的能力；通过搜索信息，进一步提高学生加工与管理素材的能力。

情感、态度与价值观：

1.了解网站设计的重要性；

2.进一步提高学生加工与管理素材的能力

教学重点和难点

重点：

掌握网站规划的要点，确定网站主题，勾画网站设计方案

难点：

超文本标识（HTML）语言的概念，网站设计方案的确定

教具和教学手段

教具：

多媒体网络教室

教学手段：

演示法、讨论法、对比法

教学过程

1.创设情境，导入新课：

本节课我们来探讨下如何规划一个网站

2.讲授新课：

网站设计首先要明确网站设计的目的，知晓展示的内容，清楚信息发布的方式。

本节课我们来探讨下如何规划一个网站。

网站的建设要经历整体规划、收集资料、制作、编辑调试和网站发布与维护几个阶段

⑴确定主题并规划网站：

欣赏优秀的网站“保护珍稀动物”网站，了解优秀网站的主要内容和设计特点，体会下规划网站的要点：

①明确建设网站的目的

②进行可行性分析：

网站建设需要花费多少时间、精力、人力，性价比是否合理

③网站的内容设计：

根据网站建设的目的，分析浏览者的需求，确定网站的内容

④网站的表现形式设计：

有了好的内容，还要有好的表现形式，这就是网页本身的设计，例如设计网站的标识、注重网站的图文排版等。

学生活动2：

以个人或小组为单位设计一个网站的主题，并围绕主题讨论网站的组成及个页面需要反应的内容（以“保护珍惜动物”为例讲解注意点）

师：

评价各小组的主题与内容，给予适当的指导

解网页的实质--超文本标识（HTML）语言

师：

打开任何的一个网页，点击“查看”菜单中的“源文件”命令，你们都会发现网页其实是由一个文本文档构成的，只不过这个文本文档有点特殊，它是由HTML语言构成的，提供一个用HTML语言编写的网页让学生阅读并模仿（first.htm）

HTML语言的注意点：

{网页设计开始}

头部信息

文档主体，正文部分——首页——多彩的生物，人与动物，动物保护知多少，走进动物世界

{网页设计结束}

生：

阅读并模仿老师给的网页，尝试进行一定的修改

师：

适当的点评

3.课堂小结：

本节课我们一起了解了网站规划的几个要点，初步确定了自己网站的主题和设计方案，了解了网页的实质--超文本标识（HTML）语言，下节课我们开始一起制作网站。

第3章设计与制作主题网站

第1节设计主题网站（第2课时）

教案背景:

面向学生：

八年级学科：

信息技术

课时：

1

课前准备

全班每5人分成一组。

教学课题：

科教版初中下册第3章第1节

（2）收集与处理素材

教材分析：

教学内容：

本节是主体网站设计的第二课时，素材的收集。

主要内容分成三个部分：

1、互联网搜索方法。

2、素材收集。

3、分享素材。

第一部分主要对学生搜索使用的一次回顾。

第二部分学生按照课堂任务在互联网上收集素材。

最后小组合成素材上交到教师机，全班分享、评价。

教学重点：

素材的收集

教学难点：

收集到合适的素材

教学方法：

教师引导为主，小组合作为主；采用任务驱动法；演示法。

教学过程：

一、通过“动物—人类的朋友”导入课题。

同学们，人们总说“动物是人类的朋友”，让我们来看看互联网上是怎么说的，教师通过XX搜索“动物—人类的朋友”向学生展示有关图文，呼吁爱护动物，保护生态环境。

今天我们大家一起来在互联网上收集关于动物是人类朋友的资料。

二、再现XX（复习XX搜索的使用）

XX是一个综合性很强的互联网搜索引擎

1、关键字的运用。

关键字就是在使用搜索引擎时输入的、能够最大程度概括用户所要查找的信息内容的字或者词。

教师提问：

要查找关于老虎的生活习性采用什么关键字？

“老虎的习性”“老虎习性”“老虎的生活习性”等。

教师演示：

查找关于“老虎的生活习性”的文字材料，并保存。

1、图片或者视频的查找。

XX搜索时选择图片或者视频分类就可以直接查找图片或者视频。

教师演示查找“动物”的图片，并保存。

2、总结素材的保存。

文字：

采用复制——粘贴法。

图片：

选择图片另存为。

三、任务分解

1、分工收集素材（收集到的素材注明出处）

A）首页（展示网站宗旨和公益广告）;

B）多彩的生物（介绍一些动物的生活习性）;

C）人与动物（介绍人和动物息息相关的内容）;

D）动物保护知多少（保护动物的常识）

E）走进动物世界（更多的有关人与动物的网站）;

每组中5个成员，各自完成一项收集任务。

2、学生收集，教师辅导。

小组整合素材，上传到教师机保存素材。

3、素材分享。

展示学生收集的素材，学生自我评价；教师点评。

总结：

素材搜集的途径有多种形式，利用互联网搜索能快速收集到需要的各类素材，要想素材能更贴切网站主题，我们还需要对收集到的素材进行编辑，下一节我们继续学习素材的处理。

教学反思：

利用互联网搜索素材，对学生的操作能力要求比较高，尤其是各类素材的下载保存问题，这里教师可以提供学习资料或者下载学案；素材引用牵涉到知识产权问题，这点上不容忽视，特别强调引用出处。

第3章第2节制作网站第1课时

教学目标

1．知识与技能:

（1）掌握网站制作的基本过程；能利用表格、框架、等技术来布局网页的结构，认识Dreamweaver窗口的组成，能够熟练运用Dreamweaver打开和保存网页文件。

（2）学会在Dreamweaver中建立站点。

（3）学会利用表格的相关操作布局网页。

（4）掌握插入文本、图片等对象的方法，并能根据需要设置属性。

（5）学会在ih5平台设计网页H5快速制作网页

2．过程与方法:

通过亲历建立网站、布局网页和插入对象的操作过程，在不断尝试中理解和学习基本知识。

3．情感态度与价值观:

（1）引导学生在学习新软件时与已有知识经验相类比，养成勤于总结的习惯，体会学习要讲究方法。

（2）通过制作主题网站，在创建站点和制作首页的过程中，树立人与动物和谐相处，珍爱、善待和保护动物的观念，同时在不断完成任务的过程中体验成功的喜悦。

4．行为与创新:

在制作首页的过程中，学会科学运用各种元素并进行合理布局，个性化地表达思想和情感。

■课时安排

安排1课时

■教学重点与难点

1．教学重点

（1）创建站点并理解各参数选项的设置。

（2）利用表格的相关操作布局网页。

（3）插入文本图片等对象以及属性的设置。

2．教学难点

灵活运用表格的相关操作合理布局网页。

⏹教学方法与手段

知识迁移、类比教学、自主学习、小组合作、讲授法

■课前准备

极域多媒体广播软件、教学课件、学件、素材资源

教学过程：

教学环节

教师活动

学生活动

设计意图

导入

课题

播放保护动物公益宣传片。

试想一下：

假如动物有机会和人类面对面交流，动物会对人类表达什么愿望呢？

根据学生回答，适当引导，引出课题：

野生动物的呼唤（板书）

观看视频，并思考回答教师的提问。

使学生尽快进入学习状态，活跃课堂气氛，明课本课学习内容。

新

授

新

授

一、概念与软件

1、基本概念

网站、网页、首页（学生阅读学件回答问题）

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中完成表格的绘制。

（两人小组）

反馈任务二完成情况（根据情况由学生演示或举手示意）

3、插入对象。

布置任务三：

插入各对象（学生阅读学件自主完成）（两人小组）

4、任务延伸（美化个性化页面）

（1）设置表格背景。

（2）设置网页背景。

（3）在适当的位置插入flash动画。

5、保存预览网页

四、学习反馈

展示学生作品，让学生自评和互评，教师再根据情况点评。

实践学习

（1）进入ih5在线制作并登录,单击“创作作品”或“编辑作

品”,进入“在线编辑窗口”。

（2）单击菜单栏的“保存”按钮,弹出“保存信息”对话

框,输入作品标题及作品介绍,单击“确定”按钮保存作品。

（3）选择“对象树”中舞台对象,右击选择“添加→页

面”,在舞台对象下方增加一个或多个页面对象,对页面进行编

辑,如设置背景颜色等。

（4）页面文本编辑。

单击“工具面板”中的“文本”工具

学生自主学习回答问题，理解有关概念。

思考并明确本课要用的软件。

观察识记Dreamweaver的特点。

学生识记

学生听讲、理解、识记

学生自主加合作完成站点的创建。

识记首页组成要素并能与实际网页对号入座。

学生观察思考并回答。

学生听讲并理解页面中所隐含的表格结构，再按要求画出网页所对应的表格布局。

学生听讲并识记有关操作注意事项。

完成任务二

学生自主加合作完成任务三。

学有余力的学生自主学习完成延伸任务。

观看、思考、评价

学生操作添加文本框到舞台编辑区的合适位置,在文本“编辑”框内输入文

字,如:

欢迎你进入动物—人类的朋友网站。

单击该文本框,左

边会出现“文本1”属性面板,可对文字进行大小、字体、字形、

颜色等属性修改。

用同样方法,添加“文本2”,输入文字介绍并

通过自主学习让学生理解几个关键词的含义。

通过欣赏提问引出本课所用的软件。

教师讲解与学生观察相结合使学生认识Dreamweaver。

帮助学生先形成总体认知。

适当的讲解有助于学生理解站点的创建。

学生通过自主合作能完成的操作让学生自己做。

使学生初步感知首页的组成要素及表现形式。

通过对比让学生感受表格布局的作用，并体会如何用表格实现页面布局。

运用对比法让学生联系旧知，加快对新知的吸收掌握。

绘制表格，完成页面布局。

培养学生运用学习资源自主学习的能力以及遇到问题合作解决问题的能力。

满足不同层次的学生需求。

反思与借鉴

小结

1、请学生谈收获。

（提示：

知道了什么，学会了什么）

2、教师寄语：

技术固然重要，创意更珍贵，精美的网站来自于内容与形式的完美统一。

回顾总结所学内容。

总结本课学习内容。

第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效果。

○3插入Flash后的网页保存。

学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。

培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。

3．总结与评价

（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。

（2）归纳总结。

学生对照“自我评价”表，进行过程性学习的评价。

实践学习

1、启动

Dreamweaver,

执行“站点、S”菜单中的“新建站点

△N”命

令,打开如图3-21所示的对

框

框里输入站点

名,如dongwu,

单击“下

sa在站点名字文本

步N”按钮,如图3-2-12所示;选择“否”,单击“下一步

N”按钮;当弹出文件存储位置对话框时,输入站点文件存储路

径,如d:

\dongwu;当询问“您如何连接到远程服务器?

”时,选

择“无”,并单击“下一步”按钮。

……

第3章第2节网站的制作第3课时

制作交互网页

教学目标：

　　1．知识目标：

了解交互网页的概念，了解表单的功能及表单元件的使用方法，了解网上信息调查的设计方法。

　　2．技能目标：

掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。

　　3．情感目标：

让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用，了解珍稀动物保护知识。

教学重、难点：

　　1．教学重点：

（1）表单元件的正确插入。

（2）表单元件的属性设置。

　　2．教学难点：

　　表单元件的属性设置，根据实际需要正确运用表单元件。

教学准备：

让学生明确本课的教学目标；提供给学生一个自学的平台；给学生一个自我评价的空间。

教学方法：

　　本节课的教学内容是表单网页的制作，通过一个“环保知识小测试”引入，让学生亲自体会表单网页以及表单网页带来的交互功能，从而引出本课的学习目标——制作一个“环保知识调查”表单网页，根据这个总体目标，设置了三个基本任务和一个拓展任务。

三个基本任务层次分明，任务1通过教师讲解、演示，学生操作，主要让学生掌握正确插入表单元件；任务2学生自主学习完成，主要让学生掌握表单元件的属性设置，突破本节课的第一个难点；任务3主要考察学生实际运用能力，突破本课的第二个难点。

拓展任务主要帮助学生复习以前所学知识，培养学生综合运用能力，以及对整个网页布局、配色等设计能力。

对于表单的提交放在最后学生演示作品时讲解，因为在课堂上不可能实现表单的提交，只是让学生了解一下，让感兴趣的同学课后自己去学习。

最后展示一些其它的表单网页，让学生了解表单网页的多种形式。

教学过程：

1．引入

让学生完成一个珍稀动物保护知识小测试，反馈测试结果。

使学生在实际应用中感受表单网页，了解珍稀动物保护知识。

2．新授

（1）通过分析刚才的珍稀动物保护小测试来介绍表单元件。

讲解简单表单的制作。

布置任务1：

完成简单的个人信息的表单制作。

老师巡视并及时指出学生操作过程中的问题，学生完成任务1，并根据老师的提示修改自己网页中存在的问题。

由于学生第一次接触，所以采用教师讲解的方式，目的是让学生掌握表单元件的正确插入。

（2）反馈任务1中比较普遍的问题。

学生认真思考老师的提问，积极回答问题。

布置任务2：

在任务1的基础上完成个人信息调查的表单。

学生完成任务2，熟悉表单元件的属性设置。

老师让个别学生进行演示，给优秀学生一个展示自我的空间。

（3）布置任务3，完成环保知识、个人爱好、网站意见和建议的表单制作。

学生根据老师给的文字，使用正确的表单元件，完成整个表单网页的制作。

老师演示学生作品，分析学生所运用的表单元件，讲解表单的提交。

学生和老师一起分析作品，并积极回答老师的问题。

设计意图：

表单的插入不难，关键是如何正确地应用，在这儿给学生一个自我创作的空间。

让学生了解表单元件的运用不是唯一的，了解表单的提交方式。

（4）布置拓展任务：

修饰表单网页。

学生完成拓展任务，老师展示学生作品，并做出评价。

本部分让学生运用前面所学知识，充分发挥学生的想象力。

3．小结

老师展示其它表单网页，总结本课知识，帮助学生进行回顾，并做出拓展和梳理。

第3章第2节网站的制作第4课时

应用表格布局网页

教学目标：

　　1．知识与技能：

（1）理解框架的概念及用途。

（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

　　（3）初步掌握将框架结构与表格布局结合使用来制作网页。

　　2．过程与方法：

（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。

（2）理解框架的概念与组成，学会分析网站的结构。

　　3．情感态度与价值观：

（1）通过以“人与动物”为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。

（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

教学重、难点：

　　1．重点：

框架的概念、用途，创建、编辑与保存框架网页的方法。

　　2．难点：

框架的拆分。

教学方法：

　　对比教学法、探究学习法、模仿学习法。

教学准备：

整理、归类相关素材，并按要求摆放。

教学过程:

1.引入

　　老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：

网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？

（学生答：

使用复制粘贴快捷地制作）

　　尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？

相同的区域我们能否只做一遍呢？

今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。

（让学生明确框架网页使用的场合）

2．新授

（1）框架网页概念

由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念

（2）框架网页的新建与保存

教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。

任务1创建“横幅和目录”结构的框架网页，新建top和left页面，并学会保存。

　　框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。

在top和left页面中，单击“保存”按钮，随即开始保存。

　　此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。

　　学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

设计意图：

培养学生自主学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。

（3）相关页面的制作与设置

　　框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。

任务2top和left页面的制作。

要求：

○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。

○2left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。

○3调整表格边框的粗细。

○4为main区域设置初始页面。

（该网页由教师提供现成的）

学生制作相关页面，同时也是对前面所学内容的复习和回顾。

老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。

（4）框架网页属性的设置

创建好框架网页后，可以根据实际需要改变框架的属性。

任务3调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。

提高任务：

框架的拆分。

　　学生自主探究学习，可向老师寻求帮助。

完成设置后请同学示范操作，并说明自己设置的方法和原因。

操作基础扎实的同学完成任务后可进行扩展学习。

3．总结与评价

　　老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

设计意图：

开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。

第3章第2节网站的制作第5课时

设置超链接

教学目标：

　　1．知识与技能

（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

　　（3）理解热区链接的含义及创建方法。

　　2．过程与方法

（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

　　（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3．情感态度与价值观

（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

（2）完成超级链接，使学生感受成功的喜悦和快乐。

教学重、难点：

　　1．教学重点：

（1）超级链接的含义及链接源和链接目标的含义。

（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2．教学难点

（1）书签链接中名称及对应链接位置的设定。

（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

教学方法与教学手段：

　　任务驱动法、讨论探究法、讲解与