八年级信息技术上册教学设计电子版.docx
《八年级信息技术上册教学设计电子版.docx》由会员分享，可在线阅读，更多相关《八年级信息技术上册教学设计电子版.docx（42页珍藏版）》请在冰豆网上搜索。
八年级信息技术上册教学设计电子版
科目
信息
课题
站点创建与首页制作
授课教师
郭雪阳
教
学
目
标
（1）认识FrontPage软件窗口结构，比较与Word窗口的相同与不同点。
（2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。
（3）掌握简单网页的新建方法，能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐等
（4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。
教学重点
（1）认识FrontPage2003窗口结构及主要菜单的功能。
（2）掌握建立、删除网站的基本方法，网站的管理作用。
（3）掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。
（4）掌握设置网页属性的一般方法。
教学难点
（1）站点的作用和存储路径。
（2）网页的保存。
课前准备
本课题教学共2课时
本节教学为第课时
教
学
流
程
1．引入
教师活动：
以学生上网、浏览网页为切入口，提出问题。
同学们非常喜欢上网，大家一般都登录哪些网站呢？
（以此提问网站、网页和首页。
）同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息，是否想过自己制作网页供别人去浏览呢？
如今网页制作的软件有很多，如：
Dreamweaver、FrontPage、东方网页王等。
今天我们就来学习如何使用FrontPage来制作网页。
学生活动：
思考回答问题，明白以下几点。
（1）网站包含多个网页，通过超级链接可以把不同的页面链接起来。
（2）网站的第一个页面称为主页，主页的文件名一般为index.htm或者default.htm，主页也是网页。
设计意图：
由学生已掌握的知识入手，自然过渡，激发兴趣，活跃气氛。
2．新授
（1）FrontPage启动与窗口的组成（与Office中的其他软件作比较，如Word，比较有什么不同点？
）
6种视图模式：
“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”，通过切换视图模式，可以有针对性地查看站点内容或网站结构。
编辑区的4种工作模式：
设计、拆分、代码和预览。
学生打开软件，仔细观察，类比学习，同时翻看教材，了解新知识。
设计意图：
传授软件学习的方法——类比法、知识迁移。
（2）站点的建立
由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。
任务1在D盘下建立一个站点，站点名称：
自己学号加姓名。
指导学生对照书本进行学习（限时）。
学生明确教师要求后，阅读教材，开展对照着教材的自学活动。
学生操作期间教师巡视课堂，做个别辅导。
针对学生中普遍存在的问题，教师可做详细讲解。
对学生自学后的完成情况做简单评价（如：
学生举手反馈完成与否）与总结。
学生交流自学后的操作情况，可安排学生演示操作。
深入一问：
在文件夹列表中看到了什么？
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。
设计意图：
传授软件学习的方法——对照教材，操作步骤自学法。
（3）设计首页
引导学生分析一般首页组成情况，提出课堂制作要求。
学生构思自己网站首页中各对象的布局，可跳出教材中各对象的具体摆放要求，但要求出现元素不得缺少。
任务2新建首页，要求首页中有如下对象：
网站的标题与图片徽标。
网站的宗旨（文字介绍）。
水平线（起分隔作用）。
链接到下一页的标记（可为文字，也可为图片）。
以上内容可以类比Word中对象的插入方法来进行。
学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线等。
设计意图：
在完成基本任务的前提下，鼓励学生创新；类比学习法、知识迁移学习法。
（4）编辑与预览主页
提出具体编辑要求，引导学生设置相关对象的属性。
任务3编辑主页
设置网站标题文字为36磅（7级）字。
设置水平线粗细为5磅。
设置首页标题为：
欢迎您来到……。
选择一张淡雅图片，将其设置为首页背景图片。
为首页加上背景音乐。
学生示范，讲解如何设置文字、图片、水平线以及网页属性等。
教师强调：
必须切换到“普通”窗口下编辑。
网页背景图片的效果与要求。
预览网页（分辨率）。
（5）保存网页
难点由教师深入讲解。
学生认真听讲，按要求保存自己的网页。
３．总结与评价
（１）引导学生进行总结，提问本节课的重点知识，反馈学生相关知识的掌握情况。
（２）教师与学生共同评价
同学间相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。
学生总结，并继续完成自己的主页，完成的同学做老师的小助手，辅导需要帮助的同学。
设计意图：
加强总结反馈，鼓励学生互帮互助。
板
书
设
计
课
后
反
思
科目
信息
课题
制作网站——表格布局网页
授课教师
郭雪阳
教
学
目
标
（1）了解网页设计中表格的作用。
（2）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，能够在单元格中正确插入文字和图片。
（3）能够根据网页设计内容，正确布局表格的结构，掌握表格嵌套的设计方法。
教学重点
（1）了解表格在网页设计中的重要作用和功能。
（2）掌握插入、编辑表格的方法及表格的属性设置方法。
（3）掌握单元格的修饰与属性设置。
教学难点
表格的嵌套设计在网页设计中的应用。
课前准备
本课题教学共2课时
本节教学为第课时
教
学
流
程
1．复习
以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、图像等对象的插入，学生认真回顾，回答教师提问。
为本节课教学做一定铺垫。
2．引入
（1）观看两个页面并进行比较：
一个使用表格布局，但表格边框隐藏（看不出表格痕迹），其页面工整，文本、图片摆放对称，具有一定规律；另一个页面凌乱，图文混杂，摆放杂乱。
你更喜欢怎样的页面布局？
提出问题：
有什么办法可以达到第一个页面的效果？
（2）观察第三个页面，内容与第一个页面相同，显现页面的表格边框。
学生讨论，交流，回顾Word中学习过的表格，明白表格在FrontPage中的作用。
3．新授
（1）分析表格结构
展示一些由表格布局的网页，引导学生分析其表格结构，自然过渡到教材中的例子（biaoge.htm），分析结构，得出表格的布局（如表格有几行几列，哪些行做了哪些处理）。
任务1规划网页表格布局
分层完成该任务，基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局，知道规则，根据表格的行数与列数，调整至最终样式；基础扎实、操作能力较强的同学可以跳出课本，自行设计表格网页布局，并将自己的表格设计绘制在书本上。
学生可根据自己的实际情况选择任务难度，并动手分析与创意设计。
建议：
使用多个非嵌套的表格来布局。
设计意图：
分层教学，培养学生模仿以及创新能力。
（2）完成表格布局
FrontPage中表格的插入和编辑与Word中的表格操作类似，教师无需讲解，引导学生进行知识迁移。
任务2新建一个页面，用表格布局该网页，并在该网页中放入相应内容
打开站点，新建网页，以“biaoge.htm”为文件名保存。
按前面分析的要求插入一个表格。
调整表格结构（主要是行列的插入、删除，单元格的合并、拆分、调整大小等）。
老师可安排操作熟练的同学进行演示。
（3）充实网页页面内容
任务3在表格中插入图片、输入文字
建议：
插入图片对象前，对图片做一定处理，例如选择风格统一的图片，调整图片大小至同一尺寸等。
注意图片的保存。
（4）调整表格属性，美化页面
预览制作的网页，修饰网页，让网页看起来更美观。
任务4表格属性以及单元格属性的设置
表格属性的设置，如去除网格线、设置表格背景色等。
使用不同的颜色区分各板块，设置单元格属性。
强调：
学会利用右击后弹出的快捷菜单中的命令。
学生根据自己的实际情况选择任务难度，可按教师具体要求修饰、调整表格，也可根据自己的意图修饰、调整表格。
（表格边框的调整都需掌握）
设计意图：
完成必须要求掌握的知识同时，给学生一定的自主空间，鼓励他们去创新，而非一成不变的生硬模仿。
（5）表格的嵌套
有时为了制作出更加美观的网页，我们可以使用表格的嵌套来实现。
任务5加入横向目录导航条，尝试使用表格嵌套的方法解决问题。
学生动手制作网页。
4．总结与评价
本节课我们学习了在FrontPage中插入表格、编辑表格以及表格嵌套的基本方法。
请同学回答几个问题、并演示几个基本操作。
展示表格页面制作完成的优秀作品，表扬完成任务的同学，对未完成的同学给予激励，鼓励他们利用课余时间继续完成。
学生回答问题：
（1）表格在FrontPage中起到了的作用：
定位对象。
（2）表格编辑的基本操作。
关注课堂学生操作达成率。
板
书
设
计
课
后
反
思
科目
信息
课题
网页中动态效果的制作
授课教师
郭雪阳
教
学
目
标
（1）理解动态网页与网页动态效果的区别。
（2）掌握网页动态效果的制作。
教学重点
滚动字幕、交互式按钮等动态效果的制作
教学难点
各种效果对象的属性设置
课前准备
本课题教学共1课时
本节教学为第课时
教
学
流
程
1．引入
老师打开静态网页和加有动态效果的网页，请学生感受它们的不同。
学生观察、比较两张网页，指出它们的不同点。
师生共同分析网页，引入新课的学习。
2．新授
任务1滚动字幕的制作
教师巡视，个别给予指导。
学生完成任务后，展示作品，并演示操作。
小结设置滚动字幕的关键点：
文本的大小、字体、颜色等。
表现方式。
运动方向。
背景色的设置。
任务2交互式按钮的制作
教师巡视，个别给予指导。
学生展示作品，演示操作，小结制作交互式按钮的关键点：
按钮文本的设置。
按钮的颜色、背景色以及效果等。
图片按钮。
任务3网页中插入一个Flash动画
教师巡视，个别给予指导。
学生展示作品，演示操作，小结插入Flash动画的关键点：
Flash显示窗口的大小调整。
预览模式下才能看到Flash效果。
插入Flash后的网页保存。
学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。
培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。
3．总结与评价
（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。
（2）归纳总结。
学生对照“自我评价”表，进行过程性学习的评价。
板
书
设
计
课
后
反
思
科目
信息
课题
设计具有交互功能的网页
授课教师
郭雪阳
教
学
目
标
1．知识目标：
了解交互网页的概念，了解表单的功能及表单元件的使用方法，了解网上信息调查的设计方法。
2．技能目标：
掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。
3．情感目标：
让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用，了解珍稀动物保护知识。
教学重点
（1）表单元件的正确插入。
（2）表单元件的属性设置。
教学难点
表单元件的属性设置，根据实际需要正确运用表单元件。
课前准备
让学生明确本课的教学目标；提供给学生一个自学的平台；给学生一个自我评价的空间。
本课题教学共1课时
本节教学为第课时
教
学
流
程
1．引入
让学生完成一个珍稀动物保护知识小测试，反馈测试结果。
使学生在实际应用中感受表单网页，了解珍稀动物保护知识。
2．新授
（1）通过分析刚才的珍稀动物保护小测试来介绍表单元件。
讲解简单表单的制作。
布置任务1：
完成简单的个人信息的表单制作。
老师巡视并及时指出学生操作过程中的问题，学生完成任务1，并根据老师的提示修改自己网页中存在的问题。
由于学生第一次接触，所以采用教师讲解的方式，目的是让学生掌握表单元件的正确插入。
（2）反馈任务1中比较普遍的问题。
学生认真思考老师的提问，积极回答问题。
布置任务2：
在任务1的基础上完成个人信息调查的表单。
学生完成任务2，熟悉表单元件的属性设置。
老师让个别学生进行演示，给优秀学生一个展示自我的空间。
（3）布置任务3，完成环保知识、个人爱好、网站意见和建议的表单制作。
学生根据老师给的文字，使用正确的表单元件，完成整个表单网页的制作。
老师演示学生作品，分析学生所运用的表单元件，讲解表单的提交。
学生和老师一起分析作品，并积极回答老师的问题。
设计意图：
表单的插入不难，关键是如何正确地应用，在这儿给学生一个自我创作的空间。
让学生了解表单元件的运用不是唯一的，了解表单的提交方式。
（4）布置拓展任务：
修饰表单网页。
学生完成拓展任务，老师展示学生作品，并做出评价。
本部分让学生运用前面所学知识，充分发挥学生的想象力。
3．小结
老师展示其它表单网页，总结本课知识，帮助学生进行回顾，并做出拓展和梳理。
板
书
设
计
课
后
反
思
科目
信息
课题
运用框架结构制作网页
授课教师
郭雪阳
教
学
目
标
1、知识目标
了解框架结构的基本知识、框架的作用及框架属性
2、技能目标
1）能够使用框架结构设计网页
2）学会设置网页的框架属性，根据网页具体情况调整框架结构
3、情感目标
通过框架结构网页设计，提高学生对网页整体架构的设计能力和鉴赏能力。
教学重点
1、框架网页的建立
2、调整、填充框架网页
3、框架网页的保存
教学难点
1、更改和设置网页的框架属性
2、框架网页的保存
课前准备
本课题教学共1课时
本节教学为第课时
教
学
流
程
一、知识点回顾：
师生共同回顾已经学习的网页制作的基本知识和方法，引入制作框架网页的学习
二、新授课：
理解框架网页的特点和概念（创设情境、对比教学）
（1）教师展示普通页面的网页和框架结构的网页，请学生仔细观察对比框架网页的特点
（2）教师对比生活中的布告栏，总结什么是框架结构的网页
2、讲解框架网页的设计方法（任务驱动教学法）：
（1）创建框架网页：
打开站点文件，由“新建网页”引入“新建框架网页”，在“新建”对话框中的“框架网页”选项卡中选取1～2个框架模板说明内容网页在框架中的作用；
（2）调整框架结构：
拆分和删除框架结构
（3）填充框架网页：
“设置初始网页”和“新建网页”，插入悬停按钮和横幅广告器
（4）框架网页的保存：
教师引导学生观察框架结构中各网页的名称，引入网页的保存
3、学生完成“实践任务一”，教师巡视指导
4、由学生存在的问题引入“框架属性”的设置：
（1）由“新建网页”更改为“设置初始网页”引入问题，提问：
当我们在制作网页时若需要设置网页的背景颜色或背景图片时，我们该如何操作设置？
从“网页属性”引入“框架属性”。
（2）由网页的美观引入“边距”的设置，其余设置让学生在实践任务二中体会
5、学生完成“实践任务二”
6、展示优秀作品，评价作品（让学生在观看同学的作品时，领会“框架属性”的不同设置）
三、探索实践
鼓励学有余力的同学思考如何处理横幅广告器中的图片，使得图片和横幅广告器的大小相适应，以及如何在图片上添加文字
四、归纳总结
请学生归纳框架网页的制作
板
书
设
计
课
后
反
思
科目
信息
课题
网页超链接的制作
授课教师
郭雪阳
教
学
目
标
（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。
（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。
（3）理解热区链接的含义及创建方法。
教学重点
（1）超级链接的含义及链接源和链接目标的含义。
（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。
教学难点
（1）书签链接中名称及对应链接位置的设定。
（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。
课前准备
本课题教学共1课时
本节教学为第课时
教
学
流
程
１．引入
展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。
提出：
我们在先前的学习中，哪个软件中的相关操作与它类似？
什么是超级链接？
找一个例子，分析链接源和链接目标分别是什么？
学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。
设计意图：
通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。
2．新授
（1）站内超级链接
引导学生回顾PowerPoint中超链接的制作方法（教师提示：
右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：
任务1同一站点内不同页面之间的链接
制作首页（欢迎页）到表格页的超链接。
给表格页内交互式按钮设置超级链接，链接到相关页面。
给框架页内交互式按钮设置超级链接，链接到相关页面。
教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。
交互式按钮的超链接制作要求在框架网页中演示操作。
老师可以提问学生：
演示者操作的对吗？
有没有问题？
引导学生发现问题：
超链接制作完成后需要检验（保存后预览）。
教师讲解，突破难点，再交由学生操作。
以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？
任务2同一站点内同一页面内的跳转（链接）：
在“动物趣闻”页面内制作书签链接。
教师讲解：
由生活中的书签引入，介绍“书签链接”的概念，然后再演示如何操作。
提示：
书签链接的双向性问题（返回）。
学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。
（2）站间超级链接
仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。
任务3借助热区链接，为“友情链接”页面制作超链接，链接我国一些自然保护区网站。
有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。
3．总结与评价
开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。
引导学生分类总结本节课的知识点。
板
书
设
计
课
后
反
思
科目
信息
课题
初识flash软件
授课教师
郭雪阳
教
学
目
标
1、学会启动flash的方法，认识flash的工作界面
2、初步理解动画制作中涉及的基本概念
3、了解动画制作的一般步骤
教学重点
1、重点：
各种工具的使用方法
2、难点：
层、填图、橡皮使用技巧
教学难点
激发学生为学习动画的制作的兴趣，培养学生乐于接受的探究新知识的精神。
课前准备
本课题教学共1课时
本节教学为第课时
教
学
流
程
一、情境导入：
在所有的动画中，最流行的动画是flash动画，同学们可能最喜欢的也是flash动画。
我们一起来看几个flash动画。
教师演示几个flash动画：
教师作品，灿烂动画.swf
二、师生学习活动：
这些动画是如何制作的呢？
要学会制作，我们就要一起来研究认识一个非常有名的动画制作软件：
flash。
用它制作的软件不仅占用空间小，而且品质高，交互功能强，音形并茂。
Flash动画格式是网上最流行的动画格式。
1、认识flash动画软件
（1）Flash动画软件的启动
执行“开始—程序—Macromedia—MacromediaFlash8”命令，也可单击Flash8快捷方式
（2）flash编辑窗口的介绍
窗口主要组成：
菜单栏常用工具栏控制工具栏绘图工具栏图层区时间轴场景舞台工作区等。
教师在介绍上述概念时，可以通过将工具面板作为一个重点，激发学生的学习兴趣和动手能力。
主要介绍：
选择工具线条工具椭圆工具矩形多边形铅笔刷子颜料橡皮等
简要图形
让学生在画出图形后，充分利用相关工具进行颜色等修改。
（2）讲解绘制场景的方法。
完成书上探究内容：
师生探究制作方式：
步骤：
（1）确定背景：
天蓝色
（2）划一个长方形，绿色，再用铅笔平滑平线将矩形分成二分，删除一部分（3）画长方形及房侧面（4）画蘑菇顶及上面的斑（5）画房子的窗门绿斑（6）画云（7）画小蘑菇（8）保存
三、小结并练习
板
书
设
计
课
后
反
思
本节课运用MacromediaFlash8软件制作简单的动画，学生动手能力得到提高。
科目
信息
课题
制作一个简单的动画
授课教师
郭雪阳
教
学
目
标
1、学会制作一个简单的动画，认识flash时间轴、层、帧，元件等知识
2、学会利用相关命令制作元件的概念
教学重点
时间轴层帧知识补间动画
教学难点
关键帧补间动画位图转矢量图
课前准备
本课题教学共1课时
本节教学为第课时
教
学
流
程
1、引入:
出示本课要制作的一个动画的效果
2、师生活动
活动一
师生看书，完成书第8页作业：
移动的小球
注意点：
（1）如何设置动画的大小
（2）关键帧的意义及作用
（3）补间动画的意义成功创建的标志
（4）播放与测试、保存的作用
活动二：
如何使用Flash软件将位图转换成矢量图，并从中分离出一个对象。
将上图分解成如下的图：
教师讲解：
（1）选中图形，使用“修改—位图—转换位图为矢量图”
教师讲解转换过程中的参数，可以让学生观察实践。
（2）如何却除无关颜色使用选择工具及橡皮等
（3）如何转换成图形元件。
转换面图形元件后的优点。
活动三。
让喜羊羊在时间轴上移动。
学生练习。
3、小结
板
书
设
计
课
后
反
思
激发学生为学习动画的制作的兴趣，培养学生乐于接受的探究新知识的精神。
科目
信息
课题
Flash动画制作
制作基本动画
授课教师
郭雪阳
教
学
目
标
1、理解关键帧、层的意义。
2、掌握“动画补间”动画制作的一般步骤，学会“动画补间”动画的制作方法。
教学重点
“动画补间”动画的制作方法
教学难点
理解关键帧、层的意义
课前准备
本课题教学共1课时
本节教学为第课时
教
学
流
程
1、创设情境，导入新课
（1）、教师播放“一个太阳从左向右移动的动画”。
提问：
这个动画好不好看，同学们想不想学习制作一下，导入新课。
设计意图：
激发学生的学习兴趣。
2、师生互动，自主学习
（1）、教师演示，学生根据教师的演示，并参照教材进行制作。
（2）、学生依照教材中文字描述的操作步骤独立操作，教师巡视作
升级会员 