【摘要】當今職業院校都在積極開展項目化教學、理實一體化教學、情境教學等多種教學手段來實現課堂的有效性。但在實際教學過程中，往往沒有達到我們設計的教學目標，本文以《靜態網頁設計》這門課爲例，設計一個完整的整體設計，來實現課堂的有效性。
【關鍵詞】有效課堂；網頁設計；整體設計
1引言
《靜態網頁設計》是職業院校計算機專業裏面必修的一門基礎課。本課程與《JavaScript程序設計基礎》、《HTML5前端設計》課程組成了前端開發的整體課程體系。通過本課程的學習可以讓學生具備以下能力：能夠利用HTML標籤編寫網頁中的元素、能夠利用CSS樣式來美化頁面內容、能夠利用DIV+CSS技術製作複雜的頁面。
2學習者分析及應對措施
對於靜態網頁設計大部分學生還是比較感興趣，但是真正要能夠做到複雜的實戰性的頁面設計，需要掌握很多基礎知識和技能，且學習難度較大，隨着難度的增加興趣會逐漸降低。學生缺乏自主學習的意識，獨立思考的能力不強，遇到難懂的知識和難做的項目，容易產生放棄的心理，缺少吃苦耐勞及鑽研精神。學習者行爲的控制力不強，專注力不夠持久，玩手機、做其他事情的學生多，特別是一些基礎比較差的學生，完成作業的`自主性不強，時有作業晚交和抄襲的現象。在本課程的教學過程中，課內以企業典型項目爲載體實施項目化教學，實行做中學、學中做。小組合作：如佈置一個複雜的課堂任務，可將四個同學組成一個小組，每個小組內必須有動手操作能力比較強的同學。小組內通過互相討論和幫助的形式完成該項任務。任務載體設計：選取一些有趣的或者現實生活中真實任務爲載體，提高學生的興趣度。
3課程設計思路
本課程在教學過程中採用項目作爲教學內容的載體，教學過程中採用的項目主要有2個：第一個項目是網上書店網頁的製作，主要用來學習HTML標籤、CSS樣式及簡單的DIV+CSS佈局的使用。第二個項目是仿凡客首頁的製作，可以分爲網頁HEADER區域的製作、網頁橫向導航條的製作、網頁左側豎形導航的製作、圖片輪播圖區域的製作、產品信息區域的製作、友情鏈接區域的製作六個子項目。主要學習的是對HTML、CSS、DIV+CSS複雜佈局的綜合應用。總結：按照這個課程設計，我們已經上了2個學期的課，比起以往的教學，整體教學情況良好，學生學習的積極性有所提高，也主動完成課後作業，達到了我們設定的教學目標。但每個教學羣體還是有所不同，要因人而異，本文只是給這門課的設計提供了一個方向。
參考文獻：
［1］吳細花.基於項目教學的“網頁設計與製作”課程改革與實踐［J］；《電腦知識與技術》;2017第23期
［2］李可.阿里巴巴矢量圖標庫在《網頁設計》課程中的應用［J］；福建電腦》;2017第3期