借力課程教學網(wǎng) 提高中職“網(wǎng)頁設計與制作”教學效果

◆孫開坤

借力課程教學網(wǎng) 提高中職“網(wǎng)頁設計與制作”教學效果

◆孫開坤

隨著互聯(lián)網(wǎng)越來越普及，網(wǎng)頁制作也成了一門比較熱門的課程，而中職網(wǎng)頁制作課程在實際教學中的成效并不是很理想。嘗試以項目教學法為基礎，對教學內(nèi)容進行重組和整合，制作課程教學資源，并通過搭建課程教學網(wǎng)站，幫助學生更好、更方便地學習，同時減輕教師的備課壓力，幫助教師整體教學技能和水平的提高，促進中職“網(wǎng)頁設計與制作”課程有效教學，并對其他課程教學也有所借鑒和啟發(fā)。

網(wǎng)頁設計與制作；課程教學網(wǎng)；項目教學

一、課程背景

“網(wǎng)頁設計與制作”是計算機專業(yè)的一門必修課程，涉及的知識點繁雜，需要通過反復操作訓練才能熟練掌握課程要點，學會網(wǎng)頁制作。

現(xiàn)如今中職學生存在如下情況：理論知識較薄弱，學習主動性不高，遇到挫折，少有迎難而上的精神；教師在授課的過程中多數(shù)仍遵循傳統(tǒng)的教學模式，學生不容易掌握基礎知識，學習激情也逐漸喪失，從而加劇了課堂教學的惡性循環(huán)。

造成上述情況發(fā)生的原因是多方面的，但其中最主要的原因是中職學校的教學課程多已與社會的發(fā)展脫節(jié)，不能很好地滿足于社會發(fā)展的需求，課程教學研究與課程改革也顯得尤為重要。

現(xiàn)在，網(wǎng)站建設方面人才的需求也越來越大?！熬W(wǎng)頁設計與制作”是一門綜合性要求較強的課程，在計算機專業(yè)教學過程中占有非常重要的位置，在教學過程中不僅僅是要求對書本知識的全面把握，更為重要的還是對實際操作的熟練掌握，不斷提升自己的實際操作能力。

當今時代的中職生也具有一些特點，比如喜歡動手操作，有一定協(xié)作精神、探究能力，喜歡上網(wǎng)，好展示自我，如果能正確引導，加以利用，對專業(yè)學習將大有裨益。

二、教學內(nèi)容的選取與安排

“網(wǎng)頁設計與制作”課程主要任務是學會靜態(tài)頁面的制作，圖片和小動畫是網(wǎng)頁設計中很常用的元素，需要有一定的圖片處理和動畫制作能力，故在開設該課程之前，需要開設一些相關課程作為輔助，如Photoshop、Flash、美術等。另外，同時可開設數(shù)據(jù)庫、C語言課程等，為后續(xù)的創(chuàng)建動態(tài)網(wǎng)站打下基礎。

本門課程知識點繁雜，如果采用以知識點講解為主的授課模式，課堂易陷入枯燥無味，學生不易掌握，會漸漸對該課程失去信心，導致越學越困難，最后放棄學習。本課程參照實際的網(wǎng)站開發(fā)流程，以項目的形式進行教學，把各個零散的知識點進行歸類，放到不同項目中，把一個項目分成幾個模塊，再對模塊進行任務細分，完成各個任務；把各個具體的知識點放到每一個小任務中，并在每個任務后面開設一個版塊，對任務中所設計的新知識點予以總結和拓展；把一個較龐大的項目最終分解成若干易于實施的小任務，以利于完成，培養(yǎng)學生的信心。學生完成了一個個小任務，最終也就完成了一個大項目。

本課程通過十個項目把網(wǎng)頁制作中的知識點貫穿其中，由建立一個簡單網(wǎng)頁開始，然后創(chuàng)建一個簡單個人網(wǎng)站，接著學習網(wǎng)頁的三種布局方式、超鏈接和多媒體元素、CSS+DIV、表單等，接著讓學生完成一個具體的項目，達到學以致用、融會貫通的目的，最后通過創(chuàng)建學生信息管理系統(tǒng)網(wǎng)站學習簡單動態(tài)網(wǎng)站的制作，為后續(xù)動態(tài)網(wǎng)站制作埋下伏筆。項目的安排由易到難，每個項目下再分若干個模塊，每個模塊下分若干的子任務，如項目四 “江南美食”網(wǎng)站制作內(nèi)容設計如下：

