高职高专“网页设计”课程教学探索及研究

李洁

（广西科技师范学院，广西来宾　546199）



高职高专“网页设计”课程教学探索及研究

李洁

（广西科技师范学院，广西来宾546199）

摘要：针对“网页设计”课程的特点，以实践教学为基础，尝试在“网页设计”课程中融入现代教学理念。分别从课程教学目标、内容、教学环节及方法、上机实践、考评体系等五方面，讨论研究科学有效的课程体系结构和策略，力争培养出真正符合时代发展需求的新型高素质网页设计应用型人才。

关键词：高职高专；“网页设计”课程；教学；探索

伴随着网络时代的到来，网络信息服务技术也在越来越多领域被广泛应用，互联网正无处不在的渗透进人们的日常生活，改变着人们的工作、学习以及生活方式。小到个人，大到企业，各行各业的企事业单位无不纷纷通过建立网站来宣传介绍自己。网站管理员、网页设计师成为了当今网络时代赤手可热的职业，需求量稳步上升。面对如此的人才契机，各类高职高专院校纷纷将与网页设计相关的课程纳入计算机专业的必修课程，“网页设计”也成为了高职高专计算机专业学生接触到的一门专业必修基础课程［1］。

“网页设计”是一门实践操作性非常强的课程，需要技术与艺术的完美结合［2］。因此作为任课教师，既要注重网页设计相关基础知识的讲解，更要培养学生独立操作的能力，同时，要善于启发学生思维，让学生将他们天马行空的艺术思维通过他们所学的技术表现出来。而如何在有限的课堂教学中，让学生能够尽可能多的掌握到网页设计的技术和精髓，并能够将他们学到的技术运用到他们的艺术设想中，具备使用Dreamweaver软件开发网站的能力，成为了授课教师不断探索的目标。笔者结合多年的实践教学经验，通过对该领域的探索和研究，并结合本校高职学生的特点，考虑从以下五个方面进行着手。

一、分析市场人才需求，明确课程教学目标和任务

市场对网页设计人才的需求，理应成为我们制定教学目标的第一准则。对网页设计人才，市场需要具有较强的实际动手能力，具备网页设计、网站维护等实践技能，并具有良好网页设计和网站管理素养的应用型人才。“网页设计”课程应从市场需求考虑，从高职教育的特点出发，培养满足市场需求的专业技术型人才。

具体来说，在专业能力培养方面，注重培养学生熟练运用DreamWeaver网页设计工具软件制作静态网页；使用CSS样式和DIV层进行统一风格网站设计；能应用简单的JavaScript脚本进行网页特效设计；根据特定的需求进行网站规划、制作以及维护和更新等管理操作。在学习能力培养方面，侧重培养学生从多种渠道获取信息、查找资料的能力；根据兴趣爱好制定学习计划的能力；以及通过不同方法更新自我知识，从不同方面提高技术水平、自我提高的能力。在社会能力培养方面，培养学生与人沟通和协商的能力；培养良好的团队协作能力；培养学生良好的服务意识和应变能力；具有严谨的工作作风和良好的职业素养。教学的最终目的是尽可能使每一个学生能做出具有一定技术含量的网页作品，并掌握一定网站管理及维护技能［3］。

二、以就业为导向，周密设计课程教学内容

为了让学生能在以后的工作中真正做到“学以致用”，“网页设计”课程教学内容应该以就业为导向，教学内容应有针对性，尽可能纳入日后工作中可能要用到的技术和碰到的问题，并及时做出调整以适应课程技术发展。任课教师应本着“学以致用”的宗旨，并结合本校学生的实际水平和课程学时数制定合理的教学计划和教学内容。同时，为了适应时代技术的变化发展，教学内容应与时俱进，保证及时更新。“网页设计”课程的教学内容应该包括HTML超文本标记语言、DreamWeaver网页设计软件以及CSS层叠样式表等方面的内容［4］。

（一）HTML超文本标记语言

