2022年《521理解動態(tài)HTML》教學設計

1、精品word 名師歸納總結 - - - - - - - - - - - -5.2.1懂得動態(tài)HTML教學設計教材分析本節(jié)是訓練科學出版社2004 年 10 月第一版高二選修網絡技術應用第五章的其次小節(jié)的第一課時，本課時是在上一節(jié)探究過動態(tài)HTML成效的基礎上，懂得、把握動態(tài) HTML 的工作過程，主要是客戶端腳本語言（JavaScript ）的懂得和應用；同學對使用JavaScript 實現的動態(tài)HTML成效都很感愛好，但JavaScript 的學習要經受一個循序漸進的過程，本課是懂得動態(tài)HTML的第一課，是初步熟識和體驗制作JavaScript 的起始篇，因此學好本課將為后續(xù)深化學習動態(tài)HT

2、ML的其他部分學問打下良好的基礎，它在本章中占 有重要的位置和作用；學情分析本課的教學對象是高二同學；在學習本課之前，他們已經學習了用Frontpage 制作網頁的基本方法，能夠制作簡潔的網頁，會使用記事本查看網頁的源代碼，明白基本的HTML標記語言；因此在學習粘貼JavaScript 代碼前，先回憶HTML的基本結構，讓同學對 HTML有一個基本的熟識；課時支配一 課 時 教學目標學問與技能：（ 1）明白動態(tài)HTML的三大核心技術；（ 2）明白什么是客戶端腳本語言；（ 3）能夠把握兩種在網頁中加入JavaScript 代碼的方法；過程與方法（ 1）能夠找出一段HTML中的 JavaScrip

3、t 語言；（ 2）能夠修改和添加HTML中的 JavaScript 語句；情感態(tài)度與價值觀（ 1）培育同學自主探究的意識；（ 2）能夠體驗到JavaScript 的制作樂趣；（ 3）通過自主學習網站自主學習和探究學，培育發(fā)覺問題、解決問題的才能；教學重點、難點重點： 1、明白什么是客戶端腳本語言； 2、把握加入JavaScript 代碼的方法；難點： 修改 JavaScript 代碼；教學過程一、引入新課，活動一：技術體驗（ 1）同學在上課前打開瀏覽器用自己的姓名學號登陸，開頭玩網頁上的闖關小嬉戲；網頁闖關嬉戲需要查看網頁的源文件，在代碼中查找下一個頁面的地址提示；精選名師 優(yōu)秀名師 - -

4、- - - - - - - -第 1 頁，共 5 頁 - - - - - - - - - -精品word 名師歸納總結 - - - - - - - - - - - -老師觀看同學玩網頁闖關嬉戲，開頭上課后停止嬉戲，并挑選其中一關網頁，說明過關的方法：查看網頁的源代碼找到下一個頁面的網址，同時復習回憶HTML部分的內容；（ 2）老師打開一個樣例網頁，這個樣例網頁也是課前同學玩得網頁嬉戲中的頁面， 頁面中除了有同學熟識的HTML代碼以外，仍加入了一些同學不熟識的代碼，正是這些代碼使網頁有了一些特殊的功能，能夠與瀏覽者有所交互，從而引出本節(jié)課學習的主題： 懂得動態(tài) HTML ，這些代碼正是動態(tài)HTM

5、L技術代表之一的JavaScript 代碼；同學玩過剛才網頁上簡潔的嬉戲，已對這幾個網頁的功能有所明白，聽老師說明這些網頁能具有一些小功能的緣由，并對學習內容產生愛好；設計意圖：通過展現幾個生動好玩并具有肯定交互性的網頁，激發(fā)同學愛好，為后面的學習做鋪墊；二、活動二：探究與發(fā)覺老師掌握課堂導學網站綻開之活動二，參照打開的頁面說明JavaScript 是組成動態(tài)HTML三大核心技術之一，另外仍有兩種：DOM 文檔對象模型以及CSS 樣式表，本節(jié)課不作爭論，并說明本節(jié)課學習的重點是JavaScript 客戶端腳本語言；精選名師 優(yōu)秀名師 - - - - - - - - - -第 2 頁，共 5 頁

6、 - - - - - - - - - -精品word 名師歸納總結 - - - - - - - - - - - -同學聽老師講解動態(tài)HTML的相關學問，初步明白三大核心技術各有什么作用； 設計意圖：介紹動態(tài)HTML的核心技術構成，使同學對整體的學問架構有所映像，便于明白今日所學的學問在整體學問結構中的位置和作用；三、自主探究學習（ 1）老師要求同學打開自主學習頁面中的內容，包括“客戶端腳本語言”、“什么是 JavaScript”、“嵌入使用JavaScript”、“調用JavaScript 文件”，并完成頁面下方的三組練習：“概念辨析（圖1）”、“腳本找找看（圖2）”、“有何大不同（圖 3）”

