高职院校网页设计实践

周景报， 唐建宁

（肇庆科技职业技术学院信息工程系，广东肇庆 526110）

0 引 言

网页设计作为一门应用性较强的课程在社会信息化高度发展的情况下，需求不断加大，同时，网页设计软件也不断升级换代，这也使得网页实训过程变得颇具难度，如何使所学的东西能够真正应用到实践中去，这就是作为网页设计实践教学不得不去思考的一个问题，高职高专类院校作为实用型、技能型人才培养的基地，更加注重实际技能的培养，在很多相关专业也都开设有计算机网页设计课程[1]。笔者就曾担任过我院电子商务专业的计算机网页设计课程的实践教学，在教学的过程中深感该门课程的实用性及其快速的变化和新知识的不断出现，那么如何在有限的实践课时内让学生掌握较强的实践操作技能，这无论是对学生还是老师来说都是一个富有挑战的问题。文中主要从计算机网页设计实践、实训过程等几个方面来讨论这些问题。

1 实践过程与实践计划的制定

网页设计作为一门实践性技术，其实践过程的制定与实践计划的安排是合理进行实践过程的重要环节，高职高专相关专业设置计算机网页设计这一课程的实践，其目的是使学生能够根据所学的知识去解决网页设计中存在的一些实际问题，以及能够独立完成一些简单的网页设计、管理、维护等工作。在正式进行实践之前，通过对一个案例的分析了解同学们对网页设计的兴趣以及对网页设计这门课程的了解，从而掌握学生基础，然后根据学生对网页设计课程的基础来制订出符合他们的实践过程与实践计划。在制订实践过程与实践计划的过程中充分考虑学生对网页基础知识的认识及对网页这门实践课程的学习能力，将该实践课程中学生难于接受的理论知识转换成学生容易接受的且注重实践锻炼的操作技能。

2 实践过程的主要内容

计算机网页设计实践过程内容广泛，涉及面较多，文中主要从以下几个方面来讨论。

2.1 网页设计基础类实训

这类实训的目的主要是让学生对网页设计相关操作软件的熟悉，提高操作能力，要求学生通过实训熟悉网页设计的实施流程、方案及设计方法，充分了解网站规划、设计和开发的规则和步骤，掌握网站规划结构和规划站点的浏览机制。

例如，现在常用的网页设计软件有Macromedia Dreamweaver 8，因此，这方面的实训主要有:

1）网页设计类软件的熟悉及应用，主要包括Macromedia Dreamweaver 8界面熟悉及基本操作;Macromedia Fireworks 8界面熟悉及基本操作以及Adobe Photoshop CS界面熟悉及基本操作[2]。

2）规划站点结构:①用文件夹来保存文档;②使用合理的文件名称;③大小写问题;④合理分配文档中的资源、规划站点的浏览机制;⑤创建返回主机链接;⑥提供站点的简明目录;⑦创建前进和后退链接;⑧搜索、索引和反馈[3]。

建立登录页面的网站体系结构如图1所示。

图1 登录页面的网站体系结构图

通过这些实训，可以使学生基本掌握构建小型网站及页面操作等基本网页设计技能。

2.2 网页设计维护管理类实训

这类实训的目的是培养学生对设计好的网页或建立好的网站进行维护与管理能力，以应付在网页交付使用的过程中可能出现的问题。如在建立一个新闻类网站时，除了在它的形式上要加以维护，还必须要在它的内容上加以维护，另外，还有信息的维护及安全的维护等。而这方面的实训主要有服务器的维护与管理:

1）目录管理;

2）动态维护、性能管理;

3）性能的监测与分析、日常维护与管理[4];

4）日常维护管理、网站更新与升级;

5）网站更新;

6）网站升级、常用网站管理软件等。

通过这些实训，使学生基本掌握网页管理与维护，网页出现故障时的处理方法以及对网站更新或升级的技术处理能力[5]。

在实训过程中，可以经常以系网站作为实例来给同学们进行讲解，如图2所示。

图2 系网站实例

由此可以看到，其信息的更新是不及时的，那么我们该如何去及时地更新呢，这要涉及到一些后台的操作，当然这些实训操作让学生能更好地掌握操作的技能。

2.3 网页设计综合应用类实训

通过网页设计综合应用类实训使学生对这门实践课程的学习有了初步的了解，并掌握网页设计的基本方法，通过不断上机实习训练达到解决实际问题的能力，满足大中型企业网页设计工作的需求。这方面的实训主要有实例实训，为了使学生真实体验网站建立与网页制作的实际工作流程，教师机房的网络资源通过在教师机与学生机上让学生安装、配置Web服务器管理程序IIS，建立一个真实的网站开发实验环境，使得实践者可以在自己的计算机上进行网站的实际开发、建立、管理与网络发布。通过实训使学生能够掌握较为深入的网页设计技术，能较快胜任更为复杂的大中型企业网页设计与管理工作。

