趙智慧

（浙江工業(yè)大學(xué)之江學(xué)院，浙江杭州310024）

基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式與應(yīng)用*

趙智慧

（浙江工業(yè)大學(xué)之江學(xué)院，浙江杭州310024）

本文重點(diǎn)分析了人文社科類專業(yè)網(wǎng)頁設(shè)計(jì)教學(xué)現(xiàn)狀，提出基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式，以項(xiàng)目為主導(dǎo)，以有效溝通為目標(biāo)，并具體分析了該模式實(shí)施的細(xì)節(jié)。

有效溝通；網(wǎng)頁設(shè)計(jì)；教學(xué)模式

近年來，隨著課程體系改革與就業(yè)壓力的日趨增大，各高校在人文社科類專業(yè)中開設(shè)了網(wǎng)頁設(shè)計(jì)與制作類課程，其中不乏知名度較高的院校，如武漢大學(xué)新聞與傳播學(xué)院、上海師范大學(xué)人文與傳播學(xué)院等。然而，由于該類課程以往主要開設(shè)在計(jì)算機(jī)、電子信息、電子商務(wù)等理工科或藝術(shù)設(shè)計(jì)等藝術(shù)類專業(yè)，決定了課程在培養(yǎng)目標(biāo)、教學(xué)內(nèi)容、教學(xué)方法與手段、考核體系等方面都有明顯的專業(yè)背景，而這些特色背景對(duì)于沿用它的人文社科類專業(yè)學(xué)生來講并非全部適合。因此，如何使網(wǎng)頁設(shè)計(jì)與制作類課程更適合人文社科類專業(yè)特點(diǎn)，如何使這些專業(yè)學(xué)生也能在網(wǎng)絡(luò)傳播領(lǐng)域更好地為地方經(jīng)濟(jì)發(fā)展服務(wù)的研究就十分迫切而重要。本文依據(jù)對(duì)廣告學(xué)、廣播電視新聞學(xué)、視覺傳達(dá)等專業(yè)學(xué)生的網(wǎng)頁設(shè)計(jì)課程教學(xué)，提出基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式。

一、問題的提出

1．專業(yè)教學(xué)中的問題

網(wǎng)頁設(shè)計(jì)類課程兼具藝術(shù)性、應(yīng)用性，而現(xiàn)實(shí)中，往往根據(jù)不同培養(yǎng)模式與教學(xué)目的，有所側(cè)重。在廣告學(xué)等人文類專業(yè)以及視覺傳達(dá)等藝術(shù)類專業(yè)的網(wǎng)頁設(shè)計(jì)課程教學(xué)中，面臨的首要問題就是，這些專業(yè)的學(xué)生大多是文科背景，對(duì)動(dòng)態(tài)網(wǎng)頁、網(wǎng)站建設(shè)等涉及的程序語言、數(shù)據(jù)庫、腳本語言等方面的內(nèi)容學(xué)習(xí)起來很吃力，甚至根本無從下手；其次，即使是廣告學(xué)專業(yè)，在網(wǎng)頁設(shè)計(jì)課程原有教學(xué)體系中，也很少涉及網(wǎng)頁設(shè)計(jì)與營銷需求、網(wǎng)絡(luò)優(yōu)化等方面的內(nèi)容，更勿論藝術(shù)類專業(yè)，這往往使網(wǎng)頁設(shè)計(jì)脫離實(shí)際；最后，以往大多教學(xué)模式普遍重操作而輕設(shè)計(jì)，網(wǎng)頁藝術(shù)效果不佳，同時(shí)，在這種傳統(tǒng)填鴨式的、重理論而輕實(shí)踐的教學(xué)模式下，學(xué)生積極性不高，知識(shí)與技能的綜合性應(yīng)用也就較為欠缺。

2．中小企業(yè)網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)現(xiàn)狀

