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

◆孫開坤

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

◆孫開坤

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

網頁設計與制作；課程教學網；項目教學

一、課程背景

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

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

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

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

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

二、教學內容的選取與安排

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

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

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

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

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

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

1.課程教學平臺的搭建

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

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

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

2.課程資源的制作

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

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

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

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

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

3.課堂的翻轉

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（編輯：秦俊嫄）

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

G712

A

1671-0568（2015）32-0104-02