3 网页实践过程方法

网页设计实践过程方法很多，如任务驱动法、讨论实践法、项目实践法、分组实践法等。那么在实践过程中应该采用哪种实践方法，这要视实际实践内容以及学生的实际情况而定，并在本实践过程中改变传统的“以教师为主，单一演练”的实践模式，采用“以教师为主导，以学生为主体，以培养学生职业能力为本位，以国家职业资格标准为依据，融教学做一体”这一实践教学模式。在实践过程中，突出“项目导向、任务驱动”的实践方法与基于工作过程的教学过程相结合。按照工作过程和职业岗位对本实践课程的知识要求来选取实践的具体内容，引入工作过程中的真实案例，将之分解成多个子项目和工作任务，学生在完成项目任务过程中，逐步提高自己的职业能力和实践水平[6]。为达到掌握实践内容的目标，文中尝试了多种实践的方法，其中效果较好的方法如下。

3.1 项目实践法

项目实践法是在实践过程中将知识和职业技能互相渗透，充分挖掘学生的创新能力，为学生近距离就业奠定基础。在实践进行之前，将实践过程分为5个步骤:任务导入、教师讲解示范、学生模仿操作、单元总结、拓展练习。在实践过程中，教师提供实践项目，以工作过程为主线开展实践过程的操作，按照完成一个实际工作项目的完整流程组织实践过程。经调查，大部分学生认为这种方法有助于他们提高解决问题的能力。

3.2 任务驱动实践法

采用“教师布置任务→学生自主策划完成→教师引导学生总结→学生撰写工作日志”[7]的模式，将自主策划、任务分解、教学做和经验总结有机结合。例如在进行表格应用的实践过程中，给学生布置了一个任务，通过建立一个Web画廊让学生来掌握表格设计与应用。学生们认为这种方法有助于提高学习积极性和求知欲望，加强解决未知问题的能力。Web画廊样式如图3所示。

图3 Web画廊样式

3.3 情景实践法

在充分考虑学生的认知水平和能力的基础上，把握学生的认知规律，按照由简单到复杂，由易到难循序渐进地学习知识、训练技能，该实践过程以网站类型为载体设计了3个实践过程的情景，即简单个人网站、小型企业信息网站、电子商务网站，并根据实际工作流程分成4个子情景，即编写网站策划书、设计网页效果图、制作网站、发布与维护网站。促使学生根据情景层层深入地完成整个实践任务，掌握相应的职业技能。

4 结 语

计算机网页设计技术及相关软件发展如此迅速，要想让学生在有限的实践过程中对计算机网页设计达到真正的掌握，可能要考虑更多的是如何教给学生实践的方法及实践技能。因此，作为教师必须根据网页设计的实际情况，从网页设计的真实案例入手来进行网页设计的规划、设计、运行和升级维护，到企业网站的发布运行等内容的实践讲解与实践演练，努力提高学生分析问题、动手实践和解决实际问题的能力，这才符合职业教育的重心。同时，在讲解实践内容时要注重课程内容与实践的联系，要在整个实践过程中真正把“以实际应用为前提，以工学结合为基本”作为指导思想。这样在实践过程中，当遇到实际问题时才能及时调整实践的方法，才能进行合理实践，使实践过程有条不紊地进行下去，也只有这样才能使网页设计的实用性在实践过程中不知不觉地渗透到每一位学生，并使其产生兴趣，能快速地将知识应用于实践，从而在工作时能投入到自己的角色中去。

[1] 李吉祥.网站开发与网页设计实用教程[M].北京:北京师范大学出版社，2008:78-79.

[2] 贾勤，张毅.网页设计三合一能力教程[M].北京:中国铁道出版社，2006.

[3] 王春红.网站规划建设与管理维护教程与实训[M]. 2版.北京:北京大学出版社，2010:65.

[4] 来宾，付晨朴.网站规划建设与管理维护[M].北京:冶金工业出版社，2003:24-25.

[5] 王淑每.ASP.NET动态网站设计[M].北京:清华大学出版社，2010:17-18.

[6] 都桂英.高职院校《网页设计》课程教学设计[J].教育理论与实践，2010，27:57-59.

[7] 李景霞.浅谈任务型教学法在专业课实践教学中的应用研究[J].中国职业技术教育，2007（22）:41-42.

[8] 肖金秀，冯沃，廖疆星.网页设计培训教程[M].北京:冶金工业出版社，2003.