項目內(nèi)容 模塊子任務項目四“江南美食”網(wǎng)站制作模塊一：插入與編輯圖像任務一：建立站點任務二：添加圖像任務三：設置圖像屬性任務四：插入對象任務五：編輯圖像模塊二：創(chuàng)建超級鏈接模塊三：插入多媒體元素任務一：設置鏈接任務二：檢查鏈接任務一：插入flash元素任務二：插入其他多媒體元素任務三：插入音頻與圖像查看器

三、搭建課程學習平臺，提高教學效果

以往的教學過程中采取的多是傳統(tǒng)的教學方式，教學的重心放在理論知識的學習，在學習過程中老師與學生、學生與學生、學生與網(wǎng)絡群體的交互較少，學生的實踐操作能力較低，學習的知識比較零散，沒有形成一個完整的系統(tǒng)，學生在學習的過程中積極性較低且比較懶散，學習的整體效率低下，效果不太好。在當前的教學之中可以對原有的教學方式進行適當改進，通過課程教學網(wǎng)這個平臺，利用便利的網(wǎng)絡互通，將老師學生和其他有共同學習興趣的群體連在一起，同學習、共進步。

1.課程教學平臺的搭建

課程教學平臺可根據(jù)學校情況采購現(xiàn)有成熟的課程教學系統(tǒng)，也可以是學校自行開發(fā)，或二者相結合的形式：在成熟的課程教學系統(tǒng)的基礎上，根據(jù)教學的需要增添其他功能。在學校專業(yè)教師參與開發(fā)的情況下，后期的維護和教學系統(tǒng)的功能拓展應該更有保障。

網(wǎng)站應以HTML5為規(guī)范開發(fā)，這樣可以大大方便多終端的使用，特別是在手機上也可以很方便地使用課程教學平臺。

若是直接購買課程教學平臺軟件，除了功能的完善之外，也要注意在手機終端的使用效果。實際上，按照HTML5規(guī)范開發(fā)的教學軟件，也無須再單獨開發(fā)手機APP,在手機上瀏覽時，可以通過添加到手機桌面，就相當于安裝了APP一樣，使用時直接觸碰該圖標就可以進入學習系統(tǒng)，也免去了安裝和以后進行更新的麻煩，因為這一切都直接在服務器端完成了。

2.課程資源的制作

對于課程資源的制作，學校應形成相應的激勵機制，多人組成一個團隊負責課程的資源創(chuàng)建。在課程資源制作上應注意如下幾點：

課程學習資源類別豐富，包含教案、課件和同步操作視頻錄像任務書、資源包、最終效果圖、部分源代碼等資源。

教學視頻以微課的形式錄制，一般情況下每個子任務一個視頻，時間在10分鐘左右，方便學生自學，對于不清楚的地方，學生可以反復觀看視頻，在前面課程知識點的規(guī)劃中，一個任務就安排1～2個新知識點，這樣也是為了讓視頻的制作時間上可以盡量短些。長時間觀看視頻，學習太多的內(nèi)容，很容易讓學生失去耐心，失去興趣，導致學習效果降低。

電子教案和視頻最好保持同步，學生在學習時在實戰(zhàn)訓練時可以邊看教案的同步指導，邊進行操作練習，自由把握課程的學習進度。

另外，對于課程資源的建設，應本著共建共享的原則，減少資源浪費，讓好的課程資源得到推廣，讓中職的課程教學得到整體的效果提升。

3.課堂的翻轉

現(xiàn)在多數(shù)中職學校校園內(nèi)已實現(xiàn)無線網(wǎng)全覆蓋，學生也人手一部手機，這些為翻轉課堂提供了很大便利。學生可以很方便地對網(wǎng)絡課程進行預習，課中進行同步訓練，課后還可以針對自己的學習情況，選擇性地復習鞏固。

