中职院校网页设计与制作教学实践研究

王芳

摘 要 互联网时代的到来以及国家“互联网+”战略的提出，推动了互联网经济的发展以及互联网人才的培养。从时代需求出发，中职院校应加强网页设计专业的课程设置，为社会提供高素质的网页设计与制作的优秀人才。以中职院校的课程设置为出发点，结合网页设计与制作课程教学设计和实践方案，对网页设计与制作课程教学进行探讨。

关键词 中职院校；网页设计与制作；案例教学法；默会知识；行为导向法

中图分类号：G712 文献标识码：B

文章编号：1671-489X（2018）15-0135-02

1 引言

网页是组成互联网信息的基本单元，任何互联网数据显示都离不开网页，网页的设计与制作成为互联网发展的重要组成部分。从实际出发，网页设计与制作是一门技能型学科，学生需要不断地练习和摸索，才能掌握网页设计与制作的基本方法，因此，网页设计与制作又是一门实践性极强的学科。

选择中职院校的学生大部分文化课成绩不理想，但文化课不理想的学生并不代表学生的技能学习和实践能力差。根据针对中职院校学生的调查显示，中职学生的技能学习和实践能力要远高于同龄普通高中的学生[1]。因此，网页设计与制作课程极适合中职学生的发展特点。纵观当前中职院校开展的网页设计与制作课程教学，授课方式大部分仍坚持讲授法，大量的理论知识充斥在学生耳边，导致许多学生注意力难以集中，上课状态较差；而课下要求学生进行的复习则由于课上理论知识学习效果较差且缺乏课后的监督，许多学生并没有进行网页制作与设计的实践，最终导致学生对网页设计与制作失去兴趣。为此，以课程为核心，探索激发学生学习兴趣以及满足网页设计与制作课程需求的教学模式势在必行。

2 网页设计与制作的教学内容、教学目标以及组织形式

在开展网页设计与制作课程教学前，首先应明确的是教学的对象是谁？根据教学对象制定相应的教学内容。中职院校网页设计与制作课程的教学对象为中职学生，他们有自己的发展特点，表现为理论知识接受能力差，实践能力相对较强，兴趣爱好以实践类型为主。因此，在设置教学内容时应充分考虑中职学生的这些特点，授课内容应以理论为基础，避免出现大段理论知识的讲授或单纯讲授实践知识。同时有必要了解学生的兴趣点，以学生兴趣为导向，制定教学目标，达到激发学生学习兴趣的目的[2]。教学组织形式应从实际出发。未来的网页设计越来越复杂，单纯依靠个体的能力难以满足网页制作的需求，培养学生合作探究的能力极为重要。

本研究的开展期望通过运用创新理念，组织学生开展行之有效的合作，探究如何培养学生缜密的逻辑思维。为此，在教学过程中根据学生性别、学习探究能力、实际动手能力以及兴趣爱好进行分组，分组的目的是建立一支互补互利的实践队伍，通过磨合形成小组自身的特点，让学生在学习中能够共同进步和发展。

3 网页设计与制作的教学方法

行为导向法 信息时代的到来使学生接受的信息越来越庞大，运用传统的教学方法难以适应学生的个性发展需求和社会需要。一些中职院校运用行为导向教学法，即通过系列教学方式激发学生的学习兴趣，引导学生进入教学情境，培养学生自主学习的能力。运用行为导向法的教学目的是引导学生学会学习，教师在备课时由注重研究教学内容的教学方法转变为在教学内容的基础上注重如何引导学生学[3]，将学生与课堂紧密相连，提升教学能力和教学效率。运用行为导向法的关键是教师，教师是引导学生学习的引导者和学生与知识的协调者。在开展活动时，教师是引导学生自主学习的推动者，通过引导和推动，让学生学会自主探求知识，锻炼实践技能，进而形成自己的知识体系。

默会知识 默会知识是近代教育学家根据实践研究和分析提出的专有名词。默会教育的提出使教育家将知识分成两大类：一类是可以运用逻辑思维进行解答和分析的知识，如教学的书面知识、数学知识、物理知识等；另一类是不能用逻辑思维表达的知识，即个体通过接受某些事物受到潜移默化的影响，在此基础上形成的知识能力或其他能力，此种知识被称为默会知识。从中职学生的认知水平和学习的实际出发，默会知識对学生的影响与逻辑性思维较强的知识持平甚至有所超越。充分利用默会知识对学生的影响将极大地增强课堂教学效果，提高学生掌握知识的能力和水平。

4 教学实践

网页设计与制作知识技能的掌握 网页设计与制作教学采用上文提到的行为导向法，激发学生的学习兴趣，通过针对性强、课程设置合理的教学过程，引导学生掌握相关内容。

1）案例教学法。教师针对中职生开展教学时，利用案例教学法可以取得更好的教学效果。案例教学法指结合具体的教学内容，教师首先针对某个知识提出相同或相似的实例，针对实例内的具体内容提出问题，根据问题分析相应知识，通过思维迁移实现学生对知识的掌握，进而做到触类旁通。本文以教授学生网页设计和制作中的“行为”为例，对案例教学法进行具体讲解。

