郭玉

（廣東郵電職業(yè)技術(shù)學院，廣東廣州 510630）

“網(wǎng)頁設(shè)計與制作”課程，在以往的教材編排和課程教學模式設(shè)計上，都采用的是從點到面，從基礎(chǔ)到綜合的方式設(shè)計的。筆者在三個年度學生的“網(wǎng)頁設(shè)計實訓”中發(fā)現(xiàn)，這樣的課程教學模式存在一些問題：首先，學生缺乏全局觀，在開始一門課程的最感興趣的初始階段，都在學習文字的編排和圖片的處理，最后才把若干網(wǎng)站元素綜合起來講布局，形成一個完整的美觀的網(wǎng)頁。從實訓中發(fā)現(xiàn)很多學生對整體的把握不好，看到一個網(wǎng)頁，很難根據(jù)提供的素材做出大致相同的頁面，盡管對各個元素的處理沒有多大問題，但是開發(fā)出一個完整的頁面還存在不小的困難。其次，一些學生對本門課程的授課內(nèi)容存在的疑問，為什么學習的是ASP，而不是他們看到的PHP、JSP等。最后，課程授課結(jié)果與社會市場需求不一致，學生在課程結(jié)束后，沒有真正的實踐經(jīng)驗，缺乏就業(yè)競爭力。綜合以上分析，對“網(wǎng)頁設(shè)計與制作”課程的教學模式進行思考和完善，并在實踐中不斷地加以完善。

1 課程設(shè)計模塊化

作為計算機專業(yè)基礎(chǔ)課程，“網(wǎng)頁設(shè)計與制作”涉及知識內(nèi)容繁多，如 HTML、CSS、JavaScript、Asp等眾多知識點。應該以工作過程為導向，以學生為主體，充分考慮學生的認知水平和已有知識、技能與興趣，為學生提供適應市場需要的、模塊化的學習資源，開發(fā)模塊式教學計劃。

因此，在課程設(shè)計上，將“網(wǎng)頁設(shè)計與制作”分為兩個大的模塊：前臺界面設(shè)計和后臺功能實現(xiàn)。從網(wǎng)站建設(shè)實際應用上來看，無論使用ASP、 PHP，還是J2EE和.NET，網(wǎng)站開發(fā)前臺界面設(shè)計的知識是相同，涉及HTML、CSS、JavaScript、布局、圖片處理等，所以這一部分知識作為課程重中之重，占用較大篇幅來講授，這一部分學好，任何時候都用的到。后臺功能模塊實現(xiàn)上采用ASP語言來講授，ASP作為網(wǎng)站后臺開發(fā)的教學語言，有著簡單易用易學的優(yōu)點，非常直觀。通過ASP的學習，重點掌握網(wǎng)站開發(fā)中共性的東西，如cookie、session、application、response、request的應用，以及對數(shù)據(jù)庫的各種操作。這些內(nèi)容，雖然學習的是ASP的語法，但是對無論使用ASP、JSP、PHP，還是J2EE和.NET進行網(wǎng)站開發(fā)，這些知識也都是最基礎(chǔ)和共性的東西。綜上所述，本課程知識點模塊化設(shè)計基本思路如圖1所示。

圖 1 “網(wǎng)頁設(shè)計與制作”課程知識點模塊劃分

所以本課程中盡最大限度來講授基礎(chǔ)和共性的知識，以方便學生后續(xù)課程的學習和工作中遇到不同的開發(fā)環(huán)境可以快速上手。同時也為不同興趣的同學準備相應的興趣模塊，喜歡美工的同學可以重點深入學習前臺界面開發(fā)相關(guān)技術(shù)，喜歡編程的同學可以積極學習數(shù)據(jù)庫和ASP或者其他編程語言。

2 資源配置科學化

2.1 教學重點配置科學化

