以創(chuàng)業(yè)為導向的《網(wǎng)頁設計與制作》課程教學

□彭學軍

《網(wǎng)頁設計與制作》是電子商務專業(yè)的基礎課程，課程包含的知識點多而散，傳統(tǒng)的方法是教師一個個的知識點去講授，然后學生上機去操作教師講授的案例，這樣存在的問題有兩個：由于講授和實驗課程安排之間有間隔,學生往往是在課堂上聽懂了,但是在實驗課中卻忘記操作，嚴重影響了教學效果；學生在僅有的實驗課時間里僅僅是在重復教師在課堂上所演示的操作，這樣的教學只能讓學生記住一些個案的制作，而無法發(fā)動學生的創(chuàng)造性。這樣對學生學習的主動性、積極性、創(chuàng)新能力培養(yǎng)很不利，學生很容易就失去學習的興趣，使得教學效果無法很好的延續(xù)下去。為了有效克服這些弊端，結合學生淘寶創(chuàng)業(yè)，我院《網(wǎng)頁設計與制作》教學團隊就該課程的教學改革進行了積極的探索與實踐。

一、教學內(nèi)容

（一）始業(yè)教育

2009年下半年，我院在市場營銷、電子商務、物流管理和計算機信息管理4個專業(yè)中各設一個“淘寶創(chuàng)業(yè)班”?！疤詫殑?chuàng)業(yè)班”面向浙江普高畢業(yè)生招生，每班30人。學院將對這些學生給予特殊的創(chuàng)業(yè)培養(yǎng)，打破常規(guī)的教學方式，主要教授學生們?nèi)绾伍_網(wǎng)上商店，學習經(jīng)營和管理的技巧。在學生開網(wǎng)店的創(chuàng)業(yè)過程中，如何來設計一個能吸引買家、實用的店鋪，這成為一個擺在學生面前一個迫切的問題。通過《網(wǎng)頁設計與制作》這門課程，結合淘寶店鋪的實際裝修，讓學生邊學邊做，遇到問題可以得到有效的解決，同時提高了學生的學習興趣和創(chuàng)業(yè)的興趣，從而掌握網(wǎng)頁設計與制作技能，提高實際操作能力和綜合素質(zhì)。因此，《網(wǎng)頁設計與制作》的始業(yè)教育應該包括以下幾個部分：

1.為何學。目前我院參與創(chuàng)業(yè)的學生達2400余人，其中2000多人在淘寶開網(wǎng)店，學生真刀實槍訓練，人均月收入幾千元。全院60%的學生可自理生活費，20%的學生能自己交學費。通過演示我院淘寶皇冠店鋪，引起學生的共鳴，從而增強學生的自信心。

2.學什么。告知學生本課程的總體安排，明確教學目標——制作和管理好一個優(yōu)秀的網(wǎng)店。利用多媒體演示淘寶皇冠店鋪，講解這些網(wǎng)店的構成。如規(guī)劃布局的表格、文本、圖片、按鈕、動畫、超鏈接等等。通過上述講解,一個復雜的網(wǎng)店就變成了學生有所接觸的知識點，從而產(chǎn)生躍躍欲試的感覺。特別是演示教學過程中的網(wǎng)店后應告訴學生，通過本課程的學習，大家都可以制作這樣的網(wǎng)店,而且也一定管理好這樣的網(wǎng)店，在學生明確整個任務的同時，激發(fā)其學習和創(chuàng)業(yè)的熱情、動機和求知的欲望。

3.如何學。告知學生本課程學習應當重視基本技術的掌握與網(wǎng)店實踐環(huán)節(jié)的訓練，需要加強實際動手能力的鍛煉。同時可以分享優(yōu)秀網(wǎng)店掌柜的學習心得，并提供學習本課程的有關優(yōu)秀淘寶網(wǎng)店。

（二）按照項目設計教學內(nèi)容

