響應(yīng)式Web開發(fā)項(xiàng)目化教程（HTML5+CSS3） 課件 00網(wǎng)頁基礎(chǔ)知識概述

網(wǎng)頁基礎(chǔ)知識·瀏覽器訪問網(wǎng)頁原理

·

瀏覽器請求數(shù)據(jù)過程·配置服務(wù)器學(xué)習(xí)目標(biāo)能力知識素質(zhì)理解什么是響應(yīng)式Web設(shè)計；熟悉響應(yīng)式Web設(shè)計需要應(yīng)用的技術(shù)；掌握瀏覽器訪問網(wǎng)頁原理；理解瀏覽器請求數(shù)據(jù)過程。1會配置服務(wù)器2勇于創(chuàng)新、積極探索的職業(yè)精神。3目錄瀏覽器和服務(wù)器瀏覽器訪問網(wǎng)頁原理什么是URL瀏覽器請求數(shù)據(jù)的過程HTTP協(xié)議34567響應(yīng)式Web設(shè)計響應(yīng)式Web設(shè)計需要應(yīng)用的技術(shù)12一、響應(yīng)式Web設(shè)計響應(yīng)式Web設(shè)計是關(guān)于網(wǎng)站的制作或網(wǎng)頁制作的工作。不同的設(shè)備有不同的尺寸和不同的功能，響應(yīng)式設(shè)計是讓所有的人能在這些設(shè)備上讓網(wǎng)站運(yùn)行正常?！?、響應(yīng)式Web設(shè)計需要應(yīng)用的技術(shù)響應(yīng)式Web設(shè)計是和HTML5+CSS3互相配合與支持的，實(shí)現(xiàn)響應(yīng)式設(shè)計包括以下技術(shù)點(diǎn)：?HTML5+CSS3的基本網(wǎng)頁設(shè)計。?HTML5標(biāo)簽viewport：提供可以配置視口的屬性。?CSS3媒體查詢（mediaqueries）：識別媒體類型，特征（屏幕寬度，像素比等）。?流式布局（fluidlayout）：可以根據(jù)瀏覽器的寬度和屏幕的大小自動調(diào)整效果。?響應(yīng)式網(wǎng)格（Responsesivefluidgrid）：依賴于媒體查詢，根據(jù)不同的屏幕大小調(diào)整布局。?流式圖片（fluidimages）：隨流式布局進(jìn)行相應(yīng)縮放。1、瀏覽器是安裝在電腦上的軟件2、瀏覽器的功能之一將網(wǎng)頁渲染出來供用戶查看，之二能夠使用戶通過瀏覽器與網(wǎng)頁交互3、主流瀏覽器：IE、谷歌、火狐、Safari、歐朋4、瀏覽器內(nèi)核是瀏覽器所采用的渲染引擎，是專門用來渲染網(wǎng)頁的5、服務(wù)器也是一臺電腦，只是配置較高，用來存儲數(shù)據(jù)，服務(wù)器一般24小時不關(guān)機(jī)、不斷電，如關(guān)機(jī)訪問者將不能訪問三、瀏覽器和服務(wù)器四、瀏覽器訪問網(wǎng)頁原理1、當(dāng)我們利用瀏覽器訪問網(wǎng)頁時，其實(shí)是有真實(shí)的物理文件傳輸?shù)?，瀏覽器會先將網(wǎng)頁上的內(nèi)容緩存到本地文件夾中，然后再渲染出來呈現(xiàn)給用戶查看2、平時我們在上網(wǎng)時會感覺到第二次訪問網(wǎng)頁會比第一次訪問網(wǎng)頁要快，就是因?yàn)榈谝淮卧L問時已經(jīng)將這個網(wǎng)頁上的信息緩存到了本地3、緩存文件夾中處理緩存圖片以外還緩存了一些.js、.css、.html等文件，所以能看出一個網(wǎng)頁不是一個文件，而是一堆文件，網(wǎng)頁越復(fù)雜那么組成這個網(wǎng)頁的文件就越多五、瀏覽器請求數(shù)據(jù)的過程六、什么是URL1、在瀏覽器的地址欄中輸入的地址就是一個URL（統(tǒng)一資源定位符）2、URL包含URL協(xié)議類型、IP地址（現(xiàn)實(shí)生活中的地址）、端口號（現(xiàn)實(shí)生活中的門牌號）、需要訪問的資源名稱3、配置服務(wù)器開始——控制面板——管理工具——Intern