課程內(nèi)容的教學重點，不能脫離已授前期課程的內(nèi)容，以及授課對象自身的接受能力和知識水平來設(shè)計。所以要改變傳統(tǒng)教學模式中的順序教學，如先講圖片、文字、表格處理，再講布局等。其實對文字和圖片的處理，學生們其實都很熟悉，將這些知識的講解放到布局中去，學生更容易理解，并且對整個網(wǎng)頁都有全局的意識。所以應該將教學重點放在布局。在網(wǎng)站前臺界面設(shè)計開發(fā)的課程設(shè)計上，采用先整體后局部的方式進行教學。先講解網(wǎng)頁整體布局，布局后向布局元素中添加圖片，文字等網(wǎng)頁元素，并調(diào)整和設(shè)置他們的屬性，這種方式的課程安排，在課程的實踐環(huán)節(jié)中得到了肯定，大部分的學生都能從整體上把握一個網(wǎng)頁的設(shè)計，并在后續(xù)課程中的CSS、JavaScript等知識的講解過程中，比較容易地理解到應該將這些代碼放在網(wǎng)頁的什么地方，用來實現(xiàn)所需要的效果。根據(jù)實踐中總結(jié)的經(jīng)驗，布局、CSS、Javascript、表單、ASP的數(shù)據(jù)庫訪問、cookis和sesion這些知識點是本門課程的重點，應該合理安排時間，使重點內(nèi)容更易學習和理解。表1為靜態(tài)頁面設(shè)計部分傳統(tǒng)的課程設(shè)計與優(yōu)化后課程設(shè)計對比分析。

表1 靜態(tài)頁面模塊課程設(shè)計比較

從上表可以看出，將教學的重點轉(zhuǎn)向?qū)W(wǎng)站的整體把握上面，以優(yōu)秀的網(wǎng)頁和網(wǎng)站欣賞為切入點，通過對表格布局的講解，使得學生對網(wǎng)頁設(shè)計有整體的把握，而弱化如文字，圖像的處理操作。這些瑣碎的知識點，當課程能夠引起學生的足夠興趣后，學生自己會去學習相關(guān)的操作。以興趣為指引的自發(fā)學習，要比在課堂上一邊又一邊的講解，效果會好很多。

2.2 教學與實訓結(jié)合科學化

這里是想強調(diào)一下實踐環(huán)節(jié)的時間安排。一般來說，全部以實操方式授課效果并不理想，因為很多學生在機房里面容易受環(huán)境影響而走神。實踐中發(fā)現(xiàn)，一般前半周進行理論課的講授，后半周進行課程的實踐比較合理。這樣，在學生的記憶周期內(nèi)，通過實踐加深同學們對知識的理解和掌握。后來因為實訓室的安排問題，將實訓環(huán)節(jié)安排在前半周，效果遠不如之前，因為過了一個周末，學生已經(jīng)忘記了很多東西，這方面應該是從記憶周期上面來考慮，不能認為學生學習不認真，因為任何記憶超過三天，一般人都會85%的信息。所以在實踐環(huán)節(jié)上應合理安排，通過動手實操，把短期記憶轉(zhuǎn)化成長期記憶，形成自己的知識儲備。

2.3 教材資源設(shè)計科學化

首先，要關(guān)注教材的選取。課程選取的教材應該實例豐富，應該有完整實例貫穿整個課程的知識點，并且環(huán)環(huán)相扣，既獨立，又密切聯(lián)系，給學生的學習一個連貫性的思維過程。要盡量避免從點到面的設(shè)計的教材，但是市面上絕大多數(shù)的教材仍然是順序教學方式來安排內(nèi)容的，這一缺陷需要大家在授課過程中通過良好的課程設(shè)計得到解決。

其次，應該加強課程教師隊伍建設(shè)。教師是一門課程中非常重要的資源，教師隊伍的建設(shè)，應該依據(jù)課程模式建設(shè)的原則進行。一方面加強基礎(chǔ)知識和業(yè)務能力的培養(yǎng)，另一方面，針對不同的教學模塊和實訓項目，也應該建立起相應的師資隊伍，以滿足教學的需要。

最后，課程的相關(guān)教學資源也應該充分的為學生開放，條件不成熟的單位也應該積極進行課程建設(shè)，逐步對學生開放教學資源，如教案、案例分析、課程視頻、精彩作業(yè)解析、題庫、課程開放式競賽等。

3 教學模式項目化

傳統(tǒng)的教學模式，是以教師講授和演示為主體，學生操作僅僅是對教師的操作過程或者課本上的實驗的重復操作，極大的制約了他們的學習興趣和創(chuàng)造力。所以教學應該轉(zhuǎn)向以學生為主體，教師作為引導者、咨詢者的角色，采用項目教學法，充分調(diào)動學生的主動性，培養(yǎng)他們的獨立思考能力和自學能力。一個完整的網(wǎng)站，通常都是包含靜態(tài)頁面的設(shè)計，以及后臺動態(tài)交互的實現(xiàn)這兩個部分，這囊括了課程的兩大模塊。在項目教學法的具體實踐中，可按以下模式進行：