HTML中的标签是构成静态网页最基本的元素，也是开发ASP、JSP、PHP等各种动态页面的基础。因此，HTML语言是开发页面的有力保证，应当是必不可少的教学内容。

（二）DreamWeaver网页设计软件

网页设计软件有很多，目前流行的DreamWeaver是一款集网页设计和管理网站于一身的所见即所得网页编辑器，课程的目标是教会学生熟练使用DreamWeaver软件进行网站开发，熟练掌握该软件的各项基本功能。同时，作为教师，除了正确引导学生熟练掌握DreamWeaver的基本功能和操作外，为了学生能有更大进步，要善于引导学生举一反三，告知学生DreamWeaver网页设计软件使用虽然简单，但是如果想设计出实用优美的网页作品，需要从大量的实战积累经验，需要在多看多思中汲取他人的经验，加入自己的想法，才能开发出有自己风格的、美观实用的网页。

（三）CSS层叠样式表

CSS是HTML的层叠样式表机制，由W3C制定。能够将网页结构和内容彻底分离，从而可以轻松控制网页的布局。对有大量页面的网站尤为适用。相对于传统HTML的表现，CSS能方便快速对网页风格进行设计和修改，对大量网页的维护和更新操作尤为有效，方便对页面进行统一风格控制。同时，加入CSS样式表设计出来的网页体积更小，下载速度更快，并且获得各类浏览器的支持。为了更快更好的设计出风格统一、让人赏心悦目的网页，掌握CSS迫在眉睫。

三、根据不同教学环节，合理运用各种教学方法

作为一门以“做”为主的课程，课程所涉及的所有理论知识如果仅通过课件进行呈现，学生只能停留在对表层概念的理解，而如果能将理论知识在技能训练中进行理解和掌握，势必收到立竿见影的效果，因此，必须多多强化学生的操作技能，让学生在操作中获得理解和掌握，从而提高学生的实战能力。针对高职高专学生动手能力较强而理论基础较弱的特点，将“网页设计”课程教学分为理论授课、上机实验和项目实现三个环节，融教、学、做于一体，从培养学生的实际操作技能入手，根据不同环节，分别采用案例教学法、任务驱动教学法、项目教学法等不同教学方式实施到教学的不同环节中。

（一）以实际案例引入理论课堂体系

案例教学法是一种以案例为基础的教学法（case-based teaching）。在理论课教学中，用心设计每一个知识点，与实际应用相结合，将每次课的教学重点难点融入到一个精心设计的实际案例中［5］。在实际授课中充分利用多媒体教学手段进行直观演示，避免空洞无趣的演说式教学。例如，以笔者在教学的某一次课为例，在实际授课前，首先给学生演示了一个事先做好的网页实例，该网页用到本次课将要介绍的新技术来完成，通过精选的实例吸引学生的兴趣，然后逐步引导学生讨论并分析实例中涉及到的技术，并在直观演示中感受该技术在浏览器中的页面效果。最后，在对该实际案例的逐步演示中，向学生精心讲解本节的重要技术及其知识点，同时进行操作示范。通过将实际案例引入理论课堂教学体系，使理论授课不再是空洞无趣的说教。案例法教学过程如图1。

（二）以任务为驱动加强上机实验课教学

“任务驱动”教学法提倡教师指导下的、以学生为中心的学习，主要特点是“任务驱动，注重实践”，它很适合计算机类课程的教学。在“网页设计”的上机实验课教学阶段，采用“以任务为诱导，教师为主导，学生为主体”的任务驱动教学法［6］。在实际上机授课中，将教学内容分为基本任务和提高性任务两种操作等级要求的任务。在基本任务阶段，教师准备与理论课教学同步的若干个实验任务，任务相互独立，准备好学习情境和素材，要求学生按照设定好的学习情境进行设计，主要目的是掌握基础知识。在提高性任务中，要求学生能按照教师提出的场景要求和技术要点，充分发挥自己的能动性，自行搜集和制作网站素材，自行设计网页布局、风格和色调等，独立完成操作任务，进一步培养学生的动手能力和创造能力。任务驱动教学法在上机实验课阶段的采用，可以保证学生在“经典任务”的引导下，从简单到复杂，循序渐进地完成其他任务。整个过程的实施，有助于学生全面理清网页设计的一系列知识脉络，对学生分析和解决问题能力的培养大有裨益。在任务驱动教学模式下，教师、学生、任务作为整个教学流程的三要素缺一不可并相互积极互动，过程如图2。

