有效課堂的靜態網頁設計課程設計

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了有效課堂的靜態網頁設計課程設計范文，希望能給你帶來靈感和參考，敬請閱讀。

【摘要】當今職業院校都在積極開展項目化教學、理實一體化教學、情境教學等多種教學手段來實現課堂的有效性。但在實際教學過程中，往往沒有達到我們設計的教學目標，本文以《靜態網頁設計》這門課為例，設計一個完整的整體設計，來實現課堂的有效性。

【關鍵詞】有效課堂；網頁設計；整體設計

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期

作者:李可 單位:寧波職業技術學院