网页制作教学设计与思考Word格式.docx

网页制作教学设计与思考Word格式.docx

《网页制作教学设计与思考Word格式.docx》由会员分享，可在线阅读，更多相关《网页制作教学设计与思考Word格式.docx（11页珍藏版）》请在冰豆网上搜索。

在第三章，学生已经学过了Word字处理软件。

因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。

二、设计思想

1、任务驱动

本单元的学习通过完成网页作品来实现。

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

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

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

2、小组协作

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

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

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

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

最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。

基于资源

要培养学生的信息能力，就必须为他们提供大量处理信息的机会。

基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。

笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。

网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。

三、学习目标

本单元的认知、情感和动作技能三种目标分述如下：

认知目标

1、能简要陈述FrontPage2000主要功能，熟悉其操作界面

2、能用自己的话解释下列术语：

HTML，URL，网页，主页，超链接

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

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

情感目标

1、具有集体荣誉感，愿意为班级的网页建设出谋划策

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

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

动作技能目标

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

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

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

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

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

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

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

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

四、学习资源设计

在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。

因此，学习资源的设计尤为重要。

本单元需要的学习资源包括以下部分：

1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等

2、本单元学习的目标和任务，以及每课时的子目标和子任务

3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等

4、根据每课时的学习目标制作的操作指导，包括操作界面的演示

5、网页设计所需的各种素材，如图片、动画、Midi音乐等等

6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料

7、Frontpage2000的帮助系统和信息技术教材也是重要的.学习资源

以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。

学生也可以把自己找到的好素材上传到网上。

五、教学过程

本单元的教学共需8课时，每节课教师都要求学生完成子任务。

教学安排如下表：

课时

学习子任务

教师行为

学生行为

1

访问推荐网页

评价网页，确定标准

形成小组、讨论栏目，明确分工

推荐优秀网站

组织学生讨论网页内容和风格，分析网页框架和布局。

小结网页评价的标准

提出学习任务（班级网页制作）和原则（小组协作，网上讨论与学习）

提供网页栏目划分建议

组织各小组讨论

浏览网页

仔细观察，区分优劣

了解评价网页的标准

明确任务及原则

选择小组，参与讨论，确定栏目及分工，推举组长

组长上报成员名单

课后收集整理信息

2

学会使用教学网站

熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作

输入文字信息并修饰

公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法

参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示

登陆教学网站，了解栏目功能，练习使用

创建网页文件，输入网页文字信息并保存

设置文本字体字号颜色，调整段落对齐方式和缩进格式

引用资料注明出处

在网页下方署名

3

学会插入图片、动画、水平线

设置背景和音乐

学习插入表格，并用表格实现页面布局

介绍素材库中各类素材

参与网上讨论、答疑

提醒学生网页上的图片和动画应少而精，以免影响浏览速度

介绍表格的嵌套

分析学生网页，用表格演示页面布局

选择合适的素材插入网页合适位置，

设置图片和动画的大小、对齐方式和边框

设置网页背景和音乐

在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑

用表格规划页面内容

4

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

小组合作，建立主页

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

介绍框架网页的各种格式和创建、保存的方法

演示拆分、删除框架

分析学生操作错误原因，页间链接应使用相对路径

演示超级链接的建立、使用预览功能测试链接

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

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

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

学会使用相对路径

5

学会创建书签链接、邮件链接和图片链接

建立URL链接

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

对每个链接进行测试

分析一个主页，让学生找出不同的超级链接

讨论各种链接的应用场合，如页面内容较多则使用什么链接？

酷站链接和站长信箱分别使用什么链接？

学生回答

错误原因分析，URL链接使用绝对路径

选择内容较多的页面建立书签链接

在图片上练习图片链接和热区链接

为酷站链接和站长信箱建立正确的链接

加深URL地址的认识

6

学会插入滚动字幕

学会使用悬停按钮

学会插入站点计数器和横幅广告管理器

小组网页初步组合，上传到教学网站

逐个检查各小组网页的制作进展，并给出评估意见

讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件

在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式

在主页上插入计数器和横幅广告管理器

选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象

设置网页的动态效果

小组网页组合上传

7

了解表单的交互性，学习表单的创建和设置

在表单中插入各种组件

设置表单的Email提交方法

各组网页定稿上传

介绍简单的留言板，论坛和聊天室，供学生选择

引导学有余力的学生学习ASP和数据库技术

创建留言板或其他形式的表单，如学习调查表等

在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件

设置Email提交方法

小组网页定稿上传

8

各组网页演示、互评

网上投票推选优秀网页和网页制作高手

每位同学自评

由班内网页高手做班级网页管理员，负责提交、维护班级网页

组织小组网页互评

设计网上投票网页

设计网页设计评估表

为每个学生的作品打分

积极参加小组互评

投票推选优秀网页和网页制作高手

认真小结本人学习情况，并如实打分自评

六、教学评价

本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。

评价指标

（分值）

具体指标

量化等级分值

自评

教师

优

良

中

差

网页内容

（40）

获得的信息准确且完整

信息的收集方法效率高

10

网页文字没有语法和拼写错误

能找到合适的网页素材并合理应用

引用他人作品，是否注明出处

技术处理

（35）

网页布局整齐、合理

网页色彩协调、风格鲜明

网页链接正确、快捷

具有较强的动态交互功能