图1　案例教学流程

（三）以项目为导向全面强化项目实现

在课程的项目实现阶段，采用“以项目为主线、教师为引导、学生为主体”的项目教学法。在实际实施中，教师以项目为导向，指导学生进行项目选题，引导学生从分析项目具体流程开始，在项目推进过程中为学生分析和讲解项目所涉及到的技术重点和难点。组织学生分组合作，指导学生制定开发流程并按流程进行自主项目开发，在整个过程中，教师从主导变为引导。同时，在指导过程中，要善于发现学生遇到的困难和问题并及时引导寻找解决方案。注重了解各组开发进程，鼓励学生积极攻克技术难点，对一些各组共同遇到的问题进行统一讲解。在项目实现阶段，采用以项目为主线组织贯穿基本知识脉络的教学模式，在实施中，学生不仅熟练巩固了技术点，同时产生了自己实实在在的作品，得到一种发自内心的满足感和成就感，从而可以有效激发学生的主体作用，调动了学生的积极性，同时，通过项目的团队合作，培养了学生的团队意识和责任意识［7］。项目教学法的实施过程如图3。

图2　任务驱动教学过程

图3　项目教学实施过程

四、强化实训操作，注重上机操作环节

作为一门实践性很强的课程，“网页设计”课程要求学生既要学好理论知识，更要掌握实践操作技能，所以上机操作环节非常重要，作为任课教师应该突出重视。上机操作环节，学生技艺的获得，一开始通常是通过模仿老师的演示操作或课本实例，然后通过亲身上机实践来掌握网页设计的技术和方法。在实例模仿操作环节，教师应善于培养学生从实践中进行总结和分析问题的能力，联想情境，发挥想象力，善于思考当前的基本操作适用于什么样的情境下，或者能用于什么样的功能下，逐步提高学生的创造力和想象力。只有这样，才能保证学生在经过一系列的上机实训后，真正学习到网页设计的基本技巧，领悟到当中的精髓。所以在学生上机操作课，对于任课教师来说，并不是最轻松的与己无关的一次课。

首先，任课教师需要制定好每次上机实验课要求学生完成的具体内容和任务，认真检查督促学生按时按质独立完成每次课的任务要求，同时做好保存以便在后续项目中使用。

其次，任课教师应认真并及时对学生上机任务进行检查，同时做出适当指导，及时有效的帮助学生解决上机过程中遇到的问题。要从培养学生的自主学习能力出发，善于引导，指导适度，应从解决困难的角度为学生提供思路，而不是简单、粗糙的包办代办。

另外，为了培养出高素质的网页设计人才，任课教师应着力培养学生独立构思和设计网页作品的能力，引导学生充分利用各方资源，主动搜集资料和素材，开拓思路，并注重培养学生的团队协作能力。

五、调动学生积极性，建立良好的课程考评体系

根据“网页设计”的课程性质和教学目标，为了更有效的调动学生学习的积极性和热情，课程考核采用期末上机操作考试和“期末作品”考核相结合的形式进行评价。两项成绩比例分别占总评成绩的60%和40%。期末上机操作考试采取单人单机的形式进行，题目从广西科技师范学院专科组“网页设计”课程上机题库中抽取，学生根据试题的具体步骤、要求、样张、素材等，在规定时间内独立完成上机考试的各项操作，根据每项操作得分细则进行评分。

