Web前端開發(fā)技術(shù)項(xiàng)目教程課件 1.1.1 知識點(diǎn)1：網(wǎng)頁和網(wǎng)站概述

網(wǎng)頁和網(wǎng)站概述信息安全技術(shù)應(yīng)用ApplicationofInformationSecurityTechnology《前端技術(shù)開發(fā)》前端技術(shù)開發(fā)知識儲備網(wǎng)頁概述1HTTP協(xié)議2URL地址3網(wǎng)站概述401網(wǎng)頁概述前端技術(shù)開發(fā)網(wǎng)頁概述前端技術(shù)開發(fā)01網(wǎng)頁定義網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺，通過鏈接可以從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面。網(wǎng)頁功能網(wǎng)頁具有信息展示、用戶交互、數(shù)據(jù)傳遞等多種功能，是互聯(lián)網(wǎng)信息傳播和交流的重要工具。網(wǎng)頁概述前端技術(shù)開發(fā)01網(wǎng)頁組成要素文字網(wǎng)頁中的文字是傳遞信息的主要方式，包括標(biāo)題、段落、列表等多種形式。圖片網(wǎng)頁中的圖片可以豐富頁面內(nèi)容，提高用戶體驗(yàn)，包括靜態(tài)圖片和動態(tài)圖片。動畫動畫可以使網(wǎng)頁更加動態(tài)和吸引人?？梢允荊IF動畫，也可以是CSS或JavaScript動畫。視頻視頻是多媒體元素中最為生動的一種。通過視頻，網(wǎng)頁可以展示教學(xué)內(nèi)容、廣告宣傳等。網(wǎng)頁概述前端技術(shù)開發(fā)01網(wǎng)頁分類靜態(tài)網(wǎng)頁是事先編寫好的HTML文件，內(nèi)容相對穩(wěn)定，用戶訪問時(shí)直接從服務(wù)器上獲取。靜態(tài)網(wǎng)頁動態(tài)網(wǎng)頁可以根據(jù)用戶請求動態(tài)生成內(nèi)容，具有更強(qiáng)的交互性和實(shí)時(shí)性。動態(tài)網(wǎng)頁010202HTTP協(xié)議介紹前端技術(shù)開發(fā)HTTP協(xié)議介紹前端技術(shù)開發(fā)02HTTP（HyperTextTransferProtocol，超文本傳輸協(xié)議）是一種用于傳輸超文本（如HTML）的協(xié)議，它在互聯(lián)網(wǎng)上應(yīng)用非常廣泛，構(gòu)成了WWW（WorldWideWeb，萬維網(wǎng)）的基礎(chǔ)。定義HTTP協(xié)議用于從Web服務(wù)器傳輸超文本到本地瀏覽器的傳輸協(xié)議。它可以使瀏覽器更加高效，使網(wǎng)絡(luò)傳輸減少。它不僅保證計(jì)算機(jī)正確快速地傳輸超文本文檔，還確定傳輸文檔中的哪一部分，以及哪部分內(nèi)容首先顯示(如文本先于圖形)等。作用HTTP協(xié)議介紹前端技術(shù)開發(fā)02InternetWeb服務(wù)器客戶機(jī)(瀏覽器)home.html用戶通過瀏覽器訪問某個(gè)網(wǎng)頁后，瀏覽器和Web服務(wù)器執(zhí)行以下動作：HTTP1瀏覽器與服務(wù)器建立TCP連接(80端口)2瀏覽器請求文檔：GET/home.html3服務(wù)器作出響應(yīng)，將文檔home.html發(fā)送給瀏覽器4釋放TCP連接5瀏覽器顯示home.html中的內(nèi)容TCP連接建立TCP連接請求文檔HTTP請求報(bào)文響應(yīng)文檔HTTP響應(yīng)報(bào)文釋放TCP連接03URL地址前端技術(shù)開發(fā)URL地址前端技術(shù)開發(fā)03URL功能通過URL可以訪問互聯(lián)網(wǎng)上的各種資源，如網(wǎng)頁、圖片、視頻、音頻、文檔等。它是互聯(lián)網(wǎng)上資源之間互相鏈接的基礎(chǔ)。URL定義URL（UniformResourceLocator，統(tǒng)一資源定位符）是用于完整地描述互聯(lián)網(wǎng)上某個(gè)資源的地址（包括協(xié)議類型、主機(jī)名、路徑及文件名等）。URL地址前端技術(shù)開發(fā)03URL的基本結(jié)構(gòu)：協(xié)議類型://域名:端口號/路徑[?查詢]http://localhost:8080/news/detail.jsp?id=1協(xié)議域名：端口號文件路徑查詢字符串04網(wǎng)站概述前端技術(shù)開發(fā)網(wǎng)站概述前端技術(shù)開發(fā)04定義網(wǎng)站是指在因特網(wǎng)上根據(jù)一定的規(guī)則，使用HTML等工具制作的用于展示特定內(nèi)容相關(guān)網(wǎng)頁的集合。功能提供信息發(fā)布、產(chǎn)品展示、在線交流、網(wǎng)上交易等功能，是企業(yè)、組織或個(gè)人在互聯(lián)網(wǎng)上展示形象和提供服務(wù)的重要窗口。小結(jié)前端技術(shù)開發(fā)05030201網(wǎng)頁概述URL地址HTT