隨著網(wǎng)絡(luò)新媒體與網(wǎng)絡(luò)營銷的發(fā)展，自2001年建站狂潮后，仍有許多中小企業(yè)熱衷于網(wǎng)站建設(shè)。根據(jù)調(diào)研，目前中小企業(yè)網(wǎng)站建設(shè)大多采用服務(wù)外包形式，目的相對(duì)簡單，主要是企業(yè)形象宣傳、發(fā)布產(chǎn)品和服務(wù)信息，提供在線服務(wù)，開展電子商務(wù)等，隨之的功能要求也逐漸回歸理性，轉(zhuǎn)而對(duì)成本的考慮較多。[1]同時(shí)，網(wǎng)站建設(shè)還存在許多問題：總體策劃、建站目的不明確，過于追求美觀與新功能而忽視用戶體驗(yàn)，缺乏有效的網(wǎng)站推廣策略，網(wǎng)站信息管理與維護(hù)不足等。[2]

二、基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式概述

相比于以往各類教學(xué)模式來講，該模式針對(duì)問題、主動(dòng)調(diào)整，是一種更適合人文社科類專業(yè)學(xué)生、對(duì)當(dāng)前企業(yè)尤其是中小企業(yè)網(wǎng)站建設(shè)更有針對(duì)性的新模式。首先，它汲取以往教學(xué)模式的成功經(jīng)驗(yàn)，在案例教學(xué)基礎(chǔ)上，以項(xiàng)目導(dǎo)入、主題任務(wù)驅(qū)動(dòng)[3]為教學(xué)主線，注重案例、主題任務(wù)、項(xiàng)目在日常教學(xué)、課程考核等方面的重要作用；其次，它與傳統(tǒng)網(wǎng)頁設(shè)計(jì)課以培養(yǎng)學(xué)生在網(wǎng)站建設(shè)、網(wǎng)頁美工、網(wǎng)頁制作、網(wǎng)站管理與維護(hù)等領(lǐng)域具備全面、系統(tǒng)的綜合能力為目標(biāo)有所不同，轉(zhuǎn)而有所側(cè)重，更加體現(xiàn)人文社科類的專業(yè)特色，以培養(yǎng)學(xué)生設(shè)計(jì)、制作能與用戶有效溝通的視覺網(wǎng)頁為目標(biāo)。

三、基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式的實(shí)施

1．教學(xué)目標(biāo)與定位的調(diào)整

在市場競爭、就業(yè)壓力日益增大，職業(yè)市場細(xì)分度加劇的今天，各類專業(yè)定位與建設(shè)以市場需求、就業(yè)需求為導(dǎo)向，這就要求網(wǎng)頁設(shè)計(jì)課程教學(xué)的目標(biāo)與定位也要有相應(yīng)改變。曾經(jīng)有研究通過對(duì)前程無憂、智聯(lián)招聘等專業(yè)網(wǎng)絡(luò)招聘站點(diǎn)的調(diào)研，統(tǒng)計(jì)出與網(wǎng)頁設(shè)計(jì)課程相關(guān)的崗位需求有：網(wǎng)頁設(shè)計(jì)與制作、網(wǎng)頁美工、界面設(shè)計(jì)、網(wǎng)頁編輯、網(wǎng)站運(yùn)營與管理、搜索引擎優(yōu)化等。[4]另外，根據(jù)對(duì)浙江省中小企業(yè)網(wǎng)站建設(shè)現(xiàn)狀及問題的調(diào)研分析，發(fā)現(xiàn)當(dāng)前網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)中存在的普遍問題有：網(wǎng)站前期策劃不足、忽視網(wǎng)站可用度、網(wǎng)站內(nèi)容更新過慢、網(wǎng)站推廣不力、頁面形象差或與企業(yè)理念不符、華而不實(shí)等。

