盲校高中信息技術選擇性必修2《網絡基礎》第三章教學設計_第1頁
盲校高中信息技術選擇性必修2《網絡基礎》第三章教學設計_第2頁
盲校高中信息技術選擇性必修2《網絡基礎》第三章教學設計_第3頁
盲校高中信息技術選擇性必修2《網絡基礎》第三章教學設計_第4頁
盲校高中信息技術選擇性必修2《網絡基礎》第三章教學設計_第5頁
已閱讀5頁，還剩10頁未讀， 繼續免費閱讀

付費下載

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

盲校高中信息技術選擇性必修2《網絡基礎》第三章教學設計一、課程基本信息【課程名稱】：《網絡基礎》第三章互聯網應用——3.1網頁制作（第一課時）【適用年級】：高中二年級（盲校）【課時安排】：2課時（每課時45分鐘）【教材版本】：浙教版2019選擇性必修2【課程性質】：本課程是高中信息技術學科的選修模塊，旨在幫助學生對網絡技術有更深入的理解，掌握互聯網應用的基本技能，特別是網頁制作與信息發布的核心技術，培養在信息社會中的表達、交流與協作能力。對于盲校學生而言，本課程不僅傳授技術，更在于打破視覺障礙帶來的信息獲取與發布壁壘，賦予學生平等參與信息時代創作與表達的【重要】能力。二、課程標準與教材分析（一）課標要求分析《普通高中信息技術課程標準（2017年版2020年修訂）》對本節內容的要求主要體現在“網絡基礎”模塊。學生需要了解網絡應用的基本模式，掌握網絡信息獲取、發布與交流的基本方法?！竞诵乃仞B焦點】具體指向：1.【信息意識】：能夠認識到網絡是信息發布與獲取的重要平臺，形成主動利用網絡技術表達思想、分享信息的意識。2.【計算思維】：理解網頁作為信息載體的結構化特征，能夠運用超文本標記語言（HTML）的基本規則，對信息的呈現方式進行抽象和邏輯描述。3.【數字化學習與創新】：能夠根據特定主題，選擇合適的工具（如文本編輯器、瀏覽器）和方法，設計和制作結構清晰、內容準確的簡單網頁，實現信息的數字化表達與創新。4.【信息社會責任】：在制作和發布網頁的過程中，理解并遵守網絡信息發布的道德規范與法律法規，尊重知識產權，不制作和傳播不良信息。（二）教材地位與作用“3.1網頁制作”是浙教版選擇性必修2《網絡基礎》第三章“互聯網應用”的開篇之作。本章從基礎的網絡協議和IP地址，過渡到具體的互聯網應用。本節內容起著承上啟下的關鍵作用：【承上】它是對前兩章網絡基礎理論知識（如HTTP協議、URL、客戶端/服務器模式）的一次具體實踐應用，將抽象的網絡通信過程，具象化為一個可視（可聽）的網頁文件；【啟下】它為后續學習更復雜的網站規劃、動態網頁技術、網絡信息安全等內容打下堅實的實踐基礎。掌握最基本的HTML語法，是理解網頁本質、進行網絡信息發布的【基礎】和【必備】技能。（三）教材處理與盲校適配鑒于授課對象為盲校高中學生，教材處理需進行特殊優化。原浙教版教材中的圖片、界面截圖、可視化布局等內容，需要轉化為適合聽覺和觸覺認知的形式?！痉浅Ｖ匾康慕虒W策略是將“視覺中心”的教學，轉變為“聽覺+觸覺+邏輯”的多模態教學。1.【視覺信息聽覺化】：教材中關于瀏覽器界面、網頁顯示效果的截圖，將用準確、生動的語言描述替代。例如，不說“看這張圖片”，而是描述：“在瀏覽器中，我們制作的網頁標題會顯示在瀏覽器最上方的標簽欄。頁面的主體部分，從上到下依次是：一級標題的文字較大且加粗，二級標題次之，段落文本則常規顯示，所有文本從左向右排列?！?.【抽象結構觸覺化】：利用盲文寫字板或3D打印的簡易模型，幫助學生理解HTML標簽的“包裹”和“嵌套”概念。例如，可以用一個“盲文卡片盒”比喻一個<p>標簽，盒子外面寫著<p>（開始標簽），里面裝著文本內容，盒子外面底部寫著</p>（結束標簽），表示內容到此結束。多個盒子可以按順序排列（并列關系），也可以將小盒子放進大盒子里（嵌套關系）。3.【操作過程體驗化】：強調代碼的逐字符精確輸入，通過屏幕閱讀器（如永德、陽光、NVDA）的反饋，讓學生“聽”到自己寫的代碼，再在瀏覽器中通過屏幕閱讀器“聽”到渲染后的頁面效果。通過聽覺對比，深刻理解代碼結構與呈現效果之間的對應關系。【核心】是建立“源代碼”與“呈現效果”之間的聽覺映射。三、學情分析（一）知識起點學生已完成必修模塊的學習，對信息社會、計算機系統有基本了解。在本模塊前兩章，學生已經學習了網絡的基本概念，如IP地址、域名、DNS、HTTP協議、URL的組成等。他們知道在瀏覽器地址欄輸入網址可以訪問網頁，但【基礎】問題在于：網頁是如何產生的？我們看到的精美頁面背后是什么？大部分學生對網頁的“幕后”——HTML代碼，沒有感性認識。（二）技能起點學生具備基本的鍵盤操作能力，能熟練使用屏幕閱讀器瀏覽網頁和操作文件。他們可能使用過Word等軟件進行文字編輯，但對純文本編輯（如記事本）和結構化標記語言完全陌生。對于盲生而言，【難點】在于：精確記憶和輸入復雜的英文標簽，以及理解標簽的對稱性和嵌套邏輯，因為無法通過視覺直觀地檢查括號是否匹配、標簽是否閉合。（三）認知特點與學習風格盲校高中生的認知主要依賴聽覺、觸覺和邏輯思維。他們習慣于線性聆聽和信息的順序處理。對于需要空間想象和視覺布局的知識（如網頁元素的對齊、顏色、字體大?。?，需要通過類比和邏輯描述來構建心理圖式。同時，他們具有強烈的求知欲和通過技術融入信息社會的內在動力，對能夠親手“創建”一個屬于自己的網頁抱有極高的熱情和期待。這是本節課【非常重要】的積極情感基礎。四、教學目標設計基于課標要求和學情分析，制定如下教學目標：（一）知識與技能目標1.【基礎】能夠說出HTML的基本概念和作用，理解超文本、標記語言的含義。2.【基礎】掌握HTML文檔的基本結構（<html>，<head>，<body>），并能熟練在文本編輯器中搭建此框架。3.【重要】能夠識記并正確使用常用的HTML標簽：標題標簽<h1>至<h6>、段落標簽<p>，理解其語義。4.【基礎】掌握在HTML中插入注釋的方法（<!>），并理解其作用。5.【高頻考點】能夠正確創建、命名、保存“.html”文件，并用瀏覽器打開，通過屏幕閱讀器“聽讀”頁面效果。（二）過程與方法目標1.通過類比（如“劇本與戲劇”、“建筑藍圖與建筑”），理解HTML代碼與瀏覽器最終呈現效果之間的關系，培養信息抽象與具象的思維能力。2.通過“聽代碼寫代碼→聽效果調試代碼”的實踐過程，體驗基于聽覺反饋的軟件開發流程，掌握一種適合自身條件的調試方法。3.通過小組互助，口頭描述自己的代碼結構和預期效果，鍛煉技術交流與表達能力。（三）情感態度與價值觀目標1.親歷從空白文檔到生成第一個網頁的全過程，體驗編程創作的樂趣和成就感，建立學習信息技術的自信心。2.認識到代碼的精確性和嚴謹性，培養認真、細致的學習態度和一絲不茍的專業精神。3.【核心素養】初步建立尊重他人版權、不隨意傳播不良信息的意識，理解作為信息發布者的責任。五、教學重點與難點（一）【教學重點】1.HTML文檔的基本骨架結構（<html>，<head>，<body>）。2.常用的文本結構標簽：標題標簽<h1><h6>和段落標簽<p>的語法和作用。3..html文件的正確創建、保存與瀏覽。（二）【教學難點】1.【難點】深刻理解HTML標簽的“成對出現”和“嵌套”結構，尤其是在沒有視覺輔助的情況下，確保代碼的對稱性和邏輯層次。2.【難點】區分“源代碼”中的標簽與內容，以及它們在瀏覽器中最終被“解析”和“呈現”的不同角色。3.【操作難點】通過屏幕閱讀器的反饋，準確判斷代碼錯誤（如標簽未閉合、拼寫錯誤）并進行調試。六、教學方法與策略1.【講授法】：用于講解HTML的基本概念、發展歷史、標簽語義等陳述性知識。講授時語言力求形象生動，多用比喻。2.【演示法】：教師通過廣播系統或分步語音指導，演示在記事本中輸入代碼、保存文件、用瀏覽器打開的全過程。每一步操作都要清晰描述鍵盤動作和屏幕閱讀器的反饋。3.【任務驅動法】：設置由淺入深的學習任務，如“創建第一個空白網頁”、“制作一個自我介紹的小網頁”，讓學生在完成具體任務的過程中掌握知識和技能。4.【協作學習法】：將學生分成兩人小組，一人朗讀代碼，另一人檢查并口述預期效果，然后互換角色。通過“結對編程”的方式，互相糾錯，加深理解，同時鍛煉口頭表達和邏輯思維能力?！痉浅Ｖ匾窟@能有效彌補盲生無法快速掃讀代碼的缺陷。5.【類比教學法】：用生活實例類比抽象概念。劇本vs戲劇：HTML代碼是“劇本”，瀏覽器是“演員”，最終呈現的頁面是“戲劇”。集裝箱vs貨物：HTML標簽是“集裝箱”，規定了內容（貨物）的“類型”（標題、段落）和“邊界”。七、教學準備（一）教師準備1.【硬件】多媒體網絡教室，教師機、學生機（均安裝有常用屏幕閱讀器，如NVDA，并確保其與瀏覽器、記事本程序兼容性良好）。2.【軟件】Windows操作系統自帶“記事本”程序，最新版Edge或Chrome瀏覽器。3.【學具】盲文寫字板及盲文紙，用于繪制代碼結構草圖。4.【教學資源】預制的示例代碼（一個簡單的自我介紹網頁的完整代碼，準備不同版本的錯誤代碼用于演示調試）、清晰的操作步驟盲文講義。5.【環境】檢查所有學生機的屏幕閱讀器工作正常，輸入法切換為英文半角狀態。（二）學生準備1.復習HTTP協議和URL的組成。2.提前熟悉鍵盤，特別是符號鍵（如<，>，/）的位置。3.準備好盲文筆記用具。八、教學實施過程（【核心環節】）（一）創設情境，引入新課（預計5分鐘）【教師活動】：同學們，我們已經學習了如何在網上“看”新聞、“查”資料。我們輸入的網址（URL）背后，是網絡服務器根據HTTP協議，給我們發回的一個個文件。這個文件，就是我們今天要探索的主角——網頁文件。請大家想象一下，如果我們想向全世界介紹自己，介紹我們的班級，介紹盲校，除了發朋友圈、發語音，還有沒有一種更正式、更持久的方式？對，就是制作一個屬于自己的網頁！今天，我們就來揭開網頁的神秘面紗，學習如何親手制作它?！緦W生活動】：聆聽、思考、產生興趣和好奇。【設計意圖】：從學生熟悉的網絡應用場景切入，通過提問激發學生的內在動機，引出本課主題，建立學習的意義感。（二）概念建構：網頁的“幕后英雄”——HTML（預計10分鐘）1.【基礎概念】什么是HTML？【教師講解】：我們看到的網頁，無論是文字、圖片還是按鈕，它們的“幕后總指揮”是一種叫做HTML的語言。HTML的全稱是HyperMarkupLanguage，中文叫“超文本標記語言”。請大家注意兩個關鍵詞：“標記”和“語言”?！绢惐壤斫狻俊皹擞洝保核皇蔷幊陶Z言，不能進行復雜的邏輯運算，它只能做一件事——給文本內容“打上標記”。就像我們在盲文紙上，用特定點位標記出哪部分是標題，哪部分是正文一樣。HTML就是用一系列我們稱為“標簽”的標記，告訴瀏覽器：“嗨，瀏覽器，這段文字是‘一級標題’，你要把它顯示得又大又粗；那段文字是‘段落’，你就按普通文本顯示就行了?！薄绢惐壤斫狻俊俺谋尽保撼搅似胀ㄎ谋镜南拗啤Ｆ胀ㄎ谋局荒茼樞蜷喿x，而“超文本”最大的特點就是可以通過“超鏈接”從一個頁面跳轉到另一個頁面，這也是萬維網（）的核心思想。雖然我們今天不學鏈接，但要知道，HTML正是實現這種非線性跳轉的基礎。【重要】HTML的本質：它不是讓文字變好看，而是賦予文字“意義”和“結構”。2.【核心工具】認識HTML標簽（Tag）【教師講解】：標簽是HTML的“基本詞匯”。它通常成對出現，像一對括號?！窘Y構演示】：一個完整的標簽對由三部分組成：<標簽名>內容</標簽名>。左邊那個<標簽名>叫做“開始標簽”，右邊帶斜杠的</標簽名>叫做“結束標簽”。它們中間的“內容”，就是我們要標記的文字?！韭犛X化演示】：比如<h1>歡迎訪問我的網站</h1>。我們就可以這樣理解：<h1>是“開啟一個一級標題的容器”，把“歡迎訪問我的網站”這段文字放進去，然后用</h1>這個“蓋子”把它封上。瀏覽器聽到（看到）這對標簽，就知道中間的內容是最高級別的標題?！緦W生活動】：跟隨教師的引導，在腦海中構建標簽的“容器”形象。（三）動手實踐：搭建第一個HTML頁面（預計25分鐘）1.【第一步】創建HTML文件骨架【教師演示+語音引導】（【重要】全程強調鍵盤操作和屏幕閱讀器反饋）打開記事本：請大家按Win鍵，輸入“記事本”，按回車打開?，F在屏幕閱讀器會朗讀“無標題記事本”。輸入基本結構：一個完整的HTML頁面，有一個固定的骨架。請跟著我，一個字符一個字符地輸入。注意，所有標簽和符號都必須在英文半角狀態下輸入。<html>（按回車換行）<head>（按回車）<title></title>（按回車）</head>（按回車兩次）<body>（按回車）</body>（按回車）</html>【教師解析骨架】（每輸入一個部分，都進行解釋）：<html>：這是整個網頁的根標簽，就像一個總容器，告訴瀏覽器從這個<html>開始，到</html>結束，中間都是HTML代碼。<head>：這是網頁的“頭部”，里面放的是頁面的“元信息”，就是關于頁面本身的一些信息，比如我們接下來要填的標題。<title></title>：這個標簽對專門用來定義網頁的標題。這個標題會顯示在瀏覽器的標簽欄上，也是屏幕閱讀器打開頁面時最先朗讀的內容。非常重要！</head>：頭部結束。<body>：這是網頁的“身體”。所有我們在頁面上能看到、聽到的實質性內容，比如文章、段落、圖片描述，都要放在這個標簽里面。</body>：身體結束。</html>：根標簽結束，整個文檔結束?！緦W生活動】：跟隨教師指令，逐行輸入代碼。2.【第二步】保存文件【教師演示+語音引導】（【難點】強調文件名和保存類型）保存操作：按Ctrl+S打開保存對話框。選擇位置：用Tab鍵切換到左側樹形圖，選擇“桌面”或自己的文件夾。myfirstpage.html件名”輸入框，輸入myfirstpage.html?！痉浅Ｖ匾亢缶Y名.html必須手動輸入，不能省略！它告訴操作系統這是一個網頁文件，要用瀏覽器打開。如果只輸入myfirstpage，那就還是一個文本文件?！靖哳l出錯點】保存類型：Tab鍵切換到“保存類型”，默認是“文本文檔(.txt)”。我們必須按上下鍵，選擇“所有文件(.)”。這一步也【非常關鍵】，否則它還是會被存成.txt文件。確認保存：按Alt+S或Tab鍵到“保存”按鈕按回車。此時屏幕閱讀器可能會提示“正在保存文檔”。3.【第三步】在瀏覽器中查看【教師演示+語音引導】找到文件：按Win+Dmyfirstpage.html存的myfirstpage.html文件。打開方式：按Shift+F10打開右鍵菜單，用方向鍵找到“打開方式”，在子菜單中選擇一個瀏覽器（如Edge），按回車?！韭犛X體驗】：瀏覽器打開后，屏幕閱讀器首先會朗讀什么？它朗讀的是標簽頁上的文字，也就是我們在<title></title>里寫的內容！因為我們在<title>標簽里沒寫任何內容，所以它可能朗讀的是文件的路徑或空白。緊接著，它開始朗讀頁面主體內容。因為我們<body>里也空著，所以沒有任何內容可讀。【對比反思】：大家聽，我們雖然寫了很多代碼，但屏幕上（聽覺上）幾乎是空的。這說明我們只搭好了“骨架”，還沒有填入“血肉”?，F在，我們回到記事本（按Alt+Tab），給頁面填充內容?！緦W生活動】：獨立完成從輸入、保存到查看的完整流程，體驗從代碼到頁面的過程，并通過聽覺感受“骨架”與“內容”的區別。（四）內容填充：使用標題與段落標簽（預計25分鐘）1.【基礎】添加頁面標題【教師講解】：要讓瀏覽器標簽欄有正確的標題，我們需要在<title>標簽中間添加內容?！静僮餮菔尽浚呵谢赜浭卤?，用方向鍵找到<title></title>這一行，將光標移動到>和<之間（即兩個標簽的中間），輸入“我的第一個網頁”。這樣，這一行就變成了<title>我的第一個網頁</title>。按Ctrl+S保存。【聽覺體驗】：再次切換到瀏覽器，按F5刷新頁面。此時，屏幕閱讀器應該會首先朗讀“我的第一個網頁”，然后才朗讀空白的主體。同學們可以清晰聽到標題的變化。2.【重點】使用標題標簽【教師講解】：現在，我們在<body>里添加真正的內容。假設我們要寫一個簡短的自我介紹。【操作演示】：將光標移動到<body>的下一行（注意縮進，雖然不影響運行，但利于代碼閱讀，可以用空格鍵縮進兩格）。然后輸入：<h1>關于我</h1>按回車<h2>基本信息</h2>按回車兩次<h2>我的愛好</h2>【教師解析】：<h1>代表一級標題，通常用于整個頁面的主標題，一頁最好只有一個。<h2>是二級標題，可以作為章節的標題。我們可以從<h1>用到<h6>，重要性依次遞減。這些“標題”標簽不僅改變了文字的顯示效果（在視覺上，字號從大到小，加粗程度不同），更重要的是，它們為頁面定義了清晰的“大綱”結構。屏幕閱讀器的用戶可以使用快捷鍵（如H鍵）在各級標題間快速導航，這【非常重要】，是盲人用戶高效瀏覽網頁的關鍵。3.【重點】使用段落標簽【教師講解】：標題下面，需要更詳細的描述，這時就用到了段落標簽<p>?！静僮餮菔尽浚涸?lt;h2>基本信息</h2>下面一行（同樣先縮進），輸入：<p>我是一名就讀于盲校高二年級的學生。我對信息技術和網絡技術非常著迷。</p>按回車在<h2>我的愛好</h2>下面一行，輸入：<p>我喜歡閱讀盲文書籍、聽音樂，還喜歡和同學們一起討論電腦知識。</p>【教師解析】：<p>標簽把一段文字“包裹”起來，告訴瀏覽器這是一段獨立的文本塊。在視覺上，段落前后會有一些間距；在聽覺上，屏幕閱讀器讀到<p>時可能會有短暫的停頓，或者用戶可以設置按段落跳讀。（五）完善與調試：加入注釋，查錯糾錯（預計15分鐘）1.【基礎】添加注釋【教師講解】：隨著代碼越來越長，我們可能會忘記某段代碼是干什么的。這時，我們可以使用“注釋”給自己或他人寫一些說明。注釋的內容不會被瀏覽器顯示出來，僅供我們閱讀代碼時參考?！静僮餮菔尽浚涸?lt;body>開始標簽的下一行，輸入<!這里是頁面的主體內容，以下內容都會顯示在瀏覽器中>。然后按回車，再開始寫標題?！菊Z法說明】：注釋以<!開頭，以>結束。中間的文本，包括任何標簽，都會被瀏覽器忽略。這是一個非常好的習慣，要【重點】培養。2.【難點】錯誤調試實踐【教師活動】：現在，我們來模擬一個常見錯誤。請大家在<p>我是一名……</p>這個段落的結束標簽上，故意漏掉最后的/，即寫成<p>。保存后，刷新瀏覽器，聽聽效果發生了什么變化？【學生活動】：操作，并仔細聽屏幕閱讀器的朗讀變化。【聽覺反饋討論】：學生可能會發現，從那個錯誤的段落開始，后面的所有內容，包括“我的愛好”標題和另一個段落，都被讀成了一個大段落，或者朗讀順序混亂。這是因為瀏覽器發現第一個<p>開始后，沒有找到對應的結束標簽，于是它認為后面的所有內容都還在這個段落里，直到遇到另一個<p>開始標簽，它才嘗試結束上一個段落。這導致整個頁面結構混亂。【教師總結】：這就體現了標簽“成對出現”的重要性！一個標簽不閉合，就像說了一句話沒打句號，后面的話都連在一起了。我們的調試方法就是：聽效果→判斷錯誤類型（結構問題）→回顧代碼→檢查標簽是否閉合、拼寫是否正確→修改→保存→刷新→再聽效果。這是一個程序員最基本的技能。（六）知識鞏固與協作練習（預計10分鐘）【協作任務】：“你讀我評，結對編程”【活動要求】：兩人一組，學生A朗讀自己剛才寫的完整代碼，一個字符一個字符地清晰朗讀（包括所有<>/符號）。學生B不看屏幕，僅通過聽A的朗讀，在腦海中構建頁面結構，并口述出預期的頁面大綱（例如：“我聽到了一個一級標題‘關于我’，然后一個二級標題‘基本信息’，下面是一個段落……”）。然后，兩人交換角色，學生B朗讀代碼，學生A口述預期結構。最后，兩人一起在瀏覽器中驗證，誰的“聽力預期”更準確。【教師巡視】：在小組間走動（或通過遠程協助），傾聽學生的交流，及時糾正對標簽的錯誤讀法，并鼓勵學生用“標簽”術語進行交流，如“請讀一下你的二級標題開始標簽”?！驹O計意圖】：這個環節【非常重要】。它巧妙地將視覺檢查轉化為聽覺檢查和口頭表達。朗讀代碼強化了對標簽的記憶，口述預期效果則鍛煉了從代碼到呈現的邏輯推理能力，是培養計算思維的有效途徑。同時，協作學習降低了孤獨感，提高了參與度。（七）課堂總結與作業布置（預計5分鐘）（一）課堂總結【教師引導】：今天，我們共同跨越了從網頁“消費者”到“生產者”的第一步。請大家回顧一下，這節課我們學會了哪些【核心】內容？【學生回顧，教師補充并系統梳理】：1.【基礎】HTML是什么？——超文本標記語言，通過標簽給文本賦予結構和意義。2.【重點】HTML文檔的骨架結構：<html>（根）、<head>（頭，含<title>）、<body>（身體）。3.【重點】常用的文本標簽：標題標簽<h1><h6>和段落標簽<p>。它們不僅改變了外觀，更重要的是構建了頁面大綱，便于導航。4.【重要】文件的創建與保存：一定要加上.html后綴，保存類型選“所有文件”。5.【核心素養】嚴謹的編程態度：標簽必須成對出現，正確嵌套，一個符號的錯誤都可能導致頁面結構混亂。我們學會了通過聽覺反饋進行調試的基本方法。6.【信息社會責任】作為信息的發布者，我們開始學習制作網頁，就要意識到，我們發出的每一段信息，都應該真實、健康、負責任。（二）【分層作業】1.【基礎作業（必做）】：完善課堂上制作的“自我介紹”網頁。在<body>中，至少使用一個一級標題、兩個二級標題和三個段落標簽。為頁面起一個貼切的<title>。保存后，通過瀏覽器聽讀，確保結構清晰，沒有錯誤。將源文件和聽讀感受（用口述錄音或盲文形式）提交。2.【拓展作業（選做）】：嘗試在<body>中，使用從<h1>到<h6>全部六個級別的標題，每個標題下寫一句話。保存后，通過屏幕閱讀器逐級聆聽，感受它們在大綱導航中的層次變化，并思考為什么實際應用中很少用到<h4>以后的標簽。九、板書設計（以盲文講義和聽覺化語言呈現）【課題】：3.1網頁制作（第一課時）——揭開HTML的面紗（一）HTML是什么？全稱：HyperMarkupLanguage（超文本標記語言）本質：用“標簽”給文本內容賦予“結構”和“意義”的“標記語言”。類比：劇本（代碼）→演員（瀏覽器）→戲?。ǔ尸F效果）（二）HTML的核心語法——【標簽】（Tag）形式：成對出現。<標簽名>內容</標簽名>解釋：<標簽名>是“開始”，</標簽名>是“結束”，中間的“內容”是被標記的對象。注意：所有符號必須使用英文半角。（三）HTML文檔的基本結構（【骨架】）<html><head><title>頁面標題</title>（顯示在瀏覽器標簽欄）</head><body>...頁面主體內容（用戶可見/可聽）...</body></html>（四）常用的【文本標簽】標題標簽：<h1>一級標題</h1>（最重要，一般一個頁面只有一個）<h2>二級標題</h2>（章節標題）...<h6>六級標題</h6>（重要性遞減）段落標簽：<p>這是一個段落。</p>（五）【注釋】格式：<!注釋內容>作用：給自己或他人的代碼寫說明，瀏覽器不會顯示。（六）【重要】操作三步曲：1.寫：在記事本中精確輸入代碼。2.存：文件名后綴一定是.html，保存類型選“所有文件”。3.看（聽）：用瀏覽器打開，用屏幕閱讀器聆聽效果?！l現問題→返回修改→保存刷新→再聽。十、教學評價與反饋（一）過程性評價1.【操作觀察】：在演示和練習環節，觀察學生是否能跟上操作步驟，正確輸入、保存和瀏覽文件。2.【協作交流】：在“你讀我評”環節，傾聽學生的討論，評估他們能否準確朗讀代碼，以及能否根據聽到的代碼邏輯口述出正確的頁面結構。這是評價學生對標簽語義和嵌套結構理解程度的【重要】指標。3.【問題診斷】：針對學生調試過程中的典型錯誤（如標簽未閉合、尖括號方向錯誤），進行個別指導，并記錄共

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論