以“说课”形式谈《网页设计与制作》项目教学设计

丁 玲（徐州财经高等职业技术学校，江苏 徐州 221000）

0 前言

江苏省“两课”评比活动已经连续开展近三年，笔者有幸参加了专业技能课程的评比并取得了示范课。时至今日，回想整个备赛过程，其中的酸甜苦辣仍记忆犹新。两课评比旨在引导教师提升职业道德、教育素养和教学能力，总结体现课程改革精神的教学模式，树立教学改革与创新的典型。对于基层教师而言是展现教师全面深入的教学设计以及用案例体现微观教学技巧的平台。

从“两课”评比的评分项目看，从目标确立、学情分析、教材处理到资源整合和教学反思等都是为了对一个教学单元进行更全面细致的教学设计做准备。因此，笔者认为教学过程的设计和支撑教学的案例的选择尤为重要。下面，就以《网页设计与制作》课程中网页基本元素的使用这一教学单元为例，讲述项目教学过程的设计和实施。

1 学情分析

笔者面对的教学对象是五年制软件技术专业二年级的学生。他们思维活跃，乐于沟通，喜欢模仿和动手实践，但是他们韧性不足，团队合作能力稍显薄弱。学生经过前期的学习已经学会了创建站点和网页文档，并且能够对页面进行总体的控制。不过多数学生对网页设计的岗位认知还比较模糊。

2 教材分析

根据学生的以上特点，本课程选择的教材是《网页设计与制作案例教程》，该教材是高等职业院校的计算机教育规划教材。教材采用了基于工作导向的任务驱动的教学方法，符合学生的认知规律，但是案例缺少情境的引入，不能有效的激发学生兴趣。因此在教学过程中创设了情境，增加了案例。因为学生首次接触网页制作，所以如何提高他们的学习兴趣和热情尤为重要，因此，我在教学中做了大胆的尝试，将网页设计模块中文本操作、图像操作和超级链接三个教学单元的内容进行整合，用4课时的时间，围绕制作“团队介绍网站”这一项目展开，让学生在兴趣和团队的引导下自主学习网页基本元素的使用。这一部分内容是网页制作的基础阶段，同时也为学生继续学习网页布局设计与样式奠定扎实的基础。

3 教学目标

根据学生的认知规律以及软件技术专业的人才培养方案和《网页设计与制作》课程的课程标准，确定了该教学单元的教学目标。教育的本质是提升学习者的素质，能力是素质的外在表现，知识则是能力和素质提升的载体。因此本次学习的目标是在学生掌握网页基本元素的使用方法的基础上学会合理使用这些元素进行页面的布局、增强美观性，能够规范网站素材的管理，能够客观的对网页作品进行评价；最终培养他们的创造力和团队协作能力，提升自主学习的能力，树立终身学习理念。

4 教学设计与实施

4.1 设计理念

加拿大学者乔治·西蒙斯的关联主义指出 “知道更过的能力比目前知道多少更为重要，我们对明天知识的学习能力比我们对今天知识的掌握能力更为重要”。所以，本教学设计主要源于兴趣培养、能力提升和知识学习。

4.2 项目案例

基于以上设计理念，围绕让学生制作“团队介绍网站”这一项目展开教学，主要通过在五个教学环节中使用多种教学策略最终完成整个教学过程。学生在学习的过程中主要通过自主探究、合作学习的方式，实现对知识的感受、感知和体验，培养他们的创新和合作能力。

4.3 教学环节

该教学单元安排了赏、练、说、教、拓五个教学环节，其中前三个环节是学生进行思考、模仿、学习的主动认知过程，教师在此基础上明确学生学习的差异进行分层式教学，学生通过拓展练习进一步提升学习能力。在每个环节中安排了具体的工作任务，让学生在任务的驱动下完成学习内容。

4.4 教学实施

1）第一个环节——赏

本环节主要通过个人网站欣赏，让学生认识网页的基本元素，培养他们的鉴别能力和分析问题的能力。首先让学生欣赏学校精品课程网站以及参考教材中的个人网站，学生进而产生浓厚的学习制作热情。接下来通过教材中“长沙世界之窗”网站页面向学生介绍本项目中将会使用到的网页元素，主要是文本、图像、链接、列表的使用，以及网页的基本布局方法，学生在明确了知识点之后为下一阶段制作网站做好准备。

2）第二个环节——练

