初中八年级下册信息技术教案苏教版.docx

初中八年级下册信息技术教案苏教版.docx

《初中八年级下册信息技术教案苏教版.docx》由会员分享，可在线阅读，更多相关《初中八年级下册信息技术教案苏教版.docx（22页珍藏版）》请在冰豆网上搜索。

初中八年级下册信息技术教案苏教版

第十一单元设计主题网站

网站规划（2课时）

教学目标

知识与技能：

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

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

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

过程与方法：

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

情感、态度与价值观：

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

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

教学重点和难点

重点：

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

难点：

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

教具和教学手段

教具：

多媒体网络教室

教学手段：

演示法、讨论法、对比法

教学过程

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

师：

刚刚得知我们学校李康同学在“扬州市第五届中学生网页比赛”中获得一等奖，大家想不想欣赏下本届比赛的优秀网页呢？

学生活动：

欣赏比赛的优秀网页，考虑下这些网页有什么特色？

师：

身为中学生的我们，想不想自己也制作个优秀的网页呢？

从这节课开始我们就一起来学习有关网页制作的内容。

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

2.讲授新课：

⑴明确主题，规划网站：

学生活动1：

完成教材P207的探究学习，了解优秀网站的主要内容和设计特点，体会下规划网站的要点：

①明确建设网站的目的

②进行可行性分析：

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

③网站的内容设计：

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

④网站的表现形式设计：

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

学生活动2：

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

师：

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

⑵收集素材：

师生：

一起学习教材P208的“讨论学习”，注意收集到的素材的保存方法

学生活动：

完成教材P209的“探究过程”

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

师：

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

HTML语言的注意点：

{网页设计开始}

头部信息

文档主体，正文部分

{网页设计结束}

生：

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

师：

适当的点评

3.课堂小结：

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

站点创建与首页制作（2课时）

教学目标：

　　1．知识与技能

（1）认识FrontPage软件窗口结构，比较与Word窗口的相同与不同点。

（2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。

　　（3）掌握简单网页的新建方法，能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐等

　　（4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。

　　2．过程与方法

（1）通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效。

（2）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。

　　3．情感态度与价值观

（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生学习信息技术的信心。

（2）通过网站创建和首页设计，掌握对象属性的设置方法，初步体验成功的快乐。

　　（3）通过创建“动物—人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的理念。

教学重、难点：

　　1．教学重点

（1）认识FrontPage2003窗口结构及主要菜单的功能。

（2）掌握建立、删除网站的基本方法，网站的管理作用。

（3）掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。

（4）掌握设置网页属性的一般方法。

　　2．教学难点

（1）站点的作用和存储路径。

（2）网页的保存。

教学方法：

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

教学准备：

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

教学过程：

1．引入

教师活动：

以学生上网、浏览网页为切入口，提出问题。

　　同学们非常喜欢上网，大家一般都登录哪些网站呢？

（以此提问网站、网页和首页。

）同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息，是否想过自己制作网页供别人去浏览呢？

如今网页制作的软件有很多，如：

Dreamweaver、FrontPage、东方网页王等。

今天我们就来学习如何使用FrontPage来制作网页。

学生活动：

思考回答问题，明白以下几点。

（1）网站包含多个网页，通过超级链接可以把不同的页面链接起来。

（2）网站的第一个页面称为主页，主页的文件名一般为index.htm或者default.htm，主页也是网页。

设计意图：

由学生已掌握的知识入手，自然过渡，激发兴趣，活跃气氛。

2．新授

（1）FrontPage启动与窗口的组成（与Office中的其他软件作比较，如Word，比较有什么不同点？

）

○16种视图模式：

“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”，通过切换视图模式，可以有针对性地查看站点内容或网站结构。

○2编辑区的4种工作模式：

设计、拆分、代码和预览。

学生打开软件，仔细观察，类比学习，同时翻看教材，了解新知识。

设计意图：

传授软件学习的方法——类比法、知识迁移。

（2）站点的建立

　　由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。

任务1在D盘下建立一个站点，站点名称：

自己学号加姓名。

○1指导学生对照书本进行学习（限时）。

学生明确教师要求后，阅读教材，开展对照着教材的自学活动。

○2学生操作期间教师巡视课堂，做个别辅导。

○3针对学生中普遍存在的问题，教师可做详细讲解。

○4对学生自学后的完成情况做简单评价（如：

学生举手反馈完成与否）与总结。

学生交流自学后的操作情况，可安排学生演示操作。

深入一问：

在文件夹列表中看到了什么？

分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。

设计意图：

传授软件学习的方法——对照教材，操作步骤自学法。

（3）设计首页

引导学生分析一般首页组成情况，提出课堂制作要求。

学生构思自己网站首页中各对象的布局，可跳出教材中各对象的具体摆放要求，但要求出现元素不得缺少。

任务2新建首页，要求首页中有如下对象：

○1网站的标题与图片徽标。

○2网站的宗旨（文字介绍）。

○3水平线（起分隔作用）。

○4链接到下一页的标记（可为文字，也可为图片）。

以上内容可以类比Word中对象的插入方法来进行。

学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线等。

设计意图：

在完成基本任务的前提下，鼓励学生创新；类比学习法、知识迁移学习法。

（4）编辑与预览主页

提出具体编辑要求，引导学生设置相关对象的属性。

任务3编辑主页

○1设置网站标题文字为36磅（7级）字。

○2设置水平线粗细为5磅。

○3设置首页标题为：

欢迎您来到……。

○4选择一张淡雅图片，将其设置为首页背景图片。

