名詞解釋
-
響應(yīng)式Web設(shè)計(jì)(Responsive web design)：
-響應(yīng)式web設(shè)計(jì)是基于HTML5和CSS3的RWD（Responsive Web Design）響應(yīng)式web設(shè)計(jì)。
-響應(yīng)式Web設(shè)計(jì)是在開發(fā)和設(shè)計(jì)網(wǎng)站過程中產(chǎn)生的一種方式，它的目的是讓內(nèi)容布局能隨用戶使用顯示器的不同而變化。
-網(wǎng)頁內(nèi)容會隨著視口（viewport）及設(shè)備（device）的不同而呈現(xiàn)不同的樣式（style）。
-利用彈性網(wǎng)絡(luò)布局（fluid grid）、彈性圖片/媒體（flxible images）、媒體查詢（media queries）等技術(shù)實(shí)現(xiàn)。
-
HTML5
萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。
-
CSS3
CSS3是CSS（層疊樣式表）技術(shù)的升級版本。主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊 。
-
Web基本概念
-Web標(biāo)準(zhǔn)由結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)、行為標(biāo)準(zhǔn)構(gòu)成
-結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元素進(jìn)行整理和分類，主要包括兩個(gè)部分：XML和HTML
-標(biāo)準(zhǔn)表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS
-行為標(biāo)準(zhǔn)是指網(wǎng)頁模型的定義及交互的編寫，主要包括兩個(gè)部分：DOM和ECMAScript
-
網(wǎng)頁
-網(wǎng)頁就是網(wǎng)站中用于承載信息的頁面，主要由文字、圖像和超鏈接等元素構(gòu)成，除了這些元素，網(wǎng)頁中還可以包含音頻、視頻以及flash等。
-Internet網(wǎng)絡(luò)：就是互聯(lián)網(wǎng)，由一些使用公共語言互相通信的計(jì)算機(jī)連接而成的網(wǎng)絡(luò)
-WWW：WWW（英文World Wide Web的縮寫）中文譯為“萬維網(wǎng)”是Intertnet提供的一種網(wǎng)頁瀏覽服務(wù)
-URL：URL（英文Uniform Resource Locator的縮寫）中文譯為“統(tǒng)一資源定位符” URL其實(shí)就是Web地址，俗稱“網(wǎng)址”。
-DNS：DNS （英文Domain Name System的縮寫）是域名解析系統(tǒng)。
-HTTP：HTTP (英文Hypertext transfer protocol的縮寫) 中文譯為“超文本傳輸協(xié)議”，是一種詳細(xì)規(guī)定了瀏覽器和萬維網(wǎng)服務(wù)器之間互相通信的規(guī)則。
-W3C：W3C（英文World Wide Web Consortium的縮寫）中文譯為“萬維網(wǎng)聯(lián)盟”。萬維網(wǎng)聯(lián)盟是國際最著名的標(biāo)準(zhǔn)化組織。
HTML三要素
- <標(biāo)簽 屬性=“值”>
- Elements/tags 元素標(biāo)簽
- Properties 屬性：標(biāo)簽可以擁有屬性
- Values 值：屬性總是以名稱/值對的形式出現(xiàn)
CSS三要素
- 選擇器 {屬性：值}
- Selectors 選擇器
- Statements 聲明
- Properties 屬性：希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。
- Values 值
為什么需要“響應(yīng)式網(wǎng)頁設(shè)計(jì)”
- 通過響應(yīng)式的設(shè)計(jì)和開發(fā)思路讓頁面更加"彈性"了。圖片的尺寸可以被自動調(diào)整，頁面液態(tài)圖片技術(shù)布局再不會被破壞。雖然永遠(yuǎn)沒有最完美的解決方案，但它給了我們更多選擇。無論用戶切換設(shè)備的屏幕定向方式，還是從臺式機(jī)屏幕轉(zhuǎn)到iPad上瀏覽，頁面都會真正的富有彈性。（來自百度知道）
-
2010年（響應(yīng)式網(wǎng)頁設(shè)計(jì)被提出）與2012年（響應(yīng)式網(wǎng)頁設(shè)計(jì)流行）所有平臺的對比圖
從各平臺數(shù)值波動可看出響應(yīng)式網(wǎng)頁設(shè)計(jì)對各個(gè)平臺都有不小的影響
-
2010年與2012年手機(jī)、臺式與平板的對比
2010年平板還沒流行，在響應(yīng)式網(wǎng)頁設(shè)計(jì)流行后，各平臺的使用率都有提升
運(yùn)用了響應(yīng)式網(wǎng)頁設(shè)計(jì)的網(wǎng)頁與沒運(yùn)用響應(yīng)式網(wǎng)頁設(shè)計(jì)的比較
-首先使運(yùn)用了RWD的樂視TV（https://www.letv.com/）
-再來觀察沒有使用RWB的芒果TV（https://www.mgtv.com/）
很明顯用了RWD的樂視TV會比沒用RWD的芒果TV在手機(jī)的體驗(yàn)會更好。而更好的前端展示必定有著更好的后端操作