這些調(diào)研與存在的問題對(duì)網(wǎng)頁設(shè)計(jì)課程教學(xué)提出了更高的要求，然而，這些問題的出現(xiàn)并非僅限于網(wǎng)頁設(shè)計(jì)本身，還包括了網(wǎng)站建設(shè)與管理等更為廣泛的領(lǐng)域，為使網(wǎng)頁設(shè)計(jì)教學(xué)更適合人文社科類專業(yè)特點(diǎn)，必須有針對(duì)性、側(cè)重性。也就是要使教學(xué)目標(biāo)調(diào)整到培養(yǎng)學(xué)生設(shè)計(jì)、制作能與用戶有效溝通的視覺網(wǎng)頁。這里的有效溝通主要涉及兩方面內(nèi)容，一方面是網(wǎng)頁設(shè)計(jì)與營銷需求的有效溝通，即網(wǎng)頁設(shè)計(jì)要有營銷的理念，要注重前期策劃、注重搜索引擎優(yōu)化等現(xiàn)代化網(wǎng)絡(luò)營銷手段對(duì)網(wǎng)頁推廣的重要作用；另一方面是網(wǎng)頁設(shè)計(jì)與用戶體驗(yàn)的有效溝通，即網(wǎng)頁設(shè)計(jì)要以用戶體驗(yàn)為中心，在設(shè)計(jì)出符合企業(yè)理念、具有藝術(shù)審美性網(wǎng)頁的同時(shí)，還要注重網(wǎng)頁可用性、可信度等要求。在教學(xué)定位方面，出于專業(yè)局限與培養(yǎng)目標(biāo)考慮，主要以靜態(tài)網(wǎng)頁設(shè)計(jì)教學(xué)為主，區(qū)別于數(shù)據(jù)庫為基礎(chǔ)的動(dòng)態(tài)網(wǎng)頁與整體網(wǎng)站建設(shè)。

2．教學(xué)方法的繼承與創(chuàng)新

目前，為改革傳統(tǒng)網(wǎng)頁設(shè)計(jì)課程教學(xué)方法的不足，許多學(xué)者研究了項(xiàng)目式教學(xué)法[5]、任務(wù)驅(qū)動(dòng)教學(xué)法[6]等教學(xué)方法在網(wǎng)頁設(shè)計(jì)課程中的運(yùn)用。這兩種方法在本質(zhì)上是一致的，都以完成一定主題任務(wù)為目標(biāo)，在項(xiàng)目分解、自主探索與團(tuán)隊(duì)協(xié)作的過程中，通過實(shí)踐掌握相應(yīng)的知識(shí)與技能，實(shí)現(xiàn)互動(dòng)式的、積極的教學(xué)效果。本文的教學(xué)模式繼承這種教學(xué)方法，同時(shí)，在最為關(guān)鍵的項(xiàng)目或任務(wù)的設(shè)計(jì)上，根據(jù)廣告學(xué)等專業(yè)的教學(xué)經(jīng)驗(yàn)，突出案例項(xiàng)目與競賽項(xiàng)目的選題設(shè)計(jì)。

案例項(xiàng)目即教師精心選擇、設(shè)計(jì)相關(guān)案例，將知識(shí)點(diǎn)與技能操作融合到典型案例中去，該案例可以是參考教材中的案例，也可以是現(xiàn)實(shí)案例的再設(shè)計(jì)，期間注重教師在案例選取的代表性、啟發(fā)性、針對(duì)性方面的指導(dǎo)作用，以及學(xué)生團(tuán)隊(duì)對(duì)案例的討論、策劃，總體上通過學(xué)生先期獨(dú)立設(shè)計(jì)、教師后期指導(dǎo)演示等過程完成項(xiàng)目。競賽項(xiàng)目密切聯(lián)系相關(guān)學(xué)科競賽，由教師指定或?qū)W生團(tuán)隊(duì)討論選取一定的競賽項(xiàng)目，或自行組織舉辦網(wǎng)頁設(shè)計(jì)大賽、多媒體大賽等，進(jìn)行實(shí)戰(zhàn)模擬，學(xué)生在學(xué)習(xí)的同時(shí)也獲取了參賽鍛煉、贏取成績的機(jī)會(huì)，提高了學(xué)習(xí)積極性。

