4HTML5功能元素應(yīng)用教學(xué)設(shè)計

1、2.4HTML5功能元素應(yīng)用教學(xué)設(shè)計教學(xué)設(shè)計課題名稱2.4HTML5功能元素應(yīng)用課 時6課時教學(xué)目標(biāo)知識目標(biāo)掌握HTML5中各功能元素的應(yīng)用能力目標(biāo)培養(yǎng)學(xué)生自主學(xué)習(xí)能力，提高 HTML5編碼能力情感目標(biāo)讓學(xué)生通過學(xué)習(xí)HTML5功能元素，在培養(yǎng)技能的同時，提升學(xué)生綜合的HTML5開發(fā)制作能力教學(xué)重難點重點HTML5中各功能元素的應(yīng)用難點利用HTML5功能兀素制作綜合性貝聞教學(xué)方法教法任務(wù)驅(qū)動法學(xué)法自主學(xué)習(xí)、小組合作學(xué)習(xí)教師活動環(huán)節(jié)學(xué)生活動課前準(zhǔn)備課前下發(fā)閱讀材料學(xué)生利用課余時間自主自主學(xué)習(xí)學(xué)習(xí)HTML5功能元素資料通過自主學(xué)習(xí)為課堂教學(xué)打下基礎(chǔ)，培養(yǎng)學(xué)生自主學(xué)習(xí)能力。課堂實施老師展示使用HTML

2、5編寫的“電影與音 樂展示頁面”課堂引入展示頁面作品，引導(dǎo)和激發(fā)學(xué)生學(xué)習(xí)積極性設(shè)計意圖講述頁面背后的制作原理和使用技術(shù)，以激發(fā)學(xué)生學(xué)習(xí)興趣hgroup兀素學(xué)習(xí)hgroup元素學(xué)生學(xué)習(xí)，編寫hgroup兀素的HTML5頁面hgroup是將標(biāo)題及其子標(biāo)題進(jìn)行組 合的元素。雖然hgroup中可以出現(xiàn)其它元 素，但是為了語義規(guī)范，通常只使用標(biāo)題 (h1h6)標(biāo)簽，且在hgroup標(biāo)簽使用時， 其內(nèi)至少包含兩個及以上標(biāo)題標(biāo)簽。十大旅游景點*遍山廉篇山更猾于浙江夠悔麻嬲內(nèi)，溝同tt國源更點 風(fēng)聶名勝區(qū),中國十大名山之一.因.山雌湖.疝 w星工,娜國之.故而山以馬名,摩泰山根省于用 fe .山水肥髓，以捱r

3、尋、總.本母怪，本卷“海上 名山”.亶牛定注之堇,史端“萬南第一山, a設(shè)計意圖了解并掌握hgroup元素video兀素學(xué)習(xí)video元素用于在HTML文檔中嵌入視頻內(nèi)容。學(xué)生學(xué)習(xí)，編寫 video元素的HTML5頁面設(shè)計意圖了解并掌握video元素學(xué)習(xí)audio元素audio學(xué)生學(xué)習(xí)，編寫audio元素設(shè)計意圖學(xué)習(xí)source元素設(shè)計意圖用于在HTML文檔中嵌入音頻內(nèi)容。了解并掌握audio元素source元素為多媒體元素（如 video和audio ）來定義播放的資源文件。當(dāng)有多個 Source元素被定義時，允許瀏覽器根據(jù)它對多媒體類型或者解碼器的支持情況進(jìn)行選擇播放,如果給出的多媒體文件

4、瀏覽器都支持，那么則任選其一進(jìn)行播放了解并掌握source元素元素的HTML5頁面學(xué)生學(xué)習(xí)，編寫 source元素的HTML5頁面embe玩素學(xué)習(xí)在HTML即embedt義的是嵌入的內(nèi)embed學(xué)生學(xué)習(xí)，編寫 embed元素0元素的HTML5頁面設(shè)計意圖了解并掌握 embe玩素mark元素學(xué)習(xí)mark 元mark元素表示頁面中需要突出顯示學(xué)生學(xué)習(xí)，編寫mark元素的HTML5頁面或高亮顯示的內(nèi)容。普陀山首陀山風(fēng)弗杵困住于齦）捐州軍功的曄里,岳蒯府島坤 的一個小鳥，全品寶紀(jì)紜S軍方公里r皇按一，南才匕餐感!回 區(qū)后里，荒西S完蚱土蚣皂設(shè)計意圖了解并掌握mark元素學(xué)習(xí)dialog兀素dialog

