以创业为导向的《网页设计与制作》课程教学

□彭学军

《网页设计与制作》是电子商务专业的基础课程，课程包含的知识点多而散，传统的方法是教师一个个的知识点去讲授，然后学生上机去操作教师讲授的案例，这样存在的问题有两个：由于讲授和实验课程安排之间有间隔,学生往往是在课堂上听懂了,但是在实验课中却忘记操作，严重影响了教学效果；学生在仅有的实验课时间里仅仅是在重复教师在课堂上所演示的操作，这样的教学只能让学生记住一些个案的制作，而无法发动学生的创造性。这样对学生学习的主动性、积极性、创新能力培养很不利，学生很容易就失去学习的兴趣，使得教学效果无法很好的延续下去。为了有效克服这些弊端，结合学生淘宝创业，我院《网页设计与制作》教学团队就该课程的教学改革进行了积极的探索与实践。

一、教学内容

（一）始业教育

2009年下半年，我院在市场营销、电子商务、物流管理和计算机信息管理4个专业中各设一个“淘宝创业班”。“淘宝创业班”面向浙江普高毕业生招生，每班30人。学院将对这些学生给予特殊的创业培养，打破常规的教学方式，主要教授学生们如何开网上商店，学习经营和管理的技巧。在学生开网店的创业过程中，如何来设计一个能吸引买家、实用的店铺，这成为一个摆在学生面前一个迫切的问题。通过《网页设计与制作》这门课程，结合淘宝店铺的实际装修，让学生边学边做，遇到问题可以得到有效的解决，同时提高了学生的学习兴趣和创业的兴趣，从而掌握网页设计与制作技能，提高实际操作能力和综合素质。因此，《网页设计与制作》的始业教育应该包括以下几个部分：

1.为何学。目前我院参与创业的学生达2400余人，其中2000多人在淘宝开网店，学生真刀实枪训练，人均月收入几千元。全院60%的学生可自理生活费，20%的学生能自己交学费。通过演示我院淘宝皇冠店铺，引起学生的共鸣，从而增强学生的自信心。

2.学什么。告知学生本课程的总体安排，明确教学目标——制作和管理好一个优秀的网店。利用多媒体演示淘宝皇冠店铺，讲解这些网店的构成。如规划布局的表格、文本、图片、按钮、动画、超链接等等。通过上述讲解,一个复杂的网店就变成了学生有所接触的知识点，从而产生跃跃欲试的感觉。特别是演示教学过程中的网店后应告诉学生，通过本课程的学习，大家都可以制作这样的网店,而且也一定管理好这样的网店，在学生明确整个任务的同时，激发其学习和创业的热情、动机和求知的欲望。

3.如何学。告知学生本课程学习应当重视基本技术的掌握与网店实践环节的训练，需要加强实际动手能力的锻炼。同时可以分享优秀网店掌柜的学习心得，并提供学习本课程的有关优秀淘宝网店。

（二）按照项目设计教学内容

《网页设计与制作》课程的传统教学内容安排一般按照教科书的章节顺序，列举的案例多是零散的，前后关联不大，学生学习后还是不知道如何来设计和制作网页。为此，在具体教学过程中，根据学生的实际情况，以提高学生的动手实践能力为主旨，构建课程和教学内容体系。按照《网页设计与制作》课程的教学大纲为标准，选择基于“真实性、项目化”的教学模式，设计了一个完整的项目，并贯穿整个课程。教学内容就是根据电子商业专业的特点、学生的创业热情等，设立“淘宝网店”这个完整的创业实践项目，课程知识点讲解围绕“淘宝网店”的设计的全过程进行。该项目划分为五个基本模块, 模块一：宝贝描述-学习使用HTML语言；模块二：制作店标-学习使用PhotoShop软件；模块三：制作公告-学习使用Flash软件；模块四： 宝贝描述提高篇-CSS的使用；模块五：综合应用篇-Dreamweaver软件的使用。

（三）增强网页设计水平

