关于网页制作的教学反思

在教学中遇到很多的问题，值得我去思考，我想只有这样才能使我在以

后的教学中更加得心应手，所以每个阶段的教学反思对于我来说显得非常重要，下面我就把在网页制作制作中遇到的一些问题进行归纳和总结。 在第一次课中，我和学生一起学习了怎样建立一个自己的站点，并且在

自己的站点内建立一张网页，然后在这张网页内输入文字、插入图片和水平线、设置网页背景等，并进行一些格式的设置。

首先是由我讲解如何建立自己的站点，本来我以为我已经详细地演示给

学生看了，并且演示完就让他们自己操作，这样的话，学生应该觉得挺简单的，也就是说，他们应该能在我给的3分钟时间内完成操作任务，可事实却是，规定时间内仍然有一小部分学生没有完成，于是我就查看了一下学生的来源，发现有的学生初中来自农村中学，动手能力相对较差一点，也情有可原，因为大部分学生还是好的。

其次，我继续给他们讲解如何插入图片和水平线（输入文字和word类

似，就没有详细讲解！），这个没有什么大的问题。

再次，在讲设置网页背景的时候问题出现了，有的同学总是使用“插入”

的方法来设置背景，为此，我不得不重新进行广播，给学生强调网页背景是在“格式”中的“背景”里进行设置，还好，这下学生总算记住了。 最后，给学生补充了如何去掉插入的图片的背景色（选中图片——在图片工具栏中选择“设置透明的颜色”——单击图片的背景色即可），这里的问题出现在，有的同学光是选了工具，却没有使用，比较郁闷，于是我就给学生举例子说，假如你只盛了饭菜放在那看，却不吃，你能饱吗？学生听候，在笑声中明白了。 在第二次课中，根据我们信息组集体备课的要求，我安排了表格这部分

的内容，由于前面听了陈美娟老师的一节课，所以我上的时候，心里觉得有底了（听课真的很重要，看来我还要一如既往啊！）在表格这节课中出现的问题主要集中在以下几个方面：

一、 有的学生搞不清行和列，比如让插入6*2的表格，有一部分同学插入是2行6列，这让我不得不提醒学生“什么是行什么是列”

二、 在插入flash动画的时候，有的学生不知道浏览“数据源”，而直接“确定”，他们以为这样就可以插入了呢，当然这样的学生不多，我就没再强调，而是等到下一节课点评作业的时候再强调，希望这样可以加深一下学生的印象。

三、 关于保存的问题，其实这个问题在上一次课中已经显现出来 了，有近半数的同学不知道怎么保存文件（因为这次课是让学生在上次建立的站点里做的，所以有的学生就不知道怎么保存了），特别是网页素材乱放，搞得images文件夹象多余的似的。这个问题，我就当堂给学生再次强调一下，让他们养成良好的习惯，文件一定要放在它该放的地方！

四、 还是老问题，学生当中会“一指弹”的很多，还要加强他们的打字练习啊！

以上就是我在“网页制作”中的教学反思，我还有很多需要学习和反思的地方，希望自己能够不断进步！！

第二篇：网页制作教学设计与反思

“网页设计与评价”教学设计与思考

南召现代中学 董麒麟

[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页设计与评价”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。

[关键词]信息技术/网页制作/任务驱动

中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。

一、教材分析

我校目前使用的教材是上海教育出版社编写的高二《网络技术应用》。网页设计与评价是其中第四章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页设计与评价单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在高一阶段，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。

二、设计思想

1、任务驱动

本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。

2、小组协作

制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。

3、基于资源

要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。

三、学习目标

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

1、认知目标

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

（2）能用自己的话解释下列术语：HTML，URL，网页，主页，超链接

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

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

2、情感目标

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

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

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

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、各组网页演示、互评

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

每位同学自评

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

组织小组网页互评

设计网上投票网页

设计网页设计评估表

为每个学生的作品打分

 积极参加小组互评

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

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

六、教学评价

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