資源簡介

中小學(xué)教育資源及組卷應(yīng)用平臺
第3.1課《信息之網(wǎng)--接入互聯(lián)網(wǎng)超文本、超鏈接與HTTP》教學(xué)設(shè)計
課題 信息之網(wǎng)--接入互聯(lián)網(wǎng)超文本、超鏈接與HTTP 單元 第三單元 學(xué)科 信息科技 年級 七年級
核心素養(yǎng)目標(biāo) 信息意識：能夠?qū)尤牖ヂ?lián)網(wǎng)超文本、超鏈接與HTTP等形成初步認(rèn)識，熟練使用和掌握，幫助我們在使用過程中更便捷。計算思維：能借助學(xué)習(xí)接入互聯(lián)網(wǎng)超文本、超鏈接與HTTP，明確互聯(lián)網(wǎng)各個組成部分，并且快速定位到網(wǎng)頁，進(jìn)而強化個人計算思維。數(shù)字化學(xué)習(xí)與創(chuàng)新：將本課所學(xué)知識能力靈活性和個性化創(chuàng)新，比如如何更快定位到自己想要查找的網(wǎng)頁，不斷探索新方法和新思路。信息社會責(zé)任：通過瀏覽器或?qū)Ｓ每蛻舳塑浖崿F(xiàn)信息的查找、瀏覽與共享，并且認(rèn)識到網(wǎng)絡(luò)的利與弊，合理利用網(wǎng)絡(luò)，自主維護(hù)網(wǎng)絡(luò)安全。
教學(xué)重點 認(rèn)識接入互聯(lián)網(wǎng)超文本、超鏈接與HTTP。
教學(xué)難點 掌握如何更快定位到自己想要查找的網(wǎng)頁。
教學(xué)過程
教學(xué)環(huán)節(jié) 教師活動 學(xué)生活動 設(shè)計意圖
導(dǎo)入新課 第3.1課 《信息之網(wǎng)--接入互聯(lián)網(wǎng)超文本、超鏈接與HTTP》板書課題。1.本單元你將學(xué)習(xí)：萬維網(wǎng)中的網(wǎng)頁是如何互相關(guān)聯(lián)的訪問萬維網(wǎng)客戶端的模式有哪些網(wǎng)絡(luò)瀏覽方式經(jīng)歷哪些變化如何設(shè)計自由行的旅行計劃書2.萬維網(wǎng)( world wide web, WWW. 3W或Web)是一種基于互聯(lián)網(wǎng)的信息服務(wù)系統(tǒng)，由數(shù)不清的文檔通過超鏈接連接在一起。萬維網(wǎng)由歐洲核子研究中心( CERN)的高能物理學(xué)家率先提出并實現(xiàn)，在經(jīng)歷30多年的發(fā)展之后，現(xiàn)在已經(jīng)成為一個規(guī)模非常龐大的信息海洋，是互聯(lián)網(wǎng)最為重要的一種應(yīng)用。人們可以通過瀏覽器或?qū)Ｓ每蛻舳塑浖崿F(xiàn)信息的查找、瀏覽與共享。3.學(xué)習(xí)熱身你知道萬維網(wǎng)中的哪些網(wǎng)站？請將網(wǎng)站名稱與主要功能填寫在下表中。網(wǎng)站名稱主 要 功 能新浪提供新聞、娛樂、體育、財經(jīng)等多種百度幫助用戶快速找到互聯(lián)網(wǎng)上的信息微博允許用戶創(chuàng)建個人或團(tuán)體賬戶，發(fā)布狀態(tài)更新、圖片、視頻等中國大學(xué)MOOC提供各類在線課程，包括高等教育、職業(yè)教育、技能培訓(xùn)等知網(wǎng)提供專業(yè)領(lǐng)域的資訊、數(shù)據(jù)、研究成果等4.你知道嗎？在使用瀏覽器訪問萬維網(wǎng)時，為什么要輸入“WWW" 1989年，在CERN工作的蒂姆.伯納斯.李開發(fā)出了世界上第一個Web服務(wù)器與可視化Web瀏覽器。這個Web瀏覽器原先被命名為worldwideweb,但為了與萬維網(wǎng)區(qū)分，后來改名為nexus。 2017年4月，美國計算機協(xié)會宣布蒂姆.伯納斯.李獲得2016年“圖靈獎”，以獎勵其發(fā)明萬維網(wǎng)、瀏覽器與允許網(wǎng)頁擴展的基本協(xié)議與算法。5.在本課中你將學(xué)習(xí)：超文本如何改變信息瀏覽方式超鏈接如何設(shè)置與使用HTTP有哪些應(yīng)用6.新知導(dǎo)入萬維網(wǎng)被稱為信息的海洋，它由數(shù)不清的網(wǎng)頁組成。我們只要在瀏覽器中輸入網(wǎng)址，就可以找到對應(yīng)的網(wǎng)頁，還可以從這一張網(wǎng)頁跳轉(zhuǎn)到其他網(wǎng)頁閱讀想要的信息。這些功能的實現(xiàn)與超文本、超鏈接及超文本傳輸協(xié)議( hypertext tansfer protocol, HTTP)有關(guān)。7.播放視頻 學(xué)習(xí)新知引入觀看教學(xué)視頻。 初步明確本課所學(xué)知識點。將學(xué)生的注意吸引到課堂。
講授新課 新知講解：板書課題。一、超文本的出現(xiàn)隨著人類社會的進(jìn)步，信息呈現(xiàn)爆炸式增長，人們開始面臨大容量信息檢索與閱讀等方面的挑戰(zhàn)。因為傳統(tǒng)的信息檢索，大多是按照紙質(zhì)文件上的目錄“按圖索驥”：而在內(nèi)容閱讀方面，大多是沿著“自上而下”的線性順序展開，如圖3.1.1所示。圖3.1.1 紙質(zhì)文本的信息與閱讀1.創(chuàng)意的形成 1945年科學(xué)家范尼瓦布什( Vannevar Bush)發(fā)表了一篇名為《按照我們的想象》(As We May Think)的文章，首次提出可以設(shè)計一種按照個人興趣或需求訪問與共享知識的設(shè)備。該設(shè)想雖然在當(dāng)時未能實現(xiàn)，但對超文本概念的形成，產(chǎn)生了深遠(yuǎn)的影響。20世紀(jì)60年代，計算機技術(shù)有了長足發(fā)展，網(wǎng)絡(luò)也開始隱約顯現(xiàn)。科學(xué)家泰得.納爾遜( Ted Nelson)寫了一篇名為《一種復(fù)雜、可變與不定型的文檔結(jié)構(gòu)》(4 File Structure for the Complex, the Changing and theIndeterminate )的論文，正 式提出了“超文本”(hypertext) 概念。超文本就是運用超鏈接(hyper link )技術(shù)，將位于不同空間的信息進(jìn)行組織關(guān)聯(lián)，從而形成一種網(wǎng)狀文本， 以方便用戶進(jìn)行交互式的訪問與檢索，如圖3.1.2所示。圖3.1.2 超文本探索選擇一個你喜歡的網(wǎng)站，并通過鼠標(biāo)切換不同的網(wǎng)頁，讓自己暢游于文本、音頻、圖像、視頻動畫等多種媒體元素構(gòu)成的網(wǎng)頁空間，進(jìn)而感受萬維網(wǎng)的超文本給閱讀所帶來的便利與高效。2.顛覆性的意義超文本的出現(xiàn)徹底改變了人類對信息檢索與閱讀的傳統(tǒng)方式。瀏覽者可以從文檔的一個地方跳轉(zhuǎn)到另一個地方，也可以從一個文檔直接跳移到另一個文檔，且可以進(jìn)行返回操作。它可以讓瀏覽者按照個性化需求進(jìn)行選擇性閱讀，幫助瀏覽者更加全面、深入地了解信息。超文本的誕生為萬維網(wǎng)的發(fā)明提供了重要的技術(shù)支撐。它為網(wǎng)頁信息的組織，網(wǎng)站資源的訪問、瀏覽與下載，提供了一種全新的解決思路，網(wǎng)絡(luò)交流也因此變得更加便捷、高效、人性化。你知道嗎？1989年3月，蒂姆.伯納斯.李向CERN提交了一份名為《信息管理：一個提案》的建議書，主張運用超文本技術(shù)將CERN內(nèi)部的各個實驗室連接起來，從而幫助用戶實現(xiàn)網(wǎng)絡(luò)信息的共享與訪問。知識拓展你知道超文本一般應(yīng)用在哪些地方嗎？二、超鏈接的設(shè)置超鏈接是一種能夠?qū)⒉煌臻g的信息進(jìn)行組織鏈接的技術(shù)。如果信息之間存在某種關(guān)聯(lián)，那么就可以通過超鏈接技術(shù)將它們鏈接起來，進(jìn)而創(chuàng)建成一個超文本。網(wǎng)站中的網(wǎng)頁及其他資源就是通過超鏈接形成一個超文本。1.設(shè)置對象網(wǎng)頁中的文本、圖片與按鈕等都是可以用來設(shè)置超鏈接的對象。當(dāng)鼠標(biāo)光標(biāo)懸停在被設(shè)置對象上時，光標(biāo)就會變成“凸”。若單擊超鏈接，則會產(chǎn)生從一張網(wǎng)頁跳到另一張網(wǎng)頁， 或者從當(dāng)前網(wǎng)頁位置跳轉(zhuǎn)到指定瀏覽處，甚至是彈出下載文件或打開電子郵箱等效果。探索訪問你熟悉的網(wǎng)站，觀察各種網(wǎng)頁中的超鏈接。單擊網(wǎng)頁中的超鏈接后，都會產(chǎn)生哪些效果 單擊網(wǎng)頁中的超鏈接后，都會產(chǎn)生哪些效果 頁面跳轉(zhuǎn)：最常見的效果是跳轉(zhuǎn)到另一個網(wǎng)頁或者是完全不同的網(wǎng)站。打開新窗口或標(biāo)簽：有些超鏈接設(shè)置為在新窗口或新標(biāo)簽頁中打開，這樣用戶可以同時查看多個頁面。下載文件：某些超鏈接可能指向文件，單擊后會開始下載該文件。錨點跳轉(zhuǎn)如果超鏈接指向同一頁面的特定部分，單擊后會滾動到該部分內(nèi)容。觸發(fā)JavaScript事件某些超鏈接可能與JavaScript代碼關(guān)聯(lián)，單擊后會觸發(fā)特定的腳本。2.網(wǎng)址與城名的格式超鏈接技術(shù)的基本原理是通過設(shè)置指向被關(guān)聯(lián)信息所在的地址，實現(xiàn)跳轉(zhuǎn)式的訪問。因此，當(dāng)單擊萬維網(wǎng)上某個超鏈接時，瀏覽器會自動解析該超鏈接所指向的網(wǎng)址，然后打開目標(biāo)網(wǎng)頁。網(wǎng)址是統(tǒng)一資源定位符( uniform resource locator, URL) 的俗稱，由域名及其他部分組成，主要用來指定某個網(wǎng)站上具體網(wǎng)頁或者資源的地址。以萬維網(wǎng)上某張網(wǎng)頁為例，其URL的基本格式如圖3.1.3所示。你知道嗎？為什么要在URL前面加不太常用的“//” 符號呢 2019年 10月，蒂姆.伯納斯.李承認(rèn)，選用“//” 符號確實有欠考慮，因為沒想到萬維網(wǎng)會這么普及，當(dāng)初只是想用它告知計算機，接下來輸入的是網(wǎng)址而已。域名是由一串用“.” 分隔的字符組成，一般可分為網(wǎng)絡(luò)名、域名主體與城名后綴三部分，主要用來標(biāo)識某個網(wǎng)站或者某種網(wǎng)絡(luò)服務(wù)。主機名中的"w.***pa."便是城名，其中“www” 為網(wǎng)域名，“***pa” 為域名主體，"" 為域名后綴。常見的域名后綴及其含義，如表3.1.1所示。域名后綴含義.cn中國國家域名.com最流行的頂級域名之一，代表商業(yè)和公司.net通常用于網(wǎng)絡(luò)組織和服務(wù)提供商.org通常用于非營利組織和服務(wù)提供商.edu僅限于教育機構(gòu)使用，如大學(xué)和學(xué)院.gov僅限于政府機構(gòu)使用.int用于國際組織表3.1.1 常見的域名后綴及其含義知識拓展關(guān)于域名的管理和安全性。三、HTTP的應(yīng)用HTTP是TCP/IP協(xié)議族中用來傳輸超文本和其他資源的應(yīng)用協(xié)議。它支持客戶端與服務(wù)器之間，通過請求與響應(yīng)模式實現(xiàn)萬維網(wǎng)的相關(guān)功能。客戶端又稱為用戶端，是指與服務(wù)器相對應(yīng)，為客戶提供本地服務(wù)的程序。瀏覽器便是一種通用的客戶端。HTTP在設(shè)計之初，只用在客戶端瀏覽器與服務(wù)器之間傳輸網(wǎng)頁文件和相關(guān)資源。但隨著萬維網(wǎng)的發(fā)展，HTTP 也開始擴大它的功能，并形成如表3.1.2所示的應(yīng)用。應(yīng)用具體事例網(wǎng)頁瀏覽訪問服務(wù)器中網(wǎng)頁，并以多樣化的方式瀏覽和交互網(wǎng)頁文件傳輸直接從服務(wù)器下載文件圖片和媒體傳輸獲取服務(wù)器上的多媒體文件，并在客戶端上進(jìn)行顯示或播放Web服務(wù)向服務(wù)器提交數(shù)據(jù)，實現(xiàn)注冊、存儲、搜索和計算等各種操作跨城通信實現(xiàn)不同網(wǎng)站或服務(wù)器之間的通信RESTful API使用不同請求方法，創(chuàng)建、讀取、更新和刪除位于服務(wù)器中資源 表3.1.2 基于HTTP的應(yīng)用探索在瀏覽器地址欄中，輸入一個不含http://的網(wǎng)址并按回車鍵頁面會成功跳轉(zhuǎn)嗎？這樣的設(shè)計意圖是什么？在瀏覽器地址欄中輸入一個不含http://的網(wǎng)址并按回車鍵，通常情況下，瀏覽器會自動將其視為一個網(wǎng)址，并在前面加上http://或https://然，后進(jìn)行跳轉(zhuǎn)。設(shè)計意圖：1.要是為了提高用戶體驗，使得用戶在輸入網(wǎng)址時更加方便，不必每次都輸入?yún)f(xié)議前綴。2.簡化輸入，用戶不需要記住或輸入?yún)f(xié)議，減少了輸入的復(fù)雜性。3.提高效率，用戶可以更快速地訪問網(wǎng)站，尤其是在移動設(shè)備上，輸入完整的 URL 可能比較麻煩。知識拓展關(guān)于HTTP/1.1與HTTP/2的區(qū)別三、課堂練習(xí)運用本節(jié)課所學(xué)知識，制作一份介紹超文本、超鏈接和HTTP知識的PPT，以便初學(xué)者參考。四、拓展延伸1.除了萬維網(wǎng)還有哪些網(wǎng)站？2.如何制作超鏈接？3.可以通過哪些方式學(xué)習(xí)超文本、HTTP的知識？ 學(xué)習(xí)互聯(lián)網(wǎng)的接入方式。完成課題探索研究。學(xué)習(xí)知識拓展。學(xué)習(xí)超鏈接的設(shè)置。進(jìn)行探索。進(jìn)行知識拓展。學(xué)習(xí)關(guān)于HTTP的應(yīng)用。進(jìn)行探索。完成課堂練習(xí)。學(xué)習(xí)課外知識拓展。 引導(dǎo)學(xué)生初步學(xué)習(xí)互聯(lián)網(wǎng)的接入方式，明確分為有線連接和無線連接兩種方式，為本課研究打下基礎(chǔ)。考查學(xué)生學(xué)以致用的能力，結(jié)合所學(xué)完成切換不同的網(wǎng)頁。培養(yǎng)學(xué)生的思考能力。拓寬學(xué)生知識體系，了解超文本的應(yīng)用。幫助學(xué)生快速定位到需要的網(wǎng)頁。結(jié)合現(xiàn)實情況考查學(xué)生的觀察和分析能力以及知識內(nèi)容落地情況，讓所學(xué)知識更加具體化。讓理論知識更加通俗易懂。認(rèn)識網(wǎng)絡(luò)安全性。引導(dǎo)學(xué)生學(xué)習(xí)和認(rèn)識教材提及的更多細(xì)化知識點，完善學(xué)生的知識體系和本課知識內(nèi)容框架。帶領(lǐng)學(xué)生了解網(wǎng)址的設(shè)計意圖。幫助學(xué)生查漏補缺。拓寬學(xué)生知識面。
課堂小結(jié) 信息之網(wǎng)--接入互聯(lián)網(wǎng)超文本、超鏈接與HTTP 1、引入新知內(nèi)容2、超文本的出現(xiàn)3、超鏈接的設(shè)置4、HTTP的應(yīng)用5、進(jìn)行課堂練習(xí)6.進(jìn)行相關(guān)知識拓展 總結(jié)回顧 對本節(jié)課內(nèi)容進(jìn)行總結(jié)概括。
課后作業(yè) 課后試著創(chuàng)建一個簡單的HTML頁面，包含多個超鏈接，鏈接到其他相關(guān)頁面或外部網(wǎng)站。 布置作業(yè) 拓展學(xué)生的學(xué)習(xí)能力
課堂板書 觀看板書 強調(diào)教學(xué)重點內(nèi)容。
21世紀(jì)教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://www.21cnjy.com/" 21世紀(jì)教育網(wǎng)(www.21cnjy.com)

展開更多......

收起↑