周蘇峽

摘 要：該文介紹了《網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目化教學(xué)思路和方法，從設(shè)計(jì)理念與思路、對計(jì)應(yīng)相關(guān)專業(yè)建設(shè)與發(fā)展的定位與作用、課程內(nèi)容的針對性與適用性、教學(xué)內(nèi)容的組織與安排、教學(xué)模式的設(shè)計(jì)與創(chuàng)新、實(shí)踐教學(xué)條件的建設(shè)與使用等6個(gè)方面進(jìn)行了設(shè)計(jì)與分析，為學(xué)生較好地掌握知識及快速適應(yīng)工作崗位需求進(jìn)行了一些思考和探索。

關(guān)鍵詞：高職院校 網(wǎng)頁設(shè)計(jì) 項(xiàng)目化課程 開發(fā)實(shí)踐

中圖分類號：TP311.1 文獻(xiàn)標(biāo)識碼：A 文章編號：1674-098X（2017）02（c）-0224-02

《網(wǎng)頁設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用專業(yè)的一門專業(yè)核心課程。該課程目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應(yīng)用等課程的學(xué)習(xí)為基礎(chǔ)，也是進(jìn)一步學(xué)習(xí)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)等課程的基礎(chǔ)。學(xué)完本課程，要求學(xué)生能達(dá)到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進(jìn)行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗(yàn)的能力。

按照高職高專知識傳授特點(diǎn)與職業(yè)技能需求，同時(shí)根據(jù)網(wǎng)頁設(shè)計(jì)與制作課程知識的掌握規(guī)律，目前我校采用了項(xiàng)目化教學(xué)方法，為學(xué)生較好地掌握知識及快速適應(yīng)工作崗位需求打下扎實(shí)的基礎(chǔ)。

1 設(shè)計(jì)理念與思路

該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學(xué)習(xí)內(nèi)容設(shè)計(jì)為網(wǎng)頁設(shè)計(jì)實(shí)際工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。采用整體→模塊→整體的設(shè)計(jì)思路，按照簡單到復(fù)雜、單一到綜合、低級到高級的原則進(jìn)行。

1.1 設(shè)計(jì)理念：學(xué)習(xí)的內(nèi)容是工作，通過工作實(shí)現(xiàn)學(xué)習(xí)。

這一理念體現(xiàn)了該課程的職業(yè)性和實(shí)踐性，同時(shí)學(xué)習(xí)的主體變?yōu)閷W(xué)生，學(xué)習(xí)內(nèi)容以培養(yǎng)學(xué)生的職業(yè)技能為主。為體現(xiàn)這一設(shè)計(jì)理念，在課程設(shè)計(jì)前我們調(diào)研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對網(wǎng)頁設(shè)計(jì)各個(gè)方面涵蓋的崗位進(jìn)行職業(yè)技能與職業(yè)素質(zhì)分析，整合出一個(gè)基于工作實(shí)踐的“網(wǎng)頁設(shè)計(jì)與制作”項(xiàng)目（比工作實(shí)踐更完備體現(xiàn)課程的各個(gè)知識點(diǎn)）。同時(shí)分解實(shí)際工作中網(wǎng)頁設(shè)計(jì)的工作流程和崗位，確立多個(gè)子項(xiàng)目。這種方式學(xué)習(xí)，充分體現(xiàn)職業(yè)典型工作任務(wù)，以“工作”促學(xué)習(xí)，邊“工作”邊學(xué)習(xí)，學(xué)生學(xué)習(xí)內(nèi)容具體化，學(xué)習(xí)興趣大大提高。

1.2 設(shè)計(jì)思路：整體→模塊→整體

課程設(shè)計(jì)的思路是根據(jù)幾個(gè)不同類型的網(wǎng)站案例整體設(shè)計(jì)入手，將網(wǎng)頁設(shè)計(jì)所有環(huán)節(jié)和操作步驟詳細(xì)介紹給學(xué)生，讓學(xué)生從與“用戶”溝通開始參與到整個(gè)系統(tǒng)的設(shè)計(jì)過程中，教師根據(jù)任務(wù)需要，先給出網(wǎng)頁效果圖，讓學(xué)生體驗(yàn)完成后的整體效果，再根據(jù)項(xiàng)目進(jìn)程分解任務(wù)，這種設(shè)計(jì)優(yōu)點(diǎn)是能讓學(xué)生將學(xué)習(xí)過程作為完整的“工作”過程。在此基礎(chǔ)上，進(jìn)一步將各工作任務(wù)分成若干子任務(wù)，通過90課時(shí)教學(xué)+30課時(shí)整周實(shí)訓(xùn)學(xué)習(xí)，最終將各個(gè)子項(xiàng)目整合，完成網(wǎng)站整體設(shè)計(jì)工作。在子模塊學(xué)習(xí)任務(wù)設(shè)定中，每個(gè)子任務(wù)設(shè)計(jì)是按實(shí)際工作中網(wǎng)頁設(shè)計(jì)的技能要求提煉出來的，能滿足不同崗位的需求。

項(xiàng)目完成時(shí)，我們還設(shè)計(jì)了學(xué)員相互評價(jià)體系，對設(shè)計(jì)成果進(jìn)行評估，讓學(xué)生在自我學(xué)習(xí)過程中及時(shí)總結(jié)并收獲進(jìn)步。

