“设计与制作主题网站”单元教学设计

“设计与制作主题网站”单元教学设计

一、教材分析
本章内容对应《刚要》的“信息的发布与交流”部分，是在学生学习了文字
处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，
了解和掌握信息发布的另外一种形式——网站设计。初中阶段学习网站设计与制
作也为高中学习这部分内容奠定了基础。本章希望通过网站设计，将信息获取（确
定主题、收集资料）、信息处理（文字、表格、图片和多媒体等信息处理）、信
息发布（在internet网上发布网站）综合运用于网站设计中，既复习巩固信息
处理的基本知识和基本技能，又培养了学生综合运用信息技术的能力，通过实践
活动提高学生的信息素养
二、教学目标：
1．知识与技能
（1）了解Dreamweaver软件窗口结构，了解站点与主页的概念，理解站点的意
义，学会建立、删除站点，掌握简单网页的制作
（2） 掌握网页中表格的制作方法、表格属性的设置方法及单元格的修饰与编辑。
理解动态网页与网页动态效果的区别。
（3）掌握网页动态效果的制作，了解交互网页的概念，了解表单的功能及表单
元件的使用方法，了解网上信息调查的设计方法。
（4）了解框架结构的基本知识、框架的作用及框架属性
（5）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不
同站点间网页超级链接的创建方法。
2．过程与方法
（1）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法
和操作方法，为学生今后学习其它软件奠定了基础。
（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设
计方法的多样性，培养学生的发散思维能力。
（3）掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。
（4）掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。
（5）学会设置网页的框架属性，根据网页具体情况调整框架结构。
（6）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学
生自主学习与操作的能力
3．情感态度与价值观
（1）通过创建“动物—人类的朋友”网站，使学生树立人与动物和谐相处，珍
爱、善待和保护动物的理念。
（2）通过运用表格布局网页对象活动（各人根据网站主题，设计网页），进一步
掌握各种不同对象的属性设置方法和规律，体验创造的快乐。
（3）通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激
发学生的学习兴趣，培养学生的探究意识和创新能力。
（4）让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用，了
解珍稀动物保护知识。
（5）通过框架结构网页设计，提高学生对网页整体架构的设计能力和鉴赏能力。
（6）完成超级链接，使学生感受成功的喜悦和快乐。
三、教学重难点
1．教学重点
(1)认识Dreamweaver窗口结构及主要菜单的功能，掌握建立、删除网站的基本
方法，网站的管理作用。
（2）掌握插入、编辑表格的方法及表格的属性设置方法。
（3）滚动字幕、交互式按钮等动态效果的制作与Flash的插入。
（4）表单元件的正确插入。
（5）框架网页的建立。
（6）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互
式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。
2．教学难点
（1）站点的作用和存储路径。
（2）表格的嵌套设计在网页设计中的应用。
（3）各种效果对象的属性设置。
（4）表单元件的属性设置，根据实际需要正确运用表单元件。
（5）更改和设置网页的框架属性
（6）书签链接中名称及对应链接位置的设定。

四、教学策略
1、课程整合
初中信息技术课程与初中其他学科课程相比较，具有较强的整合性。整合性
的根本在于它的学科交叉性和它支持知识联系的整体性。我们在“信息技术”教
学中应有意渗透和融合其他学科的内容，只有在利用信息技术学习其他学科内容
的过程中才能更好的掌握信息技术的知识和技能。在教学中，我利用语文、环境
等课中的课题，或提供资料，或让学生利用网络收集有关资料，制作主题鲜明的
网站。
2、合作学习
建构主义学习理论提倡“合作学习”，学会合作是素质教育的一项基本内
容，也是信息时代对人的一种要求。在教学中，我通过设计一个个“任务”，有
意识的培养学生的合作精神与团结协作的能力，为以后学习和工作打下基础。
3、课后延伸
初中信息技术课程是一门应用性学科课程，培养学生应用信息技术解决实际
问题的能力是课程的核心目标。在教学中应鼓励有条件的同学利用所学知识，制
作个人网站、班级网站，或依托研究性学习制作汇报网站。强化学生应用信息技
术的意识和能力，提高学生的操作水平。