○5为首页加上背景音乐。

学生示范，讲解如何设置文字、图片、水平线以及网页属性等。

教师强调：

○1必须切换到“普通”窗口下编辑。

○2网页背景图片的效果与要求。

○3预览网页（分辨率）。

（5）保存网页

难点由教师深入讲解。

学生认真听讲，按要求保存自己的网页。

３．总结与评价

（１）引导学生进行总结，提问本节课的重点知识，反馈学生相关知识的掌握情况。

（２）教师与学生共同评价

同学间相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。

学生总结，并继续完成自己的主页，完成的同学做老师的小助手，辅导需要帮助的同学。

设计意图：

加强总结反馈，鼓励学生互帮互助。

表格布局网页（2课时）

教学目标：

　　1．知识与技能

（1）了解网页设计中表格的作用。

（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。

　　（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。

　　2．过程与方法

（1）掌握软件学习中的对比学习法，培养学生迁移学习的能力。

（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。

　　（3）通过自主探究，使学生掌握软件的使用规则，由摸索、探究性学习到形成性学习，培养学生学会学习，驾御学习的能力。

　　3．情感态度与价值观

（1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生自主学习信息技术的能力。

（2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步掌握各种不同对象的属性设置方法和规律，体验创造的快乐。

　　（3）通过“动物——人类的朋友”表格页的设计与制作，再次激发学生关爱动物、保护动物的责任感，从而进一步树立共同改善人类生存环境的意识。

教学重点、难点：

1．教学重点：

（1）了解表格在网页设计中的重要作用和功能。

（2）掌握插入、编辑表格的方法及表格的属性设置方法。

（3）掌握单元格的修饰与属性设置。

2．教学难点：

表格的嵌套设计在网页设计中的应用。

教学方法：

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

教学准备：

各自制作的站点文件夹，整理、归类相关素材并按要求摆放。

教学过程：

1．复习

以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入，学生认真回顾，回答教师提问。

为本节课教学做一定铺垫。

2．引入

（1）观看两个页面并进行比较：

一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。

你更喜欢怎样的页面布局？

提出问题：

有什么办法可以达到第一个页面的效果？

（2）观察第三个页面，内容与第一个页面相同，显现页面的表格边框。

学生讨论，交流，回顾Word中学习过的表格，明白表格在FrontPage中的作用。

3．新授

（1）分析表格结构

展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材中的例子（biaoge.htm），分析结构，得出表格的布局（如表格有几行几列，哪些行做了哪些处理）。

任务1规划网页表格布局

　　分层完成该任务，基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的同学可以跳出课本，自行设计表格网页布局，并将自己的表格设计绘制在书本上。

学生可根据自己的实际情况选择任务难度，并动手分析与创意设计。

建议：

使用多个非嵌套的表格来布局。

设计意图：

分层教学，培养学生模仿以及创新能力。

（2）完成表格布局

　　FrontPage中表格的插入和编辑与Word中的表格操作类似，教师无需讲解，引导学生进行知识迁移。

任务2新建一个页面，用表格布局该网页，并在该网页中放入相应内容

○1打开站点，新建网页，以“biaoge.htm”为文件名保存。

○2按前面分析的要求插入一个表格。

○3调整表格结构（主要是行列的插入、删除，单元格的合并、拆分、调整大小等）。

　　老师可安排操作熟练的同学进行演示。

（3）充实网页页面内容

任务3在表格中插入图片、输入文字

建议：

插入图片对象前，对图片做一定处理，例如选择风格统一的图片，调整图片大小至同一尺寸等。

注意图片的保存。

（4）调整表格属性，美化页面

预览制作的网页，修饰网页，让网页看起来更美观。

任务4表格属性以及单元格属性的设置

○1表格属性的设置，如去除网格线、设置表格背景色等。

○2使用不同的颜色区分各板块，设置单元格属性。

强调：

学会利用右击后弹出的快捷菜单中的命令。

学生根据自己的实际情况选择任务难度，可按教师具体要求修饰、调整表格，也可根据自己的意图修饰、调整表格。

（表格边框的调整都需掌握）

设计意图：

完成必须要求掌握的知识同时，给学生一定的自主空间，鼓励他们去创新，而非一成不变的生硬模仿。

（5）表格的嵌套

有时为了制作出更加美观的网页，我们可以使用表格的嵌套来实现。

任务5加入横向目录导航条，尝试使用表格嵌套的方法解决问题。

学生动手制作网页。

4．总结与评价

　　本节课我们学习了在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法。

请同学回答几个问题、并演示几个基本操作。

展示表格页面制作完成的优秀作品，表扬完成任务的同学，对未完成的同学给予激励，鼓励他们利用课余时间继续完成。

学生回答问题：

（1）表格在FrontPage中起到了的作用：

定位对象。

（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）归纳总结。

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

设计具有交互功能的网页（2课时）

教学目标：

　　1．知识目标：

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

　　2．技能目标：

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

　　3．情感目标：

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

教学重、难点：

　　1．教学重点：

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

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

　　2．教学难点：

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

教学准备：

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

教学方法：

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

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

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

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

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

教学过程：

1．引入

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

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

2．新授

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

讲解简单表单的制作。

布置任务1：

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

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

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

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

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

布置任务2：

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

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

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

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

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

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

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

设计意图：

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

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

（4）布置拓展任务：

修饰表单网页。

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

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

3．小结

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

框架网页制作（2课时）

教学目标：

　　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邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

设计意图：

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

网页超链接的制作（2课时）

教学目标：

　　1．知识与技能

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