響應(yīng)式頁(yè)面
——導(dǎo)航的制作
尊敬的各位評(píng)委：大家上午好！
非常榮幸能在這里和大家分享我的教學(xué)理念。我今天說(shuō)課的題目是《響應(yīng)式頁(yè)面-導(dǎo)航的制作》，授課對(duì)象是計(jì)算機(jī)專業(yè)的學(xué)生。我將從教材分析、學(xué)情分析、教學(xué)目標(biāo)及重難點(diǎn)、教法與學(xué)法、教學(xué)過(guò)程、教學(xué)反思六個(gè)方面來(lái)說(shuō)說(shuō)這節(jié)課。
【教材分析】
《網(wǎng)頁(yè)制作》課程是中等職業(yè)學(xué)校計(jì)算機(jī)專業(yè)學(xué)生必修的一門課程。本課程采用的教材《HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)與布局從入門到精通》，教材的部分內(nèi)容已經(jīng)過(guò)時(shí)，WEB技術(shù)更新?lián)Q代較快，為使學(xué)生了解更多的新技術(shù)，與WEB發(fā)展同步，引入了教材外的一些新知識(shí)點(diǎn)，以案例教學(xué)的方式講授給學(xué)生聽(tīng)，本次說(shuō)課的內(nèi)容“響應(yīng)式頁(yè)面”是其中之一。
由于本案例的知識(shí)點(diǎn)、內(nèi)容較多，所以分為8課時(shí)講授，分別為導(dǎo)航、內(nèi)容布局、底部、手機(jī)模擬器等，本次說(shuō)課的內(nèi)容是“響應(yīng)式頁(yè)面-導(dǎo)航的制作”（2課時(shí)）。
【學(xué)情分析】
1、 學(xué)生對(duì)英語(yǔ)單詞特別反感，很少同學(xué)能主動(dòng)去記。（每個(gè)單詞都翻譯給學(xué)生，并讓學(xué)生做好
筆記）
2、 學(xué)生對(duì)網(wǎng)頁(yè)的代碼有進(jìn)一步的認(rèn)識(shí)，但不熟悉。（利用編輯器的智能提示功能）
3、 很多學(xué)生對(duì)網(wǎng)頁(yè)都很感興趣，畢竟和計(jì)算機(jī)專業(yè)相關(guān)，但欠缺獨(dú)立思考能力，沒(méi)有實(shí)際的網(wǎng)
頁(yè)制作經(jīng)驗(yàn)。（通過(guò)案例教學(xué)法，提出問(wèn)題，一步步引導(dǎo)學(xué)生獨(dú)立思考，培養(yǎng)學(xué)生解決實(shí)際問(wèn)題的能力）
【教學(xué)目標(biāo)及重難點(diǎn)】
根據(jù)以上對(duì)教材的分析處理，以及所教學(xué)生的特點(diǎn)，制作如下教學(xué)目標(biāo)，確定重、難點(diǎn)。
1、教學(xué)目標(biāo)
知識(shí)與技能
了解本案例的實(shí)踐效果
掌握橫向?qū)Ш降闹谱?/p>
掌握橫向?qū)Ш降?響應(yīng)式變化的制作
情感態(tài)度與價(jià)值觀
培養(yǎng)健康、良好的審美觀
在共同探究、合作學(xué)習(xí)過(guò)程中，培養(yǎng)學(xué)生的獨(dú)立思考能力，增強(qiáng)學(xué)生的合作與探索精神
2、重難點(diǎn)
重點(diǎn)：橫向?qū)Ш健M向?qū)Ш降捻憫?yīng)式變化
難點(diǎn)：橫向?qū)Ш降捻憫?yīng)式變化
【教法與學(xué)法】
1、教法
情景法：通過(guò)設(shè)計(jì)情景，引出課題，激發(fā)學(xué)生學(xué)習(xí)興趣。
演示法：通過(guò)廣播軟件，讓學(xué)生掌握響應(yīng)式頁(yè)面導(dǎo)航的制作過(guò)程。
巡回指導(dǎo)法：通過(guò)巡回指導(dǎo)，對(duì)學(xué)生存在的問(wèn)題及時(shí)跟進(jìn)、解答，排除學(xué)生學(xué)習(xí)的障礙。 分層教學(xué)法：讓學(xué)習(xí)好的學(xué)生主動(dòng)輔導(dǎo)學(xué)生一般的學(xué)生，從而提高學(xué)生解決問(wèn)題的能力，培養(yǎng)獨(dú)立思考與合作學(xué)習(xí)的能力。
2、學(xué)法
知識(shí)是通過(guò)學(xué)生自己動(dòng)手、動(dòng)腦，積極思考、主動(dòng)探索獲得的，在課堂教學(xué)過(guò)程中學(xué)生運(yùn)用分析歸納學(xué)習(xí)、主動(dòng)探究學(xué)習(xí)、交流合作學(xué)習(xí)等方法掌握操作技能，注重引導(dǎo)學(xué)生體會(huì)探索知識(shí)的過(guò)程，培養(yǎng)學(xué)習(xí)的主動(dòng)性。
【教學(xué)過(guò)程】
下面我介紹一下我整個(gè)教學(xué)過(guò)程，主要分成以下五步：
第一步：創(chuàng)設(shè)情景、導(dǎo)入課題（5分鐘）
問(wèn)題的提出：目前中國(guó)智能手機(jī)用戶已達(dá)到5億，網(wǎng)頁(yè)的制作不能只是臺(tái)式電腦下的顯示效果，同時(shí)也要兼顧手機(jī)。那一份頁(yè)面是否也要做成臺(tái)式版和手機(jī)版呢？不是，響應(yīng)式頁(yè)面能幫我們解決這個(gè)問(wèn)題，一個(gè)頁(yè)面兼顧各個(gè)場(chǎng)合。
然后利用廣播教學(xué)方式，根據(jù)制作“響應(yīng)式頁(yè)面”的小情景（視頻），向?qū)W生展示響應(yīng)式頁(yè)面的效果（培養(yǎng)學(xué)生健康良好的審美觀），激發(fā)學(xué)生學(xué)習(xí)響應(yīng)式頁(yè)面制作的興趣，從而引出本課內(nèi)容“響應(yīng)式頁(yè)面-導(dǎo)航的制作”。
第二步：演示操作、學(xué)生做筆記（10分鐘）
仍然利用廣播教學(xué)方式，向?qū)W生展示如何制作橫向?qū)Ш剑▽?dǎo)航的布局、CSS樣式（培養(yǎng)學(xué)生橫向?qū)Ш降闹谱髦R(shí)和技能）。在每個(gè)新單詞、新知識(shí)點(diǎn)停頓片刻，提醒學(xué)生做好筆記，并觀察學(xué)生學(xué)習(xí)的動(dòng)態(tài)。
第三步：學(xué)生操作、教師巡回指導(dǎo)（20分鐘）
結(jié)束廣播教學(xué)方式，提供視頻、圖片、文字等素材給學(xué)生，讓學(xué)生自己動(dòng)手上機(jī)練習(xí)橫向?qū)Ш降闹谱鳌?/p>
教師巡視課堂，對(duì)課程內(nèi)容有疑問(wèn)的學(xué)生給與解答，并主動(dòng)修正學(xué)生敲打代碼的不良習(xí)慣，
提醒學(xué)生容易犯錯(cuò)誤的地方。積累問(wèn)題較多的部分，以便下次演示時(shí)反饋問(wèn)題。
第四步：反饋問(wèn)題、演示操作、學(xué)生做筆記（10分鐘）
開(kāi)始廣播教學(xué)，首先對(duì)第一次巡視時(shí)積累的問(wèn)題進(jìn)行反饋，讓學(xué)生注意，避免錯(cuò)誤。然后再演示操作如何制作橫向?qū)Ш降捻憫?yīng)式變化（培養(yǎng)學(xué)生橫向?qū)Ш降捻憫?yīng)式變化的制作知識(shí)和技能），提醒學(xué)生做好筆記，并觀察學(xué)生學(xué)習(xí)的動(dòng)態(tài)。
第五步：學(xué)生操作、教師巡回指導(dǎo)（20分鐘）
結(jié)束廣播教學(xué)，讓代碼有錯(cuò)誤的學(xué)生改正代碼，并上機(jī)練習(xí)橫向?qū)Ш降捻憫?yīng)式變化的制作。 教師巡視課堂，繼續(xù)對(duì)課程內(nèi)容有疑問(wèn)的學(xué)生給與解答，提醒學(xué)生容易犯錯(cuò)誤的地方。積累問(wèn)題較多的部分，以便課堂小結(jié)時(shí)演示時(shí)反饋問(wèn)題。
第六步：共同探究、合作學(xué)習(xí)（10分鐘）
學(xué)生的學(xué)習(xí)能力、水平參差不齊，一小部分學(xué)習(xí)能力好的能提前完成任務(wù)，在課堂的最后十幾分鐘，讓這些學(xué)生主動(dòng)幫助能力差的學(xué)生，共同完成任務(wù)（提高學(xué)生解決問(wèn)題的能力，培養(yǎng)獨(dú)立思考與合作學(xué)習(xí)的能力）。
第七步：課堂小結(jié)（5分鐘）
教師小結(jié)、歸納所需知識(shí)與操作技能；分析個(gè)別學(xué)生完成不好的原因，提出解決方法；使知識(shí)系統(tǒng)化，培養(yǎng)學(xué)生歸納知識(shí)的能力。
【教學(xué)反思】
1. 設(shè)置學(xué)生感興趣的任務(wù)、案例。
2. 部分以學(xué)生合作、探索的方式完成；教師在學(xué)生的操作過(guò)程中發(fā)現(xiàn)問(wèn)題，并幫助學(xué)生解決問(wèn)題。
3. 運(yùn)用多種方式，引導(dǎo)學(xué)生對(duì)代碼感興趣，增強(qiáng)學(xué)生的學(xué)習(xí)信心。
【網(wǎng)站設(shè)計(jì)說(shuō)課稿】相關(guān)文章：
網(wǎng)站規(guī)劃說(shuō)課稿精選04-22
Dreamweaver CS5 企業(yè)網(wǎng)站設(shè)計(jì)說(shuō)課稿11-02
網(wǎng)站設(shè)計(jì)的總結(jié)11-01
網(wǎng)站規(guī)劃及站點(diǎn)建立的說(shuō)課稿03-29
網(wǎng)站設(shè)計(jì)開(kāi)題報(bào)告06-17