“期末作品”考核要求每人制作一个小型网站，主题自选，网站包含若干个静态页面，网页内容自行决定，但网站制作应尽可能多的涵盖课程所学到的知识点，尽可能多的考虑使用不同技术表现不同的内容。学生本人完成包括主页规划图的设计、网页素材的搜集、网页用到的图像及一些多媒体文件的处理和制作、网站首页的布局、各个内容页的设计以及对网站的管理和测试等一系列网站开发工作。通过“期末作品”的考核，既可以检查学生对该门课程的掌握程度，也可以让学生在课程结束前重新巩固之前所学的知识，并将所学应用于实际网站开发中。有效地激发了学生学习的热情，很好地培养了学生运用所学进行网站设计的综合能力。

相比传统的理论课程考试，“期末作品”考核方式性质差别较大，因此针对“作品考核”应制定其特有的评价标准，不仅要看评价的结果，更应重视评价的过程性；结果评价应该包括对学生基本理论知识掌握情况的考查，以及对学生自主创新意识、实践能力以及团队协作能力的考查。教师可从布局、内容、配色、表现力、创新力、用到的技术点和难度系数等方面对作品进行综合评价。教师应把考核作为鼓励学生掌握技能和不断求知的有效途径，而不仅仅是考评学生成绩的手段。

综上，为了培养出真正符合时代发展需求的新型高素质网页设计应用型人才，任课教师应分析市场对网页设计应用型人才的需求，积极改进传统教学模式下重理论、轻创新与实践的思维定势，在教学中敢于探索、推陈出新，以找出能培养高素质网页设计人才的教学模式。在教学的不同阶段，教师应不怕失败，大胆改革陈旧的教学模式，勇于探索并尝试各种教学方法。为了调动学生积极性，任课教师应不遗余力地完善课程考评体系。摈弃高分低能的人才培养模式，开启同时培养学生知识技能、实践技能、创新能力和团队协作能力等各项综合技能的全新培养方式，最大限度地提高学生综合素质。此外，作为任课教师，还应不断关心和研究网页设计课程的最新技术，及时更新自身知识结构，只有从知识结构、教学方法和手段、课程考评等各方面不断革新，才能使网页设计课程收到更显著的效果，培养出真正符合时代发展需求的新型网页设计人才［8］。

［参考文献］

［1］万良，黄锦祝.网页制作技术课程改革探索［J］.中国职业技术教育，2007（7）：35.

［2］戚爽.“Dreamweaver网页制作”课程的教学研究［J］.长春理工大学学报，2010（12）：169-170.

［3］曹芳.“网页设计与制作”课程教学改革［J］.科技视界，2015（21）：59.

［4］时武略.“互联网+”背景下的网页制作课程改革探索［J］.无线互联科技，2016（2）：91-92.

［5］邵波.Dreamweaver网页制作课程中“案例教学法”的应用［J］.电脑知识与技术，2016（1）：226-227.

［6］刘凤云，夏文忠，乔玉冰.任务驱动教学法在高职“网页制作”课程中的应用探索［J］.张家口职业技术学院，2015（1）：73-74.

［7］吴皖赣.项目教学法在网页制作公选课中的应用［J］.赤峰学院学报：自然科学版，2015（15）：32-33.

［8］倪兴旺.高职“网页设计与制作”课程教学方法改革探索［J］.长春理工大学学报，2012（6）：216-217.

（责任编辑：雷凯）

中图分类号：G642.4

文献标识码：A

文章编号：2096-2126（2016）03-0117-04

［收稿日期］2016-03-24

［作者简介］李洁（1980—），女，广西贵港人，硕士，讲师，研究方向：智能优化算法。

The Exploration and Research on the Curriculum of Web Design in Vocational Colleges

LI Jie

（College of Mathematics and Computer Science，Guangxi Science&Technology Normal University，Laibin，Guangxi，546199 China）

Abstract:Aiming at the characteristics of the course of Web Design，this paper tries to integrate the concept of modern teaching in the course of Web Design based on the practical teaching，which is respectively from the following five aspects:teaching target，content，teaching methods，computer practice and evaluation system to discuss scientific research and effective curriculum system structure and strategy，and strive to cultivate application talents with new high-quality of web design truly meeting the development needs of the times.

Key words:vocational colleges；Web Design；curriculum；research