此环节让学生通过制作团队介绍的网站，复习站点的创建，学习网页基本元素的使用，培养他们自主学习、解决问题和团队协作的能力。在小组分工学习过程中，组长权力最大化，他负责小组的分工、讨论、时间控制等，同时也担负主要责任。教师在每个小组巡视的过程中发现学生在制作过程中会出现各种各样的问题，他们多数会选择直接求助老师，这时可以引导学生先从书本中找答案，或者询问身边的组员，以此培养学生的自主学习和团队协作的能力。在紧张而充实的任务中学生最终在规定时间内要结束本组的操作，进行作品的提交。在练的环节中主要通过任务驱动和分组教学的策略让学生进行自主探究、合作学习，同时展示他们的个性也发现问题。

3）第三个环节——说

此环节要求学生总结知识的运用，锻炼他们的归纳总结能力，培养欣赏能力和竞争意识。这时由每个小组的组长和教师组成评委组，并由各个组长依次进行本组作品的展示。在展示过程中教师引导学生如何进行作品的客观评价，并由其他小组的代表进行点评。通过这个过程学生会对照找出自身和本组的优势和不足，并在优化中加以改进。最终得分比较高的小组会在个人评价中作为加分因素。通过学生的练习和展示，90%以上的学生已经掌握了文本、图像的插入、内部链接的设置；有半数的学生站点资源管理不规范，图文混排、页内链接和嵌套列表的使用问题较集中；而只有20%左右的学生能合理使用网页元素进行页面的布局。针对主动认知过程中反映出来的问题，教师对教学内容进行动态调整，因材施教，有针对性的对重难点问题进行解决。

4）第四个环节——教

根据学生知识掌握的不同程度进行分层式教学，让学生进一步巩固知识点，增强理解记忆能力，培养审美能力。对于90%以上学生能掌握的知识点不再做讲解，而由学生在拓展优化阶段自己解决；对于问题较集中的知识点主要由已经解决问题的学生进行示范演示，教师从旁辅助。

在这里，教师选择学生遇到的典型案例进行讲解。重点讲解图片格式的设置；理解＜p＞标签和＜br＞标签的区别；让学生认识锚点并学会使用。再比如很多学生在预览页面时或者最后网站整合时出现了图片或背景无法显示的结果，这时让学生通过检查图片路径中的文件命名来说明网页制作中的规范性和良好的职业素养。

通过对学生出现的错误进行对比修改，逐步解决重点知识。对于学生在页面布局中呈现的不足我会让其他学生提出改进建议，并在此基础上告诉学生网页布局的基本原则和色彩搭配的合理选择，由修改前后效果的对比突破难点，同时让学生明确优化的方向，从而有针对性的进入下一个阶段的拓展任务。在教的过程中通过分层教学和示范教学，让学生在不断的对比查错过程中加强对知识的理解记忆。

5）最后一个环节——拓

此环节主要通过对作品的优化和拓展，加强重、难点的综合应用，培养学生的创新能力和学习能力。我会告诉学生对于比较优秀的作品会被选入精品课程网站中作为学习资源，以此实现更好激励和促进作用。对于学有余力的学生可以继续完成后续拓展任务，在使用表格布局好的半成品页面中插入网页基本元素，进行页面的二次加工，在巩固技能的基础上实现了向表格布局的延伸。

5 教学评价

整个教学过程环环相扣，循序渐进的让学生掌握实践操作技能，变被动学习为主动参与，自主学习和解决问题能力得到了提高。完成教学任务之后，学生利用网络平台登录校园网完成对本次学习过程的个人评价。从知识、技能和素质方面进行多元化的评价，这是一个动态反馈的过程，也为后续教学改进明确方向。

在教学过程设计中以工作任务为中心，让学生在完成任务的基础上自主学习知识技能是职业教育改革的核心。学无止境，教亦无止境。以“说课”为推动，基于信息化环境的教学设计，充分利用信息技术和信息资源，提高了学生的学习兴趣和教学效果，同时为进一步做实教师实践层面的改革，运用现代信息技术改造传统的教学模式奠定了坚实的基础。

［1］冯小东.浅谈高职院校《网页设计》课程教学改革[J].甘肃广播电视大学学报,2010(2).

［2］何葩.职业学校专业技能课程“两课”评比引起的思考[J].2011.

［3］黄卫.“五课”教研 “两课”评比——教师专业化成长的捷径[J].教育教学论坛,2012(28).

［4］彭敏玲.浅谈“两课”评比对推进中职教学的体会[J].家教世界,2013(2).