五、教学设计
在教学方法上，知识和技能的传授应以“任务驱动”为主，注重学生解决问题能
力的培养。教学过程可以从完成各种各样的“任务”着手，让学生在“做中学”，
在用中提高，在具体的获取信息、处理信息的过程中进行实践和锻炼，增强他们
处理实际问题的能力，培养学生的自主学习能力和探索精神。因此我把教学内容
活动化、任务化，把教学过程模块化，同时为学生设计一个学习网站，供学生自
主学习。
任务主题
授课重点
站点创建与
首页制作
（1-2课时）

1以学生上网、浏览网页为切入口，提出问题。
2讲解网站、网页、主页的含义
（1）网站包含多个网页，通过超级链接可以把不同的页面链接起来。
（2）网站的第一个页面称为主页，主页的文件名一般为index.htm或者
default.htm，主页也是网页。
3FrontPage启动与窗口的组成
4站点的建立
5设计首页
6编辑与预览主页
7保存网页

制作网站——表格布局网页（3-4课时） 1．复习 网页的新建以及网页中文字、图像等对象的插入 2．引入观看两个页面并进行比较：一个使用表格布局，另一个图文混杂，提出问题：有什么办法可以达到第一个页面的效果？ 3．分析表格结构 任务1 规划网页表格布局自行设计表格网页布局，并将自己的表格设计绘制在书本上。并动手分析与创意设计。
4.完成表格布局
任务2 新建一个页面，用表格布局该网页，并在该网页中放入相应内容
5.充实网页页面内容
任务3 在表格中插入图片、输入文字
6.调整表格属性，美化页面
任务4 表格属性以及单元格属性的设置
7．总结与评价
制作表格——网页中动态效果的制作（第5课时） 1．老师打开静态网页和加有动态效果的网页，请指出它们的不同点。2．新 2.任务1 滚动字幕的制作：文本的大小、字体、颜色等、表现方式、运动方向。 3.任务2 交互式按钮的制作 按钮文本的设置。 按钮的颜色、背景色以及效果等。
图片按钮。
4、任务3 网页中插入一个Flash动画
Flash显示窗口的大小调整。
预览模式下才能看到Flash效果。
5、学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，
对照自己的作品加以完善。
6．总结与评价
学生对照“自我评价”表，进行过程性学习的评价

设计具有交互功能的网页（第6课时） 1．使学生在实际应用中感受表单网页，了解珍稀动物保护知识。 2．讲解简单表单的制作。 任务1：完成简单的个人信息的表单制作。 任务2：在任务1的基础上完成个人信息调查的表单。
任务3，完成环保知识、个人爱好、网站意见和建议的表单制作。
拓展任务：修饰表单网页。
3．小结：老师展示其它表单网页，总结本课知识，帮助学生进行回顾，并做
出拓展和梳理。

运用框架结
构制作网页
（第7课时）

1、理解框架网页的特点和概念（创设情境、对比教学）
2、讲解框架网页的设计方法（任务驱动教学法）：
（1）创建框架网页：
（2）调整框架结构：
（3）填充框架网页：
4、“框架属性”的设置：
5、展示优秀作品，评价作品
网页超链接
的制作（第8
课时）

1、展示创建了链接页面。
2．回顾wps演示中超链接的制作方法，让学生自行探究并完成以下操作：
任务1 同一站点内不同页面之间的链接
任务2 同一站点内同一页面内的跳转（链接）：在“动物趣闻”页面内
制作书签链接。
任务3站间超级链接
。 任务4 借助热区链接，为“友情链接”页面制作超链接，链接我国一些
自然保护区网站。
3．总结与评价
开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生
分类总结本节课的知识点。