響應式頁面
——導航的製作
尊敬的各位評委：大家上午好！
非常榮幸能在這裏和大家分享我的教學理念。我今天說課的題目是《響應式頁面-導航的製作》，授課對象是計算機專業的學生。我將從教材分析、學情分析、教學目標及重難點、教法與學法、教學過程、教學反思六個方面來說說這節課。
【教材分析】
《網頁製作》課程是中等職業學校計算機專業學生必修的一門課程。本課程採用的教材《HTML+CSS網頁設計與佈局從入門到精通》，教材的部分內容已經過時，WEB技術更新換代較快，爲使學生了解更多的新技術，與WEB發展同步，引入了教材外的一些新知識點，以案例教學的方式講授給學生聽，本次說課的內容“響應式頁面”是其中之一。
由於本案例的知識點、內容較多，所以分爲8課時講授，分別爲導航、內容佈局、底部、手機模擬器等，本次說課的內容是“響應式頁面-導航的製作”（2課時）。
【學情分析】
1、 學生對英語單詞特別反感，很少同學能主動去記。（每個單詞都翻譯給學生，並讓學生做好
筆記）
2、 學生對網頁的代碼有進一步的認識，但不熟悉。（利用編輯器的智能提示功能）
3、 很多學生對網頁都很感興趣，畢竟和計算機專業相關，但欠缺獨立思考能力，沒有實際的'網
頁製作經驗。（通過案例教學法，提出問題，一步步引導學生獨立思考，培養學生解決實際問題的能力）
【教學目標及重難點】
根據以上對教材的分析處理，以及所教學生的特點，製作如下教學目標，確定重、難點。
1、教學目標
知識與技能
瞭解本案例的實踐效果
掌握橫向導航的製作
掌握橫向導航的響應式變化的製作
情感態度與價值觀
培養健康、良好的審美觀
在共同探究、合作學習過程中，培養學生的獨立思考能力，增強學生的合作與探索精神
2、重難點
重點：橫向導航、橫向導航的響應式變化
難點：橫向導航的響應式變化
【教法與學法】
1、教法
情景法：通過設計情景，引出課題，激發學生學習興趣。
演示法：通過廣播軟件，讓學生掌握響應式頁面導航的製作過程。
巡迴指導法：通過巡迴指導，對學生存在的問題及時跟進、解答，排除學生學習的障礙。 分層教學法：讓學習好的學生主動輔導學生一般的學生，從而提高學生解決問題的能力，培養獨立思考與合作學習的能力。
2、學法
知識是通過學生自己動手、動腦，積極思考、主動探索獲得的，在課堂教學過程中學生運用分析歸納學習、主動探究學習、交流合作學習等方法掌握操作技能，注重引導學生體會探索知識的過程，培養學習的主動性。
【教學過程】
下面我介紹一下我整個教學過程，主要分成以下五步：
第一步：創設情景、導入課題（5分鐘）
問題的提出：目前中國智能手機用戶已達到5億，網頁的製作不能只是臺式電腦下的顯示效果，同時也要兼顧手機。那一份頁面是否也要做成臺式版和手機版呢？不是，響應式頁面能幫我們解決這個問題，一個頁面兼顧各個場合。
然後利用廣播教學方式，根據製作“響應式頁面”的小情景（視頻），向學生展示響應式頁面的效果（培養學生健康良好的審美觀），激發學生學習響應式頁面製作的興趣，從而引出本課內容“響應式頁面-導航的製作”。
第二步：演示操作、學生做筆記（10分鐘）
仍然利用廣播教學方式，向學生展示如何製作橫向導航，包括導航的佈局、CSS樣式（培養學生橫向導航的製作知識和技能）。在每個新單詞、新知識點停頓片刻，提醒學生做好筆記，並觀察學生學習的動態。
第三步：學生操作、教師巡迴指導（20分鐘）
結束廣播教學方式，提供視頻、圖片、文字等素材給學生，讓學生自己動手上機練習橫向導航的製作。
教師巡視課堂，對課程內容有疑問的學生給與解答，並主動修正學生敲打代碼的不良習慣，
提醒學生容易犯錯誤的地方。積累問題較多的部分，以便下次演示時反饋問題。
第四步：反饋問題、演示操作、學生做筆記（10分鐘）
開始廣播教學，首先對第一次巡視時積累的問題進行反饋，讓學生注意，避免錯誤。然後再演示操作如何製作橫向導航的響應式變化（培養學生橫向導航的響應式變化的製作知識和技能），提醒學生做好筆記，並觀察學生學習的動態。
第五步：學生操作、教師巡迴指導（20分鐘）
結束廣播教學，讓代碼有錯誤的學生改正代碼，並上機練習橫向導航的響應式變化的製作。 教師巡視課堂，繼續對課程內容有疑問的學生給與解答，提醒學生容易犯錯誤的地方。積累問題較多的部分，以便課堂小結時演示時反饋問題。
第六步：共同探究、合作學習（10分鐘）
學生的學習能力、水平參差不齊，一小部分學習能力好的能提前完成任務，在課堂的最後十幾分鍾，讓這些學生主動幫助能力差的學生，共同完成任務（提高學生解決問題的能力，培養獨立思考與合作學習的能力）。
第七步：課堂小結（5分鐘）
教師小結、歸納所需知識與操作技能；分析個別學生完成不好的原因，提出解決方法；使知識系統化，培養學生歸納知識的能力。
【教學反思】
1. 設置學生感興趣的任務、案例。
2. 部分以學生合作、探索的方式完成；教師在學生的操作過程中發現問題，並幫助學生解決問題。
3. 運用多種方式，引導學生對代碼感興趣，增強學生的學習信心。
