資源簡(jiǎn)介

課題名稱(chēng) 互聯(lián)網(wǎng)數(shù)據(jù)——網(wǎng)頁(yè)的數(shù)據(jù)組織
備課教師 評(píng)課教師 年級(jí) 課時(shí) 1
教學(xué)目標(biāo) 1. 通過(guò)觀(guān)察和探究網(wǎng)頁(yè)代碼，認(rèn)識(shí)HTML語(yǔ)言，掌握HTML文檔的基本結(jié)構(gòu)，能初步編輯HTML網(wǎng)頁(yè)代碼。 2. 在瀏覽網(wǎng)頁(yè)的過(guò)程中，能理解超鏈接的作用。
教學(xué)重點(diǎn) 掌握HTML文檔的基本結(jié)構(gòu)。
教學(xué)難點(diǎn) 理解超鏈接的作用。
教學(xué)過(guò)程 備注
“導(dǎo)”（6分鐘） 回顧上節(jié)課的人工智能網(wǎng)頁(yè)設(shè)計(jì)方案，讓學(xué)生用瀏覽器打開(kāi)下發(fā)的HTML半成品文檔查看。思考如何完善半成品網(wǎng)頁(yè)，實(shí)現(xiàn)組織有序且包含豐富文本、圖像、視頻等內(nèi)容的網(wǎng)頁(yè)。引出HTML語(yǔ)言，提出今天要完成的小項(xiàng)目：初步搭建人工智能首頁(yè)。 “思”（12分鐘） 在剛才打開(kāi)的半成品網(wǎng)頁(yè)中按F12，引導(dǎo)學(xué)生觀(guān)察網(wǎng)頁(yè)顯示內(nèi)容和對(duì)應(yīng)的HTML代碼。結(jié)合書(shū)本P33頁(yè)內(nèi)容，鼓勵(lì)學(xué)生自主觀(guān)察和探究，尋找HTML標(biāo)簽與網(wǎng)頁(yè)對(duì)應(yīng)的內(nèi)容。 活動(dòng)一：引導(dǎo)學(xué)生閱讀P34頁(yè)HTML標(biāo)簽，讓學(xué)生用文本打開(kāi)HTML，嘗試修改網(wǎng)頁(yè)的標(biāo)題為“人工智能主題網(wǎng)站”（僅文字），內(nèi)容為“走進(jìn)人工智能”（標(biāo)簽加文字） 教師小結(jié)HTML結(jié)構(gòu)和標(biāo)簽概念。 活動(dòng)二：小組合作，討論提出網(wǎng)頁(yè)網(wǎng)頁(yè)優(yōu)化方案，并選擇其中現(xiàn)階段可行的內(nèi)容進(jìn)行修改。教師匯總方案，由淺入深優(yōu)化網(wǎng)頁(yè)。并對(duì)圖片地址進(jìn)行提示說(shuō)明。 展示學(xué)生作品，并做評(píng)價(jià)，講解并展示其他標(biāo)簽。 “議”（7分鐘） 添加超鏈接，完善網(wǎng)頁(yè)功能 一張網(wǎng)頁(yè)無(wú)論我們?cè)趺慈ヘS富完善，總有其局限性，詢(xún)問(wèn)學(xué)生如何擴(kuò)展網(wǎng)頁(yè)的功能？引出超鏈接引導(dǎo)學(xué)生通過(guò)自主探究了解超鏈接標(biāo)簽的格式，小組合作在代碼的8,9行添加鏈接元素“發(fā)展”“歷史”，鏈接到相應(yīng)的文檔。 提升：在第10行添加鏈接元素“搜索”，鏈接到百度網(wǎng)頁(yè)。 建立超鏈接的標(biāo)簽為, href屬性的作用是設(shè)置鏈接的位置，是標(biāo)簽必不可少的。 “展”（7分鐘） 1.展示學(xué)生作品，提示超鏈接標(biāo)簽的格式及要點(diǎn)，對(duì)鏈接位置進(jìn)行說(shuō)明。讓學(xué)生修改后進(jìn)行編輯,讓學(xué)生描述編輯過(guò)程，想法，以及對(duì)超鏈接的認(rèn)識(shí)和意義. 2.教師對(duì)勇于展示的同學(xué)進(jìn)行鼓勵(lì)，并鼓勵(lì)其他學(xué)生質(zhì)疑、挑戰(zhàn)、糾錯(cuò)、補(bǔ)充。 3.師生共同總結(jié)不同學(xué)習(xí)需求，選擇不同在線(xiàn)學(xué)習(xí)平臺(tái)。加深學(xué)生對(duì)不同在線(xiàn)學(xué)習(xí)方式的特征的了解，能夠區(qū)別借助不同學(xué)習(xí)平臺(tái)的進(jìn)行在線(xiàn)學(xué)習(xí)的方式的不同，從而能夠在不同學(xué)習(xí)情景下，依據(jù)個(gè)人學(xué)習(xí)需求選擇適宜的學(xué)習(xí)方式，從而提高學(xué)習(xí)效率。 五、“評(píng)”（8分鐘） 1.引導(dǎo)讓學(xué)生討論，并小組為單位總結(jié)今天網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目的完成情況，歸納完成過(guò)程中所學(xué)到的知識(shí)和處理過(guò)程。 2.教師總結(jié)今日內(nèi)容。提出網(wǎng)頁(yè)安全防護(hù)、網(wǎng)頁(yè)內(nèi)容遵守相關(guān)法律法規(guī)，網(wǎng)頁(yè)的自主可控等信息社會(huì)責(zé)任。 3.打開(kāi)電子科技博物館網(wǎng)站，按F12查看HTML代碼，思考討論如何讓網(wǎng)頁(yè)內(nèi)容實(shí)現(xiàn)更好的顯示效果，引出CSS等概念。 六、“練”（5分鐘） 1. 在 一 個(gè)HTML 文檔中，用來(lái)表示網(wǎng)頁(yè)名稱(chēng)的標(biāo)簽是_____ 和_______ , 表 示 網(wǎng) 頁(yè) 主 體 內(nèi) 容 的 標(biāo) 簽 是_______和_______。 2. 嘗試在網(wǎng)頁(yè)中加入背景圖片。
教學(xué)板書(shū)
教學(xué)反思 學(xué)生第一次接觸HTML,編寫(xiě)時(shí)的縮進(jìn)等文檔基本結(jié)構(gòu)，以及標(biāo)簽所涉及的英文單詞、符號(hào)、位置等，對(duì)于學(xué)生而言還是存在一定難度。超鏈接格式中的鏈接位置因鏈接對(duì)象不同而不同，對(duì)于學(xué)生而言需要進(jìn)行仔細(xì)的辨別和適當(dāng)?shù)奶幚怼?/p>

展開(kāi)更多......

收起↑