《网页设计与制作》课程是一门计算机科学与平面设计交叉的学科。传统的教学内容主要关注于网页制作水平，而忽略了网页设计水平。以至于学生在学完该课程后，软件制作水平有较大水平的提高，但是不能制作出色彩搭配和谐、页面布局美观的优秀作品。所以，必须给学生增加了平面设计方面美感的知识内容，将平面设计贯穿于整个网页设计与制作的教学过程中。本项目通过将一些淘宝皇冠店铺展示给学生，讲解该网店的设计理念，运用平面设计的方法，网店商品的组织方式、层次条理性等，使学生除了掌握基本的工具软件使用外，学生还能了解网店界面设计中所需的基本版式、色彩、图形、动画的应用，进一步提高学生的审美观和设计能力，提高网店设计和制作的质量。

二、教学方法与教学手段

（一）教学方法一：采用任务驱动方法

以往的教学方法都是千篇一律按照教材照本宣科，学生被动来接受知识。而任务驱动教学方法的实施过程包括：设计任务、提出任务、分析任务、完成任务、交流评价五个环节。“任务驱动”教学法，就是让学生在一个个典型任务驱动下展开教学活动，引导学生由简到繁、由易到难、循序渐进地完成一系列任务，在完成任务的过程中，培养提出问题、分析问题、解决问题的能力，建构真正属于自己的知识与技能。

让学生自我选择今后要从事淘宝创业的一类商品，以 “项目模块一：宝贝描述-学习使用HTML语言”为例，将其划分为五个工作任务。任务一：设计宝贝描述框架图；任务二：设计宝贝水印；任务三：设计宝贝描述；任务四：设计其他注意事项；任务五：完成宝贝描述。该项目学生通过完成一个个任务，不仅提高网页的设计与制作水平，又增强了创业的兴趣。

（二）教学方法二：展示学生作品

展示学生作品的过程既是让学生充分展现自我价值的过程，又是一个内容丰富多彩的学习过程。本项目学生作品的展示可以是一个淘宝网店的整体呈现,也可以是淘宝网店中的某个宝贝、公告、店标等的技术或技巧的示范操作。通过这种教学方法，比老师讲授更能刺激学生的学习欲望和创业兴趣，更能激励学生在课外用更多的时间去自学、创业。

通过淘宝网店展示，学生对自己的网店制作水平有了更清晰明确的定位，同时也会相互启发和激励，取长补短，使自己的网店制作水平得到提高。实践表明，通过对学生淘宝网店的评价展示，显著提高了学生学习的积极性与主动性，增强了学生的创业兴趣。

（三）教学方法三：评价学生作品

客观正确的评价学生的作品既能提高学生学习的积极性，又能增强创业信心。在本项目的每个模块完成的时候，把设计同类商品的学生划分为一个小组。先由每个小组的成员进行自评，再由本小组的其他成员评价，最后由商品不同类的小组评价。学生完成了网店的评价后，教师完成最终评价。在实践教学中，先邀请计算机专业和艺术系专业教师一起对学生作品进行计算机技术、平面设计美感等方面评价；再邀请部分外系学生，让他们充当网店顾客，对网店进行评价打分；最后邀请学院淘宝创业皇冠店铺学生对网店进行评价，并提出一些修改意见。

课程指导老师进行最后的综合评价，分别从计算机技术和平面设计美感两方面对思路和技巧总结，找出差距和改正办法。学生就可以学到更多的操作技巧和网页设计思路，全面吸收整个项目活动的精髓。通过评价阶段，教师对于一些重点、难点问题理解得更加透彻，并且积累了更多的项目教学经验。

（四）教学方法四：充分利用网络平台

1.充分利用淘宝网。借助淘宝网、结合我院学生的电子商务创业，进行《网页设计与制作》课程改革。学生通过在淘宝网开设网店，利用淘宝免费提供的电子商务平台，应用《网页设计与制作》课程的知识，进行“零成本”创业。在“淘宝网店”项目过程中，学生不仅学到了网页设计与制作知识，还提高了创业能力。

2.利用校园网，建立网络教学平台。通过建立教学平台，实现教学内容的电子化，方便学生自学，有利于提高学生的学习兴趣，丰富学习资源。所有的教学资源和学生创业网店素材可在网上浏览和下载，任何学生在任何时候任何地方都能借助网络平台进行自主学习。在教学平台中，还提供其他相关计算机技术和平面设计技术课程网站的链接，满足学生的较高层次学习需求。