2 對專業(yè)建設(shè)與發(fā)展的定位與作用

該課程采用項(xiàng)目化教學(xué)方式，可以起到如下作用。

（1）學(xué)生對該專業(yè)的工作崗位有了具體認(rèn)識，了解了各崗位所需的專業(yè)知識，從而幫助學(xué)生進(jìn)行職業(yè)規(guī)劃和知識儲備。（2）學(xué)生對所學(xué)專業(yè)的工作內(nèi)容有了比較具體的認(rèn)識。該課程使學(xué)生對計(jì)應(yīng)專業(yè)到底是做什么的、怎么做等問題有了全面認(rèn)識，增強(qiáng)了學(xué)習(xí)信心和學(xué)習(xí)興趣。

3 課程內(nèi)容的針對性與適用性

（1）該課程是依據(jù)“計(jì)算機(jī)應(yīng)用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設(shè)計(jì)師職業(yè)崗位設(shè)置的?？傮w設(shè)計(jì)思路是：著重培養(yǎng)學(xué)生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識，以網(wǎng)站設(shè)計(jì)工作任務(wù)為中心選擇和組織課程內(nèi)容，讓學(xué)生在完成網(wǎng)站設(shè)計(jì)具體項(xiàng)目的過程中完成相應(yīng)工作任務(wù)。課程構(gòu)成主要突出職業(yè)能力要求。（2）課程總學(xué)時(shí)為90學(xué)時(shí)教學(xué)+ 30學(xué)時(shí)整周實(shí)訓(xùn)，內(nèi)容包括Web服務(wù)器配置、網(wǎng)頁視覺效果設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、網(wǎng)頁兼容性設(shè)計(jì)等。

（3）知識目標(biāo)和能力目標(biāo)。

知識目標(biāo)應(yīng)掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學(xué)習(xí)結(jié)束，學(xué)生應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設(shè)計(jì)出綜合性的網(wǎng)站。

能力目標(biāo)主要體現(xiàn)以下方面：

①熟練使用網(wǎng)頁編輯軟件。

②熟練使用樣式表控制頁面外觀。

③能在網(wǎng)頁中設(shè)置需要的腳本。

④能進(jìn)行網(wǎng)站的更新與管理。

另外根據(jù)職業(yè)教育要求，加強(qiáng)學(xué)生以下素質(zhì)：

①服務(wù)意識：為他人提供優(yōu)質(zhì)的服務(wù)。

②文明法制意識：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。

③合作精神：能夠與他人合作，具有協(xié)調(diào)能力和組織管理能力。

④較強(qiáng)的自我知識及技術(shù)更新能力：能快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動(dòng)態(tài)。

4 教學(xué)內(nèi)容的組織與安排

該課程主要教學(xué)內(nèi)容包括網(wǎng)站服務(wù)器、HTML、CSS、網(wǎng)頁界面整體設(shè)計(jì)（含JavaScript應(yīng)用）、網(wǎng)頁兼容性等5個(gè)教學(xué)模塊，其中HTML和CSS為學(xué)習(xí)和實(shí)踐的重點(diǎn)，通過幾個(gè)案例的制作過程展開知識講授。具體教學(xué)內(nèi)容及課時(shí)安排見表1，“網(wǎng)頁外觀制作技術(shù)”項(xiàng)目的教學(xué)設(shè)計(jì)見表2（其他教學(xué)項(xiàng)目的教學(xué)設(shè)計(jì)因篇幅所限此處省略）。

5 教學(xué)模式的設(shè)計(jì)與創(chuàng)新

在該課程的教學(xué)中，教學(xué)地點(diǎn)由教室遷移到一體化實(shí)訓(xùn)室，教學(xué)方式由教師講為主轉(zhuǎn)變?yōu)閷W(xué)生做為主。實(shí)施中包含如下步驟。

（1）指定清晰的工作任務(wù)，教師展示頁面效果。（2）學(xué)生制訂工作計(jì)劃，理順工作思路。（3）教師進(jìn)行工作過程輔導(dǎo)，講解涉及的理論知識。（4）學(xué)生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學(xué)資源。（5）學(xué)生完成工作任務(wù)，體驗(yàn)工作效果。（6）師生及企業(yè)專家共同評價(jià)工作成果。

6 實(shí)踐教學(xué)條件的建設(shè)與使用

課程在網(wǎng)站設(shè)計(jì)一體化教室完成，其間配合到企業(yè)現(xiàn)場教學(xué)實(shí)習(xí)環(huán)節(jié)，實(shí)施時(shí)由每位學(xué)生獨(dú)立完成網(wǎng)頁制作任務(wù)，課程各種教學(xué)資源能夠在學(xué)習(xí)過程中在線使用。

7 結(jié)語

課程的開發(fā)與實(shí)踐是教育實(shí)施中始終不能停止的工作，不僅要根據(jù)課程教學(xué)的一般規(guī)律行事，還要根據(jù)不同專業(yè)、不同課程加以調(diào)整，另外也并不是所有課程都能很好地適用項(xiàng)目化教學(xué)方法，在職業(yè)技術(shù)教育中只有與時(shí)俱進(jìn)，本著培養(yǎng)實(shí)用型人才、服務(wù)于社會經(jīng)濟(jì)發(fā)展的宗旨，才能真正讓學(xué)生對課程知識學(xué)得快、學(xué)得好、用得著。