基于项目面向沟通的网页设计教学模式与应用*

赵智慧

（浙江工业大学之江学院，浙江杭州310024）

基于项目面向沟通的网页设计教学模式与应用*

赵智慧

（浙江工业大学之江学院，浙江杭州310024）

本文重点分析了人文社科类专业网页设计教学现状，提出基于项目面向沟通的网页设计教学模式，以项目为主导，以有效沟通为目标，并具体分析了该模式实施的细节。

有效沟通；网页设计；教学模式

近年来，随着课程体系改革与就业压力的日趋增大，各高校在人文社科类专业中开设了网页设计与制作类课程，其中不乏知名度较高的院校，如武汉大学新闻与传播学院、上海师范大学人文与传播学院等。然而，由于该类课程以往主要开设在计算机、电子信息、电子商务等理工科或艺术设计等艺术类专业，决定了课程在培养目标、教学内容、教学方法与手段、考核体系等方面都有明显的专业背景，而这些特色背景对于沿用它的人文社科类专业学生来讲并非全部适合。因此，如何使网页设计与制作类课程更适合人文社科类专业特点，如何使这些专业学生也能在网络传播领域更好地为地方经济发展服务的研究就十分迫切而重要。本文依据对广告学、广播电视新闻学、视觉传达等专业学生的网页设计课程教学，提出基于项目面向沟通的网页设计教学模式。

一、问题的提出

1．专业教学中的问题

网页设计类课程兼具艺术性、应用性，而现实中，往往根据不同培养模式与教学目的，有所侧重。在广告学等人文类专业以及视觉传达等艺术类专业的网页设计课程教学中，面临的首要问题就是，这些专业的学生大多是文科背景，对动态网页、网站建设等涉及的程序语言、数据库、脚本语言等方面的内容学习起来很吃力，甚至根本无从下手；其次，即使是广告学专业，在网页设计课程原有教学体系中，也很少涉及网页设计与营销需求、网络优化等方面的内容，更勿论艺术类专业，这往往使网页设计脱离实际；最后，以往大多教学模式普遍重操作而轻设计，网页艺术效果不佳，同时，在这种传统填鸭式的、重理论而轻实践的教学模式下，学生积极性不高，知识与技能的综合性应用也就较为欠缺。

2．中小企业网站建设与网页设计现状

随着网络新媒体与网络营销的发展，自2001年建站狂潮后，仍有许多中小企业热衷于网站建设。根据调研，目前中小企业网站建设大多采用服务外包形式，目的相对简单，主要是企业形象宣传、发布产品和服务信息，提供在线服务，开展电子商务等，随之的功能要求也逐渐回归理性，转而对成本的考虑较多。[1]同时，网站建设还存在许多问题：总体策划、建站目的不明确，过于追求美观与新功能而忽视用户体验，缺乏有效的网站推广策略，网站信息管理与维护不足等。[2]

二、基于项目面向沟通的网页设计教学模式概述

相比于以往各类教学模式来讲，该模式针对问题、主动调整，是一种更适合人文社科类专业学生、对当前企业尤其是中小企业网站建设更有针对性的新模式。首先，它汲取以往教学模式的成功经验，在案例教学基础上，以项目导入、主题任务驱动[3]为教学主线，注重案例、主题任务、项目在日常教学、课程考核等方面的重要作用；其次，它与传统网页设计课以培养学生在网站建设、网页美工、网页制作、网站管理与维护等领域具备全面、系统的综合能力为目标有所不同，转而有所侧重，更加体现人文社科类的专业特色，以培养学生设计、制作能与用户有效沟通的视觉网页为目标。

三、基于项目面向沟通的网页设计教学模式的实施

1．教学目标与定位的调整

在市场竞争、就业压力日益增大，职业市场细分度加剧的今天，各类专业定位与建设以市场需求、就业需求为导向，这就要求网页设计课程教学的目标与定位也要有相应改变。曾经有研究通过对前程无忧、智联招聘等专业网络招聘站点的调研，统计出与网页设计课程相关的岗位需求有：网页设计与制作、网页美工、界面设计、网页编辑、网站运营与管理、搜索引擎优化等。[4]另外，根据对浙江省中小企业网站建设现状及问题的调研分析，发现当前网站建设、网页设计中存在的普遍问题有：网站前期策划不足、忽视网站可用度、网站内容更新过慢、网站推广不力、页面形象差或与企业理念不符、华而不实等。

这些调研与存在的问题对网页设计课程教学提出了更高的要求，然而，这些问题的出现并非仅限于网页设计本身，还包括了网站建设与管理等更为广泛的领域，为使网页设计教学更适合人文社科类专业特点，必须有针对性、侧重性。也就是要使教学目标调整到培养学生设计、制作能与用户有效沟通的视觉网页。这里的有效沟通主要涉及两方面内容，一方面是网页设计与营销需求的有效沟通，即网页设计要有营销的理念，要注重前期策划、注重搜索引擎优化等现代化网络营销手段对网页推广的重要作用；另一方面是网页设计与用户体验的有效沟通，即网页设计要以用户体验为中心，在设计出符合企业理念、具有艺术审美性网页的同时，还要注重网页可用性、可信度等要求。在教学定位方面，出于专业局限与培养目标考虑，主要以静态网页设计教学为主，区别于数据库为基础的动态网页与整体网站建设。

2．教学方法的继承与创新