3.建立评价平台。借助校园网，建立“淘宝网店”项目评价平台，将学生淘宝网店的网址、信誉度、各种评价集中予以排名，以此来推动学生学习和创业的积极性。在评价平台中，校园网内的用户可以在项目的任何阶段对任何一名学生的淘宝网店的设计进行评分，平台将按照“学生作品”评价规则进行计算，得出综合评价。

三、考核方式

《网页设计与制作》是一门实践性强、旨在培养学生综合能力的一门专业基础课程。因此，结合我院电子商务专业的创业形式，本课程考核方式要打破传统的以理论考试为主导的笔试，应突出在创业中实践、实践中学习，在实践中考核，充分体现高职教育特色。在课程考核时采用了平时考核、阶段性考核、期末考核、师生评价相结合的综合考核方式。

（一）平时考核

课堂教学在设计任务时，每个任务都包含了教学目标所要求的知识点和能力要求，所以要求学生在教师的引导下完成课堂作业。在课堂上，根据学生的出勤情况、课堂纪律情况、课堂提问与平时练习等情况相结合，由任课老师进行公平公正评价评分。平时考核占学期总成绩的10%。

（二）阶段性考核

阶段性考核是在整个项目的学习过程中进行中按照模块、任务的划分进行多次考核，当完成了一定的学习任务后，通过事先布置的任务来对学生进行考核，目的是测试学生阶段性知识掌握情况与实践操作能力情况。学生完成每一个阶段性任务后撰写阶段试验报告，然后提交阶段性作品，由任课老师根据考核要求进行评价。阶段性考核占学期总成绩的30%。

（三）期末综合考核

期末综合考核是在整个“淘宝网店”项目结束后根据实验总结报告进行项目集中检查，目的是全面考察学生知识的掌握情况和实践操作能力情况。学生完成了项目的全部阶段后撰写实验总结报告，同时提交“淘宝网店”，由任课教师进行考核。期末综合考核占学期总成绩的40%。

（四）师生评价

师生评价主要包括组内部评价、组外评价、计算机系相关老师评价、艺术系相关老师评价、本系外学生评价和淘宝皇冠店主评价等。组内评价由小组内的成员相互评价，主要考察小组内成员的协作情况。组外评价由小组外学生进行评价，主要对网店的综合评价。计算机系老师评价由计算机系教师从计算机技术的角度，对淘宝网店进行评价。艺术系老师评价由艺术系教师从平面设计的角度，对淘宝网店的美感进行评价。系外学生评价主要由外系的学生充当网店顾客，从“上帝”的角度对淘宝网店进行评价。淘宝皇冠店主评价由我院部分淘宝网店优秀掌柜从自身的经历来对学生作品进行评价，并提出装修建议。师生评价占学期总成绩的20%。

（五）考核表

平时考核、阶段性考核、期末考核、师生评价具体考核内容如下表：

考核类型 考核内容 评价主体 考核形式 所占比例平时考核1、课堂出勤2、纪律情况3、课堂提问4、平时练习任课老师 课堂考核 10%阶段性考核 实践任务完成情况 任课老师 任务考核 30%期末综合考核 1、项目集中检查2、实验总结报告 任课老师 项目考核 40%

1、组内总体评价 学生师生评价2、组外总体评价 学生3、计算机技术评价 计算机老师4、网店美感评价 艺术系老师5、顾客评价 外系学生6、优秀同行评价 淘宝皇冠店主项目考核 20%

由于强化了平时的实践环节考核力度，提高了过程性考核的比例，重视了学生基本专业素质的培养，取得了很好的教学效果。

四、结束语

通过对《网页设计与制作》课程教学内容、教学方法与手段、考核方式等方面进行探索和改革，结合我院大力开展的淘宝网店创业，提高了学生的学习主动性、实践操作技能，增强了学生的创业兴趣，同时教师的业务能力也得以不断提升，有力地提高了本课程的教学效果和水平。在实际教学中，教学改革和探索是一项长期的任务，需要不断地探索和完善教学改革内容和途径，为提高学生素质，建立更科学的教学体系而坚持不懈地努力。

[1]王珊.“网页设计与技术”课程教学改革的研究与探索[J].教研教改，2009（7）：41.

[2]蒋秀姣.“网页设计与制作”课程教学方法研究[J].探索争鸣，2009（8）：24.

[3]殷兆燕，崔毓娟.《网页设计与制作》课程教学改革探索与实践[J].常州职业技术学院学报，2008（4）：64-66.