中职网页设计与制作课程中的教学做合一

俞燕丹

（江苏省锡山中等专业学校）

中国教育家陶行知先生曾说过，“ 行是知之始，知是行之成。 ”“ 做是学的中心，也是教的中心。 ”他说：“ 手和脑在一块儿干，是创造教育的开始；手脑双全，是创造教育的目的。”注重实践是陶行知先生“ 教学做合一”的真谛。 国务院印发的国发[2014]19 号文件《 关于加快发展现代职业教育的决定》 中也指出：“ 深化产教融合、校企合作、工学结合，推动专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接、毕业证书与职业资格证书对接、职业教育与终身学习对接，提高人才培养质量，强化职业教育的技术技能积累作用。 ”

陶行知视“ 教学做”为一体，“ 做”是核心，主张在做中教、做中学。在数学中等职业学校的网页设计与制作课程中，我们要从培养目标出发，坚持理论联系实际的原则，加强学生动手训练，培养学生的创新能力。

一、选用合理的教材

中等职业学校的人才培养模式是指在一定的教育理论指导下，按照特定的培养目标和人才规格，以相对稳定的教学内容、课程体系和评估方式，实施人才教育的过程的总和。

我校网页设计与制作课程的培养目标是能对网站的功能进行分析，全面掌握使用的能力；能对页面进行修改的能力。为此，我校选用的教材除了国规教材外， 还补充了Adobe 创意大学的标准教材。教学内容不仅能满足中等职业学校专业教学标准，能够反映当前的生产技术水平和职业岗位资格要求， 更注重课程内容对接职业标准、教学过程对接生产过程。教材的内容编排符合学生认知特点， 突出网页制作的创意工作流程， 将创意设计与软件功能相结合， 以软件的实际应用为主线， 对行业中的典型案例与Dreamweaver 软件新功能等方面的知识进行深入探讨。

Adobe 创意大学的标准教材是联合行业专家、行业协会、教育专家、一线教师、Adobe 技术专家开发的，重点清晰，内容完善，为专业及其相关行业实践型人才的培养量身订制。

二、采用“ 教、学、做”一体的项目式教学方法

以学生为主体，有效设计和实施“ 教、学、做”一体的项目式教学方法，通过真实、完整的实例呈现知识点。

1.循序渐进，由浅入深：选择小范例诠释理论知识，每一个项目都从最简单的内容入手， 慢慢深入， 达到制作出高级页面的效果，避免只讲定义的乏味与枯燥，符合学生的认知规律。

2.内容全面，实例丰富：融入大量的实用操作技巧，力求将最常见的软件技巧与行业流程全面细致地进行介绍。 结合实例介绍每种应用的操作步骤，学生只需要按照步骤一步步进行操作，就可以在不知不觉中掌握大量的知识，创作出精彩的个性网站。

3.行动导向、任务驱动：从网页制作行业的实际出发，基础知识与基本技能相结合，紧扣“ 做中学，做中教”的教育理念，将知识点穿插在网站实例制作的操作过程中， 在实际制作中介绍网站开发的实际流程与制作技巧， 尤其是针对实际制作中广泛采用的“ Div+CSS 布局模式”， 对教材内容进行全面的补充和完善。 拓展HTML 代码的学习内容、学习方法，通过课后训练设计达到课堂知识的“ 举一反三”，这样更加贴近实际。

4.由易到难、由部分到整体：从网页制作技能培训的实际需要出发，设计一个网站建设实例，采用循序渐进的方法，详细描述网站的开发过程，介绍网页制作的各种知识、技能和注意事项。 所学知识分别涉及：站点的规划与管理；文本、图像及CSS 层叠样式表；表格布局，超级链接；框架布局，多媒体文件；热区、层和行为；表单及各种表单元素；模板、站点的测试、发布与维护等各项静态网页开发知识，采用知识讲授与案例教学相结合的方法。

5.综合运用，注重启发：制作两个企业网站，系统全面地介绍网站建设的实际开发流程及常用手法与技巧。每个任务包含“ 任务描述”“ 自己动手”和“ 举一反三”三个模块，将知识点、技能点和注意事项穿插在网页制作的过程中，注重启发学生的学习兴趣，力求在知识结构编排上体现循序渐进、重点突出、难点分散，在语言叙述上注重概念清晰、逻辑性强、通俗易懂、便于理解。

6.注重现代信息技术在教学中的应用。 现代信息技术参与之后的课堂“ 以教师创造性的教为主导，以学生探索性的学为主体”，丰富多彩的教学环境，给学生更大的思维空间，突出学生的主体地位。 运用现代信息技术，创设他们感兴趣的事物与情境，抓住学生的心理特点，将抽象化的、概念化的知识点，以贴近生活的生动、鲜明的图文并茂的画面呈现乏味的定义定律，集声音、文字、图像、图画动态显示于一体，达到将抽象概念具体化、微观概念宏观化的目的。 让学生易于理解接受，让学生身临其境，亲历其中，得到体验，在轻松的氛围中愉快地学习，提高了学生的思维能力、想象能力和创新能力。

现代信息技术使课堂教学以发展为主， 教师通过创造教学环境，在课堂上为学生提供观察、独立思考和实践，将技术与学科教学灵活有机地结合，为学生提供一个友好交互、自由开放的学习环境，组织并指导学生进行实践活动，激发学生主动去探索、积极去思考，从而极大地提高教学效率。

三、考核评价方式多角度

网页设计与制作课程对学生的能力要求是：（1）会Dreamweaver的安装；（2）合理使用网页元素制作简单静态页面；（3）能够使用表单、CSS 样式、行为、层、模板、框架等技术制作比较复杂的静态网页，并能够进行站点发布；（4）初步了解动态网页设计的基础知识，能够制作简单的留言板等动态网页。因此，我从以下几方面对学生进行评价：

1.网页作品与真实生活是否有关联，主题鲜明。 这表现为作为真实的项目场景，这种真实场景是对日常企业场景的模拟，或者真实场景中的实际操作。

2.要求学生对一些与职业有关的问题进行思考和解决。 比如企业网站，学生要依据问题，以科学的论证和推理方式设计合乎自身认识的、具有创造性的解决问题的方案，创作具有创造性的网站作品。

3.操作过程和最终作品是评价的重点。 在实际操作过程中，学生解决问题的综合能力得到锻炼， 如思考问题能力、 问题反思能力、团结合作能力、信息搜集能力和创造力等，评价中充分展现出来，而网站作品则是各种能力综合锻炼得到的结果。

4.学历证书与职业资格证书对接。Adobe 创意大学考试认证是Adobe 公司推出的权威国际认证， 是针对全球Adobe 软件的学习者和使用者提供的一套全面科学、严谨高效的考核体系，为企业的人才选拔和录用提供了重要和科学的参考标准。

总而言之，运用陶行知先生的教学做合一思想，我们在中职网页设计与制作课程中坚持理论与实践的有机结合，注重学思结合、知行统一，坚持“ 做中学、做中教”，加强理论课程与实践课程的整合、融合，开展项目教学、场景教学、主题教学和岗位教学，从而强化对学生实践能力和职业技能的培养。

[1]陶行知.陶行知全集：卷1[M].成都：四川教育出版社，1991.

[2]陶行知.陶行知全集：卷2[M].成都：四川教育出版社，1991.

[3]陶行知.陶行知全集：卷3[M].成都：四川教育出版社，1991.

[4]黄克孝.职业和技术教育课程概论[M].上海：华东师范大学出版社，2001.