“建设我们班的网上家园”教案 教学设计

“建设我们班的网上家园”教案教学设计
概述：
我们认为中小学信息技术课已不再是单纯的计算机技能课，它应该以培养学生的信息素养为目标，利用任务驱动等新的教学模式，以应用软件为载体。

在实际的教学过程中打破以往的教学模式，才能培养出适应信息社会发展的有用人才。

本教案以苏教版高一《信息技术》中利用FrontPage2000进行网页制作的相关内容为依托，加以适当的修改，对中小学的信息技术课程教学进行了一些探索。

教学题目：
建设我们班的网上家园
教材及学习者特征分析：
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。

因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。

在本课的整个学习过程中对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。

我们采用的教材是江苏省中小学教学研究室编写的高一《信息技术》。

网页制作是其中第五章最后一部分的教学内容。

在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载、以及电子邮件的使用等内容。

因此，学生已经具备了获取信息的能力，本单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

教材中采用的网页制作软件是FrontPage2000。

由于FrontPage2000版本已较为落后，这里采用了较新的Dreamweaver MX 2004。

Dreamweaver MX 2004是一款所见即所得的网页编辑工具，它不但能够完成一般的网页编辑工作，而且能够直接实现过去需要编程才能实现的效果，因此一直以来Dreamweaver都是网页制作专业人士的首选工具。

既是一个功能强大的软件，又是一个使用简单的网页编辑工具，它的所见即所得的可视化特点，可以使用户不用书写一个代码就能制作出精美的、专业的网页。

同以前的版本相比Dreamweaver MX 2004增加了更多的功能。

我们考虑到真正的从零开始，在学习过程中，我们尽量避免涉及到更多的理论性，在学习的实践中逐步引入概念，力图在学生的制作过程中自然理解看似生涩的专业术语，当班级的主页制作完毕，相应的理论知识也就自然掌握了。

教学目标：
本单元的认知、情感和知识技能三种目标分述如下：
（一）知识技能目标：
1、能简要陈述Dreamweaver MX 2004主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接。

3、能主动获取、收集班级信息，并加以分类和整理。

4、能客观评价网页的内容和风格，具备一定的审美能力。

5、能熟练地建立、打开、保存、浏览网页文件。

6、能按照需要建立框架网页，设置各框架中的初始网页。

7、能在网页中熟练地插入文字、图片、动画、水平线。

8、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐。

9、能选择合适的网页背景图案和背景音乐。

10、能根据实际需要使用不同的超链接，合理地组织网页。

11、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感。

12、能够插入简单的表单，使网页具有初步的动态交互功能。

（二）情感目标：
1、具有集体荣誉感，愿意为班级的网页建设出谋划策。

2、具有乐于助人、团结协作的精神。

3、能尊重他人的劳动成果，有保护知识产权的意识。

教学重点、难点：
（一）重点：
1、Dreamweaver MX 2004各项基本功能的使用。

2、通过小组的合作进行班级网站的整体设计。

3、各种资源搜索和利用。

（二）难点：
1、网页各种效果的设计和实现。

2、网页素材的设计和加工。

3、网页空间的申请和利用FTP软件进行网页文件的上传。

教学策略：
任务驱动
本单元的学习最终通过完成网页作品来实现。

班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。

这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学“变成“我要学“。

在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的学习进度来布置子任务，使学生在教师的引导下逐步达成教学目标。

制作班级网页是个大任务，具有一定的开放性和综合性。

因此采取小组协作学习的方式是非常必要的。

小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。

每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。

最后，各小组作品集中评比，选出优秀作品。

教学课时：
8课时
学习资源：
见附件2：《学习资源总汇》
教学过程：
本单元的教学共需8课时。

教学安排如下表：
（所有链接的WORD文件均供教师教学时参考）
学习子任务
教师活动
学生活动
子任务一：
创建一个网页文件，输入一段文字并进行字体、大小等调整。

目的：
了解静态网页文件（htm、html）
熟悉Dreamweaver MX 2004的操作界面，掌握网页文件的创建、打开、保存和关闭操作。

学生练习输入文字信息并修饰，最后保存。

1 演示示范网站，激发学生兴趣。

2 明确任务，告诉学生将要通过今后几节课的学习，制作一个与示范网站类似的班级主页。

3 交待学生进行分组，并考虑学生的学习能力进行适当调整，保证各小组水平的平衡。

4 通过讲授向学生介绍网页文件的基本知识。

（文件扩展名，文件基本代码）
5向学生介绍Dreamweaver MX 2004的操作界面及菜单栏基本功能，并利用示范网站向学生演示网页文件的创建、打开、保存和关闭操作。

（演示视频：
创建打开保存）
6 演示如何在网页中输入文字，并进行基本的文字修饰。

（演示视频：
文字输入文字修饰）
7 让学生创建一个网页文件，输入一段文字并进行字体、大小等调整。

并对有疑问的学生进行个别指导。

使学生通过练习掌握相关内容。

1 浏览示范网站。

2 选择小组，推举组长，组长上报成员名单。

3 通过练习掌握本节内容。

子任务二：
建立一个站点，并新建一个空白网页，在该网页中利用表格制作一个类似示范网站首页的网页。

目的：
学习站点的相关概念及站点的建立。

学习插入各种对象（图像、水平线）
学习插入表格，并用表格实现页面布局。

1 用Dreamweaver将示范网站主页打开，介绍网页中的常用元素。

2 介绍Dreamweaver中站点的概念，并演示站点的建立。

（视频）
3 演示如何在网页中插入图像，（视频）
4 演示图像的相关调整操作。

（视频）
5 介绍表格的作用并演示相关的基本操作。

6 布置学生一个练习：每小组建立一个站点，并新建一个空白网页，在该网页中利用表格制作一个类似示范网站首页的网页。

（不需要特殊效果，如滚动字等）
1 认真听讲，练习老师演示的内容。

2 小组讨论，模仿示范网站制作简单网页。

子任务三：
用框架制作简单的带有二级页面的网页。

目的：
学习框架网页的创建及保存，学会拆分和删除框架。

学习建立页间链接，并学会通过预览功能测试链接。

1 介绍框架网页概念及应用。

2 演示框架网页创建、保存的方法。

3 演示框架网页的拆分、删除框架。

4 演示页间链接及超级链接的建立、使用预览功能测试链接。

5 分析学生操作错误（可能出现的错误）原因：页间链接应使用相对路径。

4 让学生将上次制作的简单网页的基础上，利用框架制作一个带有二级页面的网页。

1 小组讨论选择一种框架页面作为主页。

2 设置框架属性，如框架名称、初始网页等。

3 创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确。

4 学会使用相对路径。

子任务四：
模仿示范网站，在之前制作的网页的基础上制作一个小型网站。

(要求有一个带有邮件链接和图片链接的首页，一个带有锚点链接的二级页面)。

目的：
学会创建锚点链接、邮件链接和图片链接。

学习建立URL链接。

初步学会创建图像的热区链接。

1 介绍网页中常用的各种链接。

2 演示各类链接的创建方法。

3 提醒学生创建链接时的注意事项，分清绝对路径和相对路径。

4 给学生布置任务：
模仿示范网站，在之前制作的网页的基础上制作一个小型网站。

(要求有一个带有邮件链接和图片链接的首页，一个带有锚点链接的二级页面)。

1 讨论各种链接的应用场合，如页面内容较多则使用什么链接？
2 选择内容较多的页面建立书签链接。