7、，將自己的答案寫進輸入框內然提交后，可以看到全班同學所答的內容，以便交流；老師可以點擊“曬曬大家的回答”查看全部同學的答案；圖 1圖 2圖 3精選名師 優(yōu)秀名師 - - - - - - - - - -第 3 頁，共 5 頁 - - - - - - - - - -精品word 名師歸納總結 - - - - - - - - - - - -同學自主學習網頁中關于客戶端腳本語言、JavaScript 等相關學問的說明，懂得后回答頁面下方問題；點擊提交按鈕將答案提交至服務器；（ 2）老師匯總同學答案并點評，引導全班同學查看全部的回答，對于練習一部分的挑選題，選取難度較高校生錯誤較多的題目進行講解，加深同

8、學的概念；練習二部分的找腳本，選取有代表性的同學答案進行點評，勉勵同學自己說明說明自己的答案，老師再提煉同學的回答以加深映像；練習三部分兩種使用JavaScript 方式的比較，依舊挑選有代表性的答案，請同學描述自己的懂得，老師加以點評和歸納；同學們觀看全部回答的頁面，查看別的同學的答案，并摸索其他人的回答是否正確；對起來回答的同學的答案進行補充；設計意圖：對于本節(jié)課理論學問部分的內容，采納同學自主學習的方式，有利于學生依據自身情形把握學習進度，防止了老師對于較枯燥的理論學問進行過多講解；自學后有相應的練習題檢驗同學的自學成果，保證老師對同學的自學情形有所掌控；四、總結提煉重點、難點老師幫忙提

9、煉學問點，對比嵌入式使用Javascript 和調用使用Javascript 文件的區(qū)分，規(guī)范兩種語法的寫法以及各自的優(yōu)點，加深同學的映像；設計意圖：梳理學問，為后面的綜合練習供應理論支撐和技術支持；五、活動三：應用與提升老師將課堂導學網站綻開至活動三，布置同學完成任務，任務內容為：從導學網站下載網頁文件，參考完成稿，對所給的網頁文件添加JavaScript 代碼，使其具備鼠標跟隨成效、顯示制作人、時間成效，并嘗試修改JavaScript 腳本中鼠標跟隨文字的內容等；精選名師 優(yōu)秀名師 - - - - - - - - - -第 4 頁，共 5 頁 - - - - - - - - - -精品wo

10、rd 名師歸納總結 - - - - - - - - - - - -該任務中鼠標跟隨成效使用嵌入JavaScript 代碼方式，同學查看網頁的源文件，找到JavaScript 代碼部分，修改代碼中的鼠標跟隨文字內容；顯示作者和時間成效使用的是外部文件調用方式，同學須找到外部文件位置，用記事本打開該JS 文件，修改其中的內容；六、匯總同學完成情形，并展現同學作品老師點擊“作品觀賞”，可以點擊每個同學的名字打開該同學所修改的網頁作品，點評說明同學們做的好的地方以及不足之處；同學跟隨老師觀看其他同學的作品，相互溝通制作修改網頁的心得體會；七、課堂小結、學問回憶回憶本節(jié)課所學主要學問，勉勵夸獎同學所做成

11、果，激發(fā)同學連續(xù)探究網頁制作的興趣；教學反思本次課的教學主題是通過同學自主學習的方式學習客戶端腳本語言JavaScript 的基本知 識 ， 通 過學 生 完成 概念 辨 析 選 擇題 、 查找JavaScript代 碼 操 作 和 對比 兩 種 引用JavaScript 代碼的方式等過程檢驗自學的成果，在老師總結歸納學習要點后以實際操作，給網頁添加JavaScript 代碼和修改代碼鞏固應用方法和技巧，以體會JavaScript 在網頁制作中的基本應用；本節(jié)課是懂得動態(tài)HTML的第一課時，教材中提到動態(tài)HTML技術的三個方面、客戶端腳本語言的概念以及什么是JavaScript 等幾個方面的內

12、容；考慮到同學的接受才能和 網頁制作應用中的實際情形，本課時將JavaScript 腳本語言作為重點學問講解，其他方面 的學問一帶而過；在授課過程中，考慮到概念的講解相對枯燥，較難引起同學的愛好，考慮一再后采納了同學自主學習的方式完成，老師通過導學網站掌握課堂的進程，使同學在老師的掌握下循序漸進的學習，為了檢驗同學自學的成果，設計了三種不同類型的練習，分別對概念、熟識代碼和兩種引用方式的區(qū)分上加以鞏固，通過老師對全部同學回答的點評和溝通使同學加深印象，最終再以實際對網頁的操作作為課堂練習，練習中也對任務難度進行了分層，從修改代碼中的漢字內容到修改外部引用文件的內容，再到同學自己寫出JavaScript代碼實現彈出警告窗口，這是由易到難的過程，適合不同把握水平的同學挑選完成；經過實際的教學，發(fā)覺同學在這樣的教學方式下能夠較好的把握本節(jié)課的重點、難點內容；同時，在實際的教學后也發(fā)覺，正是由于老師基本掌握了整堂課的進度和節(jié)奏，使得課堂的敏捷性受到局限，沒能滿意少部分接受特殊快的同學對更深層次學問的探究；另 外，由于課堂練習