3．教學(xué)內(nèi)容的側(cè)重與綜合

基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式的主體教學(xué)內(nèi)容是靜態(tài)網(wǎng)頁設(shè)計(jì)與制作，除了網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí)，以及利用Photoshop、Dreamweaver等軟件進(jìn)行設(shè)計(jì)與操作以外，根據(jù)教學(xué)目標(biāo)與人文社科類專業(yè)特點(diǎn)，還需要在傳統(tǒng)教學(xué)內(nèi)容基礎(chǔ)上有針對(duì)性地選取與綜合。

（1）突出網(wǎng)站策劃教學(xué)的全局性作用

雖然在教學(xué)定位上以靜態(tài)網(wǎng)頁設(shè)計(jì)為主，但網(wǎng)頁與網(wǎng)站一脈相承，互相作用，不能人為地硬性割裂它們的聯(lián)系，反而更需在思想上重視網(wǎng)站策劃在網(wǎng)頁設(shè)計(jì)中的重要作用，只有明確的整體策劃觀念，才能使具體的網(wǎng)頁設(shè)計(jì)有的放矢。這里的網(wǎng)站策劃教學(xué)主要包括網(wǎng)站形象風(fēng)格的確立、網(wǎng)站的功能定位、網(wǎng)頁布局與導(dǎo)航系統(tǒng)規(guī)劃等全局性內(nèi)容，同時(shí)，這些內(nèi)容也比較適合人文社科類專業(yè)學(xué)生的教學(xué)。

（2）明確HTML代碼、SEO策略等的地位

以往包括藝術(shù)類在內(nèi)的人文社科類網(wǎng)頁設(shè)計(jì)教學(xué)往往只看設(shè)計(jì)結(jié)果而忽視設(shè)計(jì)過程中的HTML代碼分析、SEO（搜索引擎優(yōu)化）策略的學(xué)習(xí)，這常常導(dǎo)致學(xué)生設(shè)計(jì)制作出來的網(wǎng)頁存在內(nèi)部結(jié)構(gòu)不合理、代碼冗雜、素材資源不夠優(yōu)化、無SEO策略等問題。而這些問題對(duì)于市場競爭日趨白熱化的網(wǎng)絡(luò)營銷來說是致命的，在教學(xué)中應(yīng)該把這些問題及其設(shè)計(jì)要點(diǎn)放到重要地位。

（3）提升藝術(shù)設(shè)計(jì)水平

以往大多網(wǎng)頁設(shè)計(jì)類課程開設(shè)在計(jì)算機(jī)、電子商務(wù)等專業(yè)，學(xué)生作品藝術(shù)效果不佳現(xiàn)象非常普遍，新的教學(xué)模式通過優(yōu)秀網(wǎng)頁作品的演示、分析，以及學(xué)生獨(dú)立作品設(shè)計(jì)指導(dǎo)等措施注重提升學(xué)生藝術(shù)設(shè)計(jì)水平。

（4）加強(qiáng)利用Dreamweaver快速提案的能力

在實(shí)際調(diào)研中發(fā)現(xiàn)，許多從業(yè)者具有一定的網(wǎng)頁設(shè)計(jì)能力，但設(shè)計(jì)制作周期長，不能適應(yīng)行業(yè)競爭的快節(jié)奏。其中的一個(gè)原因就是普遍缺乏設(shè)計(jì)效果與設(shè)計(jì)結(jié)果間快速轉(zhuǎn)化的能力，這就需要在校階段就加強(qiáng)學(xué)生利用Dreamweaver等工具快速提案素質(zhì)的培養(yǎng)，即利用軟件快速實(shí)現(xiàn)設(shè)計(jì)效果，以進(jìn)行效果展示的問題。這方面著重加強(qiáng)了各項(xiàng)操作技能的熟練掌握，尤其是表格、DIV+ CSS、模版等在網(wǎng)頁布局中的理解與應(yīng)用，同時(shí)，在項(xiàng)目模擬階段對(duì)學(xué)生明確制作時(shí)間、周期等要求，限時(shí)保質(zhì)完成任務(wù)。