5、 兀素Dialog 兀素表小顯小設(shè)止的對話 框，默認(rèn)情況下，要為dialog兀素加上open 屬性，才方長正常使用，因為該屬性默認(rèn)是關(guān) 閉的。學(xué)生學(xué)習(xí)，編寫dialog兀素的HTML5貝聞0dialog元寮施用這典封閭oq元素的內(nèi)哲設(shè)計意圖了解并掌握dialog兀素學(xué)習(xí)bdo和bdi兀素bdo和bdi兀素bdo元素允許設(shè)定文字的顯示方向,常用 屬性為dir,其值有2種，分別為ltr和rtl。 其中l(wèi)tr表示從左到右顯示，rtl表示從右 到左顯示。bdi元素允許設(shè)置一段文本，使其隔 離父元素的文本方向設(shè)置。常用屬，性為dir, 其值有3種，分別為ltr、rtl和auto。學(xué)生學(xué)習(xí)，編寫bdo和b

6、di兀素的HTML5貝聞0Bdo元素從右到左顯示文字bd。元皇事例”期式金雙db在上耦的基碑上.引入J9 “元將落T四個字從元泰從右向左第示的中陶奇出來.保持正常的叁示方法元聚工的必設(shè)計意圖了解并掌握bdo和bdi兀系學(xué)習(xí)time 元素time兀素定義公歷的時間（24小時制）或日 期，時間和時區(qū)偏移是可選的。該元素能夠 以機器可讀的方式對日期和時間進(jìn)行編碼。 搜索引擎也能夠根據(jù)相應(yīng)的時間生成更智能 的搜索結(jié)果。Ml姆1旦打自理1-03 日心2 1且atn巖1后方日照點201潛甲暫日mIT1“白加國1中1斫%才月才N日工作通即身拓口現(xiàn)現(xiàn)1蜘2月U口羞小疝司當(dāng)例呼鼻襄事,單忖工月12日名工作性出即

7、F受捧.3tt蛔鼻 如i井劇據(jù)加學(xué)生學(xué)習(xí)，編寫time元素的HTML5頁向設(shè)計意圖了解并掌握time 兀素學(xué)習(xí)details和summary兀素details 和 summary素details 兀素提供了可展開和收縮 隱藏的區(qū)域。其open屬性表明網(wǎng)頁初始狀態(tài) 下，具體內(nèi)谷是否展開顯小。summary兀素從屬于details 兀素。當(dāng)用鼠標(biāo)單擊summary 兀素中的內(nèi)谷時，details 兀素中除 summary 以外的所有元素將展開或是收縮顯示。西t唐古鎮(zhèn)學(xué)生學(xué)習(xí)，編寫details和summary兀素的HTML5貞向，河古鞏二g士修區(qū)抽器一個篆忌時的叱.也領(lǐng)M右美.當(dāng)呈后 匹借J!.工苒勵上叼中在 鼻壽二多忖 變比萌父.這里可 e,有羽.正肓eq幕第7.環(huán)宸多哥 破芟盒.疊名的皿點.法有若名的學(xué)里也色在軍=陽鴻右四 愛駟q他儂幅機，,一蕓岫，0設(shè)計意圖了解并掌握details 和summary%素綜合實訓(xùn)根據(jù)所學(xué)功能元素知識，完成電影與音 樂展不頁面的講解與制作“電影與 首樂展示 災(zāi)陶制A Man a*KVH V* : J /iiFT1* *4itUT4*i*!)#二9r.一Hl.1g”.E IA* ll學(xué)生在老師引導(dǎo)下，逐步 完成電影與音樂展示貝聞的 制作可步 lit：alfirjMI. flwar4V.作”章Wi；Hn Hd白 XXriLZE,#版*4 *