《網(wǎng)頁設計與制作》課程的傳統(tǒng)教學內(nèi)容安排一般按照教科書的章節(jié)順序，列舉的案例多是零散的，前后關聯(lián)不大，學生學習后還是不知道如何來設計和制作網(wǎng)頁。為此，在具體教學過程中，根據(jù)學生的實際情況，以提高學生的動手實踐能力為主旨，構建課程和教學內(nèi)容體系。按照《網(wǎng)頁設計與制作》課程的教學大綱為標準，選擇基于“真實性、項目化”的教學模式，設計了一個完整的項目，并貫穿整個課程。教學內(nèi)容就是根據(jù)電子商業(yè)專業(yè)的特點、學生的創(chuàng)業(yè)熱情等，設立“淘寶網(wǎng)店”這個完整的創(chuàng)業(yè)實踐項目，課程知識點講解圍繞“淘寶網(wǎng)店”的設計的全過程進行。該項目劃分為五個基本模塊, 模塊一：寶貝描述-學習使用HTML語言；模塊二：制作店標-學習使用PhotoShop軟件；模塊三：制作公告-學習使用Flash軟件；模塊四： 寶貝描述提高篇-CSS的使用；模塊五：綜合應用篇-Dreamweaver軟件的使用。

（三）增強網(wǎng)頁設計水平

《網(wǎng)頁設計與制作》課程是一門計算機科學與平面設計交叉的學科。傳統(tǒng)的教學內(nèi)容主要關注于網(wǎng)頁制作水平，而忽略了網(wǎng)頁設計水平。以至于學生在學完該課程后，軟件制作水平有較大水平的提高，但是不能制作出色彩搭配和諧、頁面布局美觀的優(yōu)秀作品。所以，必須給學生增加了平面設計方面美感的知識內(nèi)容，將平面設計貫穿于整個網(wǎng)頁設計與制作的教學過程中。本項目通過將一些淘寶皇冠店鋪展示給學生，講解該網(wǎng)店的設計理念，運用平面設計的方法，網(wǎng)店商品的組織方式、層次條理性等，使學生除了掌握基本的工具軟件使用外，學生還能了解網(wǎng)店界面設計中所需的基本版式、色彩、圖形、動畫的應用，進一步提高學生的審美觀和設計能力，提高網(wǎng)店設計和制作的質(zhì)量。

二、教學方法與教學手段

（一）教學方法一：采用任務驅動方法

以往的教學方法都是千篇一律按照教材照本宣科，學生被動來接受知識。而任務驅動教學方法的實施過程包括：設計任務、提出任務、分析任務、完成任務、交流評價五個環(huán)節(jié)?！叭蝿镇寗印苯虒W法，就是讓學生在一個個典型任務驅動下展開教學活動，引導學生由簡到繁、由易到難、循序漸進地完成一系列任務，在完成任務的過程中，培養(yǎng)提出問題、分析問題、解決問題的能力，建構真正屬于自己的知識與技能。

讓學生自我選擇今后要從事淘寶創(chuàng)業(yè)的一類商品，以 “項目模塊一：寶貝描述-學習使用HTML語言”為例，將其劃分為五個工作任務。任務一：設計寶貝描述框架圖；任務二：設計寶貝水?。蝗蝿杖涸O計寶貝描述；任務四：設計其他注意事項；任務五：完成寶貝描述。該項目學生通過完成一個個任務，不僅提高網(wǎng)頁的設計與制作水平，又增強了創(chuàng)業(yè)的興趣。

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

展示學生作品的過程既是讓學生充分展現(xiàn)自我價值的過程，又是一個內(nèi)容豐富多彩的學習過程。本項目學生作品的展示可以是一個淘寶網(wǎng)店的整體呈現(xiàn),也可以是淘寶網(wǎng)店中的某個寶貝、公告、店標等的技術或技巧的示范操作。通過這種教學方法，比老師講授更能刺激學生的學習欲望和創(chuàng)業(yè)興趣，更能激勵學生在課外用更多的時間去自學、創(chuàng)業(yè)。