4．考核方式的調(diào)整與分配

作為實(shí)踐性、應(yīng)用性強(qiáng)的課程，網(wǎng)頁設(shè)計(jì)的考核方式也在不斷變化，并逐漸從傳統(tǒng)的筆試考試形式過渡到目前更為注重動(dòng)手能力的作品考查形式。筆者通過實(shí)踐教學(xué)對(duì)比發(fā)現(xiàn)，盡管筆試形式比較傳統(tǒng)，但它在考核學(xué)生對(duì)于重要的基本概念、原理掌握程度上有著先天優(yōu)勢，不宜直接取消，另外，對(duì)于學(xué)生平時(shí)小組討論、作業(yè)以及考勤表現(xiàn)加強(qiáng)過程管理，用期末作品作為整個(gè)課程綜合性的總結(jié)與檢驗(yàn)。具體分?jǐn)?shù)比例為：平時(shí)作業(yè)與表現(xiàn)（30%）+理論知識(shí)點(diǎn)考試（30%）+期末作品（40%）。

5．教材與上機(jī)指導(dǎo)書的配套編寫

由于課程教學(xué)內(nèi)容的變化與教學(xué)目標(biāo)的調(diào)整，使得現(xiàn)有單本教材很難全面滿足教學(xué)需求，因此，需要配套編寫教材與上機(jī)指導(dǎo)書。這套資料融合了營銷、藝術(shù)設(shè)計(jì)、網(wǎng)站策劃與網(wǎng)頁制作等相關(guān)內(nèi)容，并建議了相應(yīng)的課時(shí)分配。

四、結(jié)束語

本文提出了基于項(xiàng)目面向溝通的網(wǎng)頁設(shè)計(jì)教學(xué)模式并進(jìn)行了具體分析，特色在于將網(wǎng)頁設(shè)計(jì)教學(xué)置于人文社科類專業(yè)與市場需求、就業(yè)需求大背景下，從教學(xué)目標(biāo)、教學(xué)方法、教學(xué)內(nèi)容、考核方式等方面進(jìn)行優(yōu)化，明確了教學(xué)定位，增強(qiáng)了學(xué)生學(xué)習(xí)的積極性，提高了教學(xué)質(zhì)量。☉

[1]劉永軍.中小企業(yè)網(wǎng)站建設(shè)問題探討[J].商場現(xiàn)代化,2008(23):149.

[2]潘萍.中小企業(yè)網(wǎng)站建設(shè)與推廣問題探討[J].中國市場,2008(4):82-83.

[3]朱翠苗.“項(xiàng)目導(dǎo)入、任務(wù)驅(qū)動(dòng)”教學(xué)法在計(jì)算機(jī)課程教學(xué)中的應(yīng)用[J].現(xiàn)代計(jì)算機(jī)，2009(1):94-96.

[4]于曉霞,沈志剛.基于“工作過程”面向“職業(yè)崗位定位”的教學(xué)模式在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用[J].中國科技信息,2009(6):212-213.

[5]劉良方.項(xiàng)目式教學(xué)法在《網(wǎng)頁設(shè)計(jì)與制作》實(shí)訓(xùn)中的應(yīng)用[J].中國科技信息，2009(8):236-237.

[6]劉敏娜，葛萌.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的創(chuàng)新性改革[J].中國新技術(shù)新產(chǎn)品，2009(3):164.

（編輯：隗爽）

book=4,ebook=120

G642.0

A

1673-8454（2010）15-0072-03

*浙江工業(yè)大學(xué)之江學(xué)院教改課題研究成果。