首先，在課程初期，展示給學生2～3個經(jīng)典的網(wǎng)站，同學們應該有比較相似的網(wǎng)站結(jié)構(gòu)和程序流程?？梢宰寣W生親自去運行這些網(wǎng)站，有了切身的體會之后，讓同學們自己總結(jié)出一半的網(wǎng)站應該有的功能模塊和流程。比如：一般都會有首頁，都會有詳細信息的展示頁面，都會有后臺的管理等。

其次，授課中，以其中一個典型案例的簡化版本作為范例來講解靜態(tài)頁面的設(shè)計與實現(xiàn)，以及后臺業(yè)務交互的實現(xiàn)。學生可以通過模仿，來實現(xiàn)所展示的網(wǎng)站，掌握相應的知識點。

與此同時，我們應該以大作業(yè)的形式，在教學初期，給定學生若干題目，或者可以選擇自己感興趣的主題，建立網(wǎng)站。這些題目設(shè)計的功能模塊應該與授課范例具有相似的結(jié)構(gòu)，以方便學生模仿和發(fā)揮。大作業(yè)作為我們形成性考核的一個組成部分，鼓勵學生通過自學，在課堂上解決疑問的方式進行。

最后，要做好整個項目教學的總結(jié)。挑選優(yōu)秀學生的作品以展示，并且給出合理的優(yōu)化建議，并鼓勵學生更有創(chuàng)意的想法去改進網(wǎng)站。同時可以在此基礎(chǔ)上增加一些現(xiàn)實很需要的一些內(nèi)容，如網(wǎng)站推廣、SEO等方面的知識，這樣學生就可以直接在自己的作品上進行推廣練習，更進一步深化技能的學習。

這里尤為重要的一點是，應該先展示給學生一個完整的藍圖，繼而才是一步一步地去實現(xiàn)這個藍圖。以避免由點到面的教學方式造成的全局觀的缺失。

4 課程考核方式多樣化

課程的考核評價應充分發(fā)揮其在教學過程中的向?qū)ё饔茫翘岣呓虒W質(zhì)量和學生學習質(zhì)量的保證。應該避免一次考試為終結(jié)的方式，也要盡量避免那種所謂的過程性考核方式，其弊端仍然在于通常是到期末的時候?qū)W生才知道自己的結(jié)果，而失去的激勵和引導作用。應該將考核真正的貫穿于整個教學過程中，在一些里程碑到來的時候，就應該對積極、認真學習，并按時、富有創(chuàng)造性地完成所布置任務的學生給予肯定，并直接與成績掛鉤。比如：課程中布置了大作業(yè)——網(wǎng)上訂餐系統(tǒng)，當靜態(tài)頁面設(shè)計部分的教學任務結(jié)束時，即可對學生成績做一次評價，對優(yōu)秀的學生直接評定期末成績?yōu)?0分，并鼓勵同學要對網(wǎng)站做更好的完善或者有更好的創(chuàng)意，以提高同學們期末成績。當然，對于一些默默無聞的學生來說，采用機試的期末終結(jié)性考試，仍然是一個不錯的選擇。

5 結(jié)束語

通過以工作過程為導向，采用模塊化教學法對網(wǎng)頁設(shè)計課程進行教學模式的改革，使學生能夠快速對整門課程在學科中的地位和學習內(nèi)容有全面的了解，在有限的精力和時間內(nèi)可以迅速學習網(wǎng)站開發(fā)的基礎(chǔ)知識，并發(fā)現(xiàn)自己的興趣點，在后續(xù)的課程中不斷加以完善，為就業(yè)和以后的職業(yè)生涯打造堅實的基礎(chǔ)。

[1]馮淑杰，張芳.軟件專業(yè)課程改革[J].電腦知識與技術(shù)，2010，（6）.

[2]陳志欽.高職計算機專業(yè)改革探索[J].湖北成人教育學院學報，2009，（1）.

[3]王秀平.高職計算機專業(yè)課程改革的實踐與探索[J].電腦知識與技術(shù)，2006，(2).

[4]盧運權(quán).激發(fā)興趣 培養(yǎng)能力 發(fā)展思維[J].教育導刊,2001, (2):26-28.