传统教授“行为”这一知识点的教学方法多为讲授法，首先讲授行为的基本概念，即：具体个体由于某些原因做出相应反映的过程，将这一过程称为行为。行为的主要构成要素有动作、事件等。教师讲完行为概念后，会进入网页设计对于行为的使用，学生如能紧跟教师的步伐，可以完成大部分的知识学习，但是真正理解知识点吗？通过抽样调查中职学生该课程听课效果，发现学生难以理解相应内容，甚至出现听不懂的情况。

为更好地讲解“行为”，让学生更好地理解和感受“行为”的内容，教师在讲授“行为”时可运用电子地图的相关内容，首先让学生熟练地制作电子地图的内容，以电子地图为点切入“行为”讲解，运用显性元素和隐性元素将“行为”内容所需的一系列内容引入，如行为的对象、行为的动作、行为的事件等。学生根据教师的讲解一一对号：行为的对象所对应的是图片热区，行为的对象则是鼠标的移入和移出等。通过讲解使学生逐渐熟悉行为的内容和行为的过程以及制作行为的步骤。

2）小组讨论教学法。无论是何种知识的学习，不同学生对同一知识均会产生不同的理解，也会从不同角度分析知识的内容。中职学生的思维更加活跃，更需要表现自己，在网页设计与制作學习中，知识的宽度为他们提供了充分的想象空间。因此，在网页设计与制作实际教学中，教师应鼓励学生发挥自己的想象，以小组合作的方式完成一部高质量的作品。小组讨论法能够激发学生学习热情，并促进学生共同进步。如网页设计与制作中涉及网页的布局与规划，教师首先让学生讨论网页布局要素“表格、AP元素、框架”三者间的关系及优缺点，通过小组辩论赛的方式激发学生的学习热忱；根据学生辩论结果，教师加以引导，将会令学生产生极为深刻的印象。

综合应用 中职院校的网页设计具体应用如何？本文以学校科技活动节为例，展示网页设计与制作的教学实例。为加强教学效果，课堂实施“小组合作，团队协作”的教学育人策略，期望学生在合作中共同完成网页设计与制作的内容，并得到默会知识。通过小组合作的方式制作的成果将在全校开展评比，相应的奖励是有效的激励手段。项目教学的实施步骤如下。

1）确定项目主题。网页设计与制作的主题来源应紧扣科技活动节，教师可根据活动内容向学生推荐主题，学生也可根据自己的理解自主确定主题，具体可制作科技类、美食类、动漫类等。项目确认后，各组应确认与主题相关的网站模板，以模板为核心开展网站制作。项目的目标是每个小组制作出一个完整的网站。

2）制订计划。网页设计的制作计划离不开民主原则，以小组为单位，成员充分讨论，最终确定网页设计的步骤和过程。

3）组织实施。经过缜密的审议得出网页设计的计划后，小组成员依据计划进行分工，以合作原则为新网页设计的基本原则开展活动。

①收集设计所需素材。好的网页设计离不开素材的搜集和整理。根据学生搜集的素材来源，可以将其分为网络来源、书本来源和教师指导。网络是学生素材搜集的主要渠道，学生通过网络搜集大量素材，但网络搜集的素材多数不能直接使用，有些甚至是比较差的素材。为此学生在整理和搜集材料应坚持贵精不贵多的原则。书本来源和教师指导则相应比较好，学生可以直接进行创作。

②绘制网页设计所需网站模板。绘制网站模版的工具多数为Photoshop或者Fireworks等。作为初学者，学生在网页设计时缺乏想象和规划，教师在此环节应给予学生指导和帮助。教师可以给予学生一些成熟的网页设计内容，要求学生学习以上网页设计的思路和框架结构，如有可以学习和借鉴的，不妨运用在自己的网页设计中。除此之外，教师应要求学生进行小组合作，加强思想的碰撞。

③鼓励学生在实践操作中对话交流。默会知识很难流动，它只有在显性化或被他人吸收、利用时才能发挥作用，只有在人际互动学习中才便于其生成与获得。

④项目结果汇报与作品展示。各个小组展示模板和网页，并陈述作品的创作过程。

5 结语

实践教学的质量决定中职学校的人才培养质量，所以教学改革需要不断深化。本文对网页设计与制作课程的教学内容、教学方法等进行探讨，旨在增强中职生的学习兴趣和学习积极性，提高他们的实践操作技能，这需要在实践教学过程中不断地进行探索和完善。

参考文献

刘颖，王丽菊.基于项目教学在《网页设计与网站建设》中的探索[J].中国校外教育，2010（12）：162.

[2]钟增胜，许江.项目驱动式教学的实践与研究[J].重庆工商大学学报：社会科学版，2009（5）：159-160.

[3]陈静.浅谈默会知识对《网页设计与网站建设》课程实践教学的指导[J].出国与就业：就业版，2010（4）：90-91.

[4]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007（13）：264.