目前，为改革传统网页设计课程教学方法的不足，许多学者研究了项目式教学法[5]、任务驱动教学法[6]等教学方法在网页设计课程中的运用。这两种方法在本质上是一致的，都以完成一定主题任务为目标，在项目分解、自主探索与团队协作的过程中，通过实践掌握相应的知识与技能，实现互动式的、积极的教学效果。本文的教学模式继承这种教学方法，同时，在最为关键的项目或任务的设计上，根据广告学等专业的教学经验，突出案例项目与竞赛项目的选题设计。

案例项目即教师精心选择、设计相关案例，将知识点与技能操作融合到典型案例中去，该案例可以是参考教材中的案例，也可以是现实案例的再设计，期间注重教师在案例选取的代表性、启发性、针对性方面的指导作用，以及学生团队对案例的讨论、策划，总体上通过学生先期独立设计、教师后期指导演示等过程完成项目。竞赛项目密切联系相关学科竞赛，由教师指定或学生团队讨论选取一定的竞赛项目，或自行组织举办网页设计大赛、多媒体大赛等，进行实战模拟，学生在学习的同时也获取了参赛锻炼、赢取成绩的机会，提高了学习积极性。

3．教学内容的侧重与综合

基于项目面向沟通的网页设计教学模式的主体教学内容是静态网页设计与制作，除了网页设计基础知识，以及利用Photoshop、Dreamweaver等软件进行设计与操作以外，根据教学目标与人文社科类专业特点，还需要在传统教学内容基础上有针对性地选取与综合。

（1）突出网站策划教学的全局性作用

虽然在教学定位上以静态网页设计为主，但网页与网站一脉相承，互相作用，不能人为地硬性割裂它们的联系，反而更需在思想上重视网站策划在网页设计中的重要作用，只有明确的整体策划观念，才能使具体的网页设计有的放矢。这里的网站策划教学主要包括网站形象风格的确立、网站的功能定位、网页布局与导航系统规划等全局性内容，同时，这些内容也比较适合人文社科类专业学生的教学。

（2）明确HTML代码、SEO策略等的地位

以往包括艺术类在内的人文社科类网页设计教学往往只看设计结果而忽视设计过程中的HTML代码分析、SEO（搜索引擎优化）策略的学习，这常常导致学生设计制作出来的网页存在内部结构不合理、代码冗杂、素材资源不够优化、无SEO策略等问题。而这些问题对于市场竞争日趋白热化的网络营销来说是致命的，在教学中应该把这些问题及其设计要点放到重要地位。

（3）提升艺术设计水平

以往大多网页设计类课程开设在计算机、电子商务等专业，学生作品艺术效果不佳现象非常普遍，新的教学模式通过优秀网页作品的演示、分析，以及学生独立作品设计指导等措施注重提升学生艺术设计水平。

（4）加强利用Dreamweaver快速提案的能力

在实际调研中发现，许多从业者具有一定的网页设计能力，但设计制作周期长，不能适应行业竞争的快节奏。其中的一个原因就是普遍缺乏设计效果与设计结果间快速转化的能力，这就需要在校阶段就加强学生利用Dreamweaver等工具快速提案素质的培养，即利用软件快速实现设计效果，以进行效果展示的问题。这方面着重加强了各项操作技能的熟练掌握，尤其是表格、DIV+ CSS、模版等在网页布局中的理解与应用，同时，在项目模拟阶段对学生明确制作时间、周期等要求，限时保质完成任务。

4．考核方式的调整与分配

作为实践性、应用性强的课程，网页设计的考核方式也在不断变化，并逐渐从传统的笔试考试形式过渡到目前更为注重动手能力的作品考查形式。笔者通过实践教学对比发现，尽管笔试形式比较传统，但它在考核学生对于重要的基本概念、原理掌握程度上有着先天优势，不宜直接取消，另外，对于学生平时小组讨论、作业以及考勤表现加强过程管理，用期末作品作为整个课程综合性的总结与检验。具体分数比例为：平时作业与表现（30%）+理论知识点考试（30%）+期末作品（40%）。

5．教材与上机指导书的配套编写

由于课程教学内容的变化与教学目标的调整，使得现有单本教材很难全面满足教学需求，因此，需要配套编写教材与上机指导书。这套资料融合了营销、艺术设计、网站策划与网页制作等相关内容，并建议了相应的课时分配。

四、结束语

本文提出了基于项目面向沟通的网页设计教学模式并进行了具体分析，特色在于将网页设计教学置于人文社科类专业与市场需求、就业需求大背景下，从教学目标、教学方法、教学内容、考核方式等方面进行优化，明确了教学定位，增强了学生学习的积极性，提高了教学质量。☉

[1]刘永军.中小企业网站建设问题探讨[J].商场现代化,2008(23):149.

[2]潘萍.中小企业网站建设与推广问题探讨[J].中国市场,2008(4):82-83.

[3]朱翠苗.“项目导入、任务驱动”教学法在计算机课程教学中的应用[J].现代计算机，2009(1):94-96.

[4]于晓霞,沈志刚.基于“工作过程”面向“职业岗位定位”的教学模式在网页设计课程中的应用[J].中国科技信息,2009(6):212-213.

[5]刘良方.项目式教学法在《网页设计与制作》实训中的应用[J].中国科技信息，2009(8):236-237.

[6]刘敏娜，葛萌.《网页设计与制作》课程教学的创新性改革[J].中国新技术新产品，2009(3):164.

（编辑：隗爽）

book=4,ebook=120

G642.0

A

1673-8454（2010）15-0072-03

*浙江工业大学之江学院教改课题研究成果。