課前，學生通過教學平臺中任務單的指引進行初步的學習訓練。課堂教學中，實行小組合作，共同完成項目。在實際的網(wǎng)站制作項目中，很少由一個人單獨完成的，大部分都是一個團隊合作完成的。為了取得更好的學習效果，并培養(yǎng)學生的團隊合作精神，在學生自學探究的基礎上，課堂上實行小組合作的學習方式。在全班學生分成若干小組，每組人數(shù)不宜過多，每組3～4人，小組成員可根據(jù)學生自身的學習能力、性格與學習成績等因素來進行劃分。在各小組內(nèi)選擇一個學習成績、學習能力、性格等較為突出的學生擔任組長。小組教學的學習方式不僅有助于提升了學生的學習積極性，還有助于加強學生的溝通能力，培養(yǎng)學生的團隊合作意識。

網(wǎng)頁課程的學習場安排在多媒體網(wǎng)絡機房，電腦屏幕選用大尺寸液晶屏。方便一般觀看課程資源，一邊同步操作訓練。每臺電腦配備耳機。

在教學中，有些學生對知識點的掌握比較快，可在課程學習資源中，在基本任務的基礎上，設立相應的拓展訓練，讓所有學生在課程都有事做，讓學習領悟能力強的學生也能吃得飽。

教師在課堂上針對學生出現(xiàn)的共性問題以及較難的知識點進行講解，對于非共性的問題，盡可能讓學生自己自學探究，或小組內(nèi)協(xié)作解決。

課后，學生可通過課程學習網(wǎng)對學習的知識技能進行復習鞏固提高。

4.學生作品展示，展示個性風采

在課程學習網(wǎng)上添加作品展示的功能，在班級主頁上創(chuàng)建學生作品展示頁面，學生通過自學、小組合作學習，最終將個人的作品上傳至展示區(qū)，學生可以看到自己的和其他同學的作品，可以進行相互評價、借鑒、改進。中職時期學生多喜歡展示自我，通過展示平臺，讓學生獲得成就感，獲得信心，學生會更積極主動地去學習，想方設法地弄懂不會的知識，并相互借鑒，取得更好的學習效果。

四、轉變考核方式，推進課程改革

在傳統(tǒng)的教學模式中，考核主要是在期中期末對學習的理論知識與實踐操作能力進行一次檢驗，忽視了課程學習過程中的檢測。學生的學習過程之中也應作為考核的重點，對每一項目的訓練都應該計入考核之中，這樣能引起學生對每一個項目的重視，從而最終掌握本門課程。

考核的方式除了把平時的訓練成績加入之外，將學生參與校內(nèi)校外的比賽活動也作為考核內(nèi)容納入其中，鼓勵學生多參加比賽和社會實踐。

五、教學中存在的問題與改進措施

利用便捷的網(wǎng)絡，通過課程教學網(wǎng)進行教學可以大大提高教學效果，但也存在一些問題。中職學生自控力不強，易受豐富多彩的網(wǎng)絡環(huán)境所影響，在課余時間多數(shù)都在聊天、看電影、玩游戲，甚至在課堂上也有學生上網(wǎng)玩游戲。

針對這種情況需要從多個方面去努力：從思想上讓學生認識到學好本專業(yè)對自身的必要性；課堂上網(wǎng)絡采取半開放狀態(tài)，即課堂上只在需要時開放網(wǎng)絡；加強課堂管理，實行屏幕監(jiān)控，把課堂表現(xiàn)也納入考核之中。

隨著時代的不斷發(fā)展與進步，中職課程教學方式也應不斷地進行改進和發(fā)展。一切的教學改革都應以學生的發(fā)展為最終目的，教師應在分析學生特點的基礎上，因勢利導，利用不斷發(fā)展的信息技術方便教學，讓師生之間有共同興趣愛好的群體間增加溝通與交流，順應時代的發(fā)展要求，不斷提升中職學生的綜合素質。

[1]劉海鵬.基于項目教學法的“網(wǎng)頁設計與制作”課程教學[J].信息系統(tǒng)工程,2014,(1):157-158.

[2]陳木蘭.中職基于項目“網(wǎng)頁設計與制作”的有效教學[J].電腦知識與技術,2012,(20):4926-4928+4952.

（編輯：秦俊嫄）

孫開坤，男，江蘇省宿豫中等專業(yè)學校講師。研究方向：網(wǎng)絡管理。

G712

A

1671-0568（2015）32-0104-02