通過淘寶網(wǎng)店展示，學生對自己的網(wǎng)店制作水平有了更清晰明確的定位，同時也會相互啟發(fā)和激勵，取長補短，使自己的網(wǎng)店制作水平得到提高。實踐表明，通過對學生淘寶網(wǎng)店的評價展示，顯著提高了學生學習的積極性與主動性，增強了學生的創(chuàng)業(yè)興趣。

（三）教學方法三：評價學生作品

客觀正確的評價學生的作品既能提高學生學習的積極性，又能增強創(chuàng)業(yè)信心。在本項目的每個模塊完成的時候，把設計同類商品的學生劃分為一個小組。先由每個小組的成員進行自評，再由本小組的其他成員評價，最后由商品不同類的小組評價。學生完成了網(wǎng)店的評價后，教師完成最終評價。在實踐教學中，先邀請計算機專業(yè)和藝術系專業(yè)教師一起對學生作品進行計算機技術、平面設計美感等方面評價；再邀請部分外系學生，讓他們充當網(wǎng)店顧客，對網(wǎng)店進行評價打分；最后邀請學院淘寶創(chuàng)業(yè)皇冠店鋪學生對網(wǎng)店進行評價，并提出一些修改意見。

課程指導老師進行最后的綜合評價，分別從計算機技術和平面設計美感兩方面對思路和技巧總結，找出差距和改正辦法。學生就可以學到更多的操作技巧和網(wǎng)頁設計思路，全面吸收整個項目活動的精髓。通過評價階段，教師對于一些重點、難點問題理解得更加透徹，并且積累了更多的項目教學經(jīng)驗。

（四）教學方法四：充分利用網(wǎng)絡平臺

1.充分利用淘寶網(wǎng)。借助淘寶網(wǎng)、結合我院學生的電子商務創(chuàng)業(yè)，進行《網(wǎng)頁設計與制作》課程改革。學生通過在淘寶網(wǎng)開設網(wǎng)店，利用淘寶免費提供的電子商務平臺，應用《網(wǎng)頁設計與制作》課程的知識，進行“零成本”創(chuàng)業(yè)。在“淘寶網(wǎng)店”項目過程中，學生不僅學到了網(wǎng)頁設計與制作知識，還提高了創(chuàng)業(yè)能力。

2.利用校園網(wǎng)，建立網(wǎng)絡教學平臺。通過建立教學平臺，實現(xiàn)教學內(nèi)容的電子化，方便學生自學，有利于提高學生的學習興趣，豐富學習資源。所有的教學資源和學生創(chuàng)業(yè)網(wǎng)店素材可在網(wǎng)上瀏覽和下載，任何學生在任何時候任何地方都能借助網(wǎng)絡平臺進行自主學習。在教學平臺中，還提供其他相關計算機技術和平面設計技術課程網(wǎng)站的鏈接，滿足學生的較高層次學習需求。

3.建立評價平臺。借助校園網(wǎng)，建立“淘寶網(wǎng)店”項目評價平臺，將學生淘寶網(wǎng)店的網(wǎng)址、信譽度、各種評價集中予以排名，以此來推動學生學習和創(chuàng)業(yè)的積極性。在評價平臺中，校園網(wǎng)內(nèi)的用戶可以在項目的任何階段對任何一名學生的淘寶網(wǎng)店的設計進行評分，平臺將按照“學生作品”評價規(guī)則進行計算，得出綜合評價。

三、考核方式

《網(wǎng)頁設計與制作》是一門實踐性強、旨在培養(yǎng)學生綜合能力的一門專業(yè)基礎課程。因此，結合我院電子商務專業(yè)的創(chuàng)業(yè)形式，本課程考核方式要打破傳統(tǒng)的以理論考試為主導的筆試，應突出在創(chuàng)業(yè)中實踐、實踐中學習，在實踐中考核，充分體現(xiàn)高職教育特色。在課程考核時采用了平時考核、階段性考核、期末考核、師生評價相結合的綜合考核方式。

（一）平時考核

課堂教學在設計任務時，每個任務都包含了教學目標所要求的知識點和能力要求，所以要求學生在教師的引導下完成課堂作業(yè)。在課堂上，根據(jù)學生的出勤情況、課堂紀律情況、課堂提問與平時練習等情況相結合，由任課老師進行公平公正評價評分。平時考核占學期總成績的10%。

（二）階段性考核

階段性考核是在整個項目的學習過程中進行中按照模塊、任務的劃分進行多次考核，當完成了一定的學習任務后，通過事先布置的任務來對學生進行考核，目的是測試學生階段性知識掌握情況與實踐操作能力情況。學生完成每一個階段性任務后撰寫階段試驗報告，然后提交階段性作品，由任課老師根據(jù)考核要求進行評價。階段性考核占學期總成績的30%。

（三）期末綜合考核

期末綜合考核是在整個“淘寶網(wǎng)店”項目結束后根據(jù)實驗總結報告進行項目集中檢查，目的是全面考察學生知識的掌握情況和實踐操作能力情況。學生完成了項目的全部階段后撰寫實驗總結報告，同時提交“淘寶網(wǎng)店”，由任課教師進行考核。期末綜合考核占學期總成績的40%。

（四）師生評價

師生評價主要包括組內(nèi)部評價、組外評價、計算機系相關老師評價、藝術系相關老師評價、本系外學生評價和淘寶皇冠店主評價等。組內(nèi)評價由小組內(nèi)的成員相互評價，主要考察小組內(nèi)成員的協(xié)作情況。組外評價由小組外學生進行評價，主要對網(wǎng)店的綜合評價。計算機系老師評價由計算機系教師從計算機技術的角度，對淘寶網(wǎng)店進行評價。藝術系老師評價由藝術系教師從平面設計的角度，對淘寶網(wǎng)店的美感進行評價。系外學生評價主要由外系的學生充當網(wǎng)店顧客，從“上帝”的角度對淘寶網(wǎng)店進行評價。淘寶皇冠店主評價由我院部分淘寶網(wǎng)店優(yōu)秀掌柜從自身的經(jīng)歷來對學生作品進行評價，并提出裝修建議。師生評價占學期總成績的20%。

（五）考核表

平時考核、階段性考核、期末考核、師生評價具體考核內(nèi)容如下表：

考核類型 考核內(nèi)容 評價主體 考核形式 所占比例平時考核1、課堂出勤2、紀律情況3、課堂提問4、平時練習任課老師 課堂考核 10%階段性考核 實踐任務完成情況 任課老師 任務考核 30%期末綜合考核 1、項目集中檢查2、實驗總結報告 任課老師 項目考核 40%

1、組內(nèi)總體評價 學生師生評價2、組外總體評價 學生3、計算機技術評價 計算機老師4、網(wǎng)店美感評價 藝術系老師5、顧客評價 外系學生6、優(yōu)秀同行評價 淘寶皇冠店主項目考核 20%

由于強化了平時的實踐環(huán)節(jié)考核力度，提高了過程性考核的比例，重視了學生基本專業(yè)素質(zhì)的培養(yǎng)，取得了很好的教學效果。

四、結束語

通過對《網(wǎng)頁設計與制作》課程教學內(nèi)容、教學方法與手段、考核方式等方面進行探索和改革，結合我院大力開展的淘寶網(wǎng)店創(chuàng)業(yè)，提高了學生的學習主動性、實踐操作技能，增強了學生的創(chuàng)業(yè)興趣，同時教師的業(yè)務能力也得以不斷提升，有力地提高了本課程的教學效果和水平。在實際教學中，教學改革和探索是一項長期的任務，需要不斷地探索和完善教學改革內(nèi)容和途徑，為提高學生素質(zhì)，建立更科學的教學體系而堅持不懈地努力。

[1]王珊.“網(wǎng)頁設計與技術”課程教學改革的研究與探索[J].教研教改，2009（7）：41.

[2]蔣秀姣.“網(wǎng)頁設計與制作”課程教學方法研究[J].探索爭鳴，2009（8）：24.

[3]殷兆燕，崔毓娟.《網(wǎng)頁設計與制作》課程教學改革探索與實踐[J].常州職業(yè)技術學院學報，2008（4）：64-66.