名詞解釋
響應(yīng)式web設(shè)計:所謂響應(yīng)式web設(shè)計,就是網(wǎng)頁內(nèi)容會隨著訪問它的視口及設(shè)備的不同而呈現(xiàn)不同的樣式。
HTML 5:萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改。
CSS 3:CSS即層疊樣式表(Cascading StyleSheet)。 在網(wǎng)頁制作時采用層疊樣式表技術(shù),可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。
IDE:集成設(shè)備電路,一種磁盤驅(qū)動器接口類型,控制器電路就駐留在驅(qū)動器中,不再需要單獨的適配器卡。IDE 接口有許多優(yōu)點,例如提前高速緩存以提高整體性能。
JavaScript:JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
RWD:響應(yīng)式網(wǎng)站設(shè)計(簡稱RWD)是一種新的網(wǎng)站設(shè)計模式,以此構(gòu)建的網(wǎng)站可自動適應(yīng)不同的訪問設(shè)備(從桌面電腦、平板電腦到智能手機),方便用戶閱讀和導(dǎo)航瀏覽,減少用戶的放大/縮小/滑動操作,從而提供完整而友好的用戶體驗。
(以上專業(yè)名詞解釋均來自于網(wǎng)絡(luò)或者響應(yīng)式web設(shè)計書本)
市場調(diào)查機制statcounter

面對不斷擴展的瀏覽器和設(shè)備,響應(yīng)式web設(shè)計可以讓一個網(wǎng)站同時適配多種設(shè)備和多個屏幕,可以讓網(wǎng)站的布局和功能隨用戶的使用環(huán)境而變化。隨著移動客戶端使用數(shù)量的不斷增加,為了人們能夠更好的使用,相應(yīng)式網(wǎng)頁設(shè)計是十分重要的。
是否采用響應(yīng)式web設(shè)計
采用了響應(yīng)式web設(shè)計:http://www.1ke.co/
沒有采用相應(yīng)式web設(shè)計:http://www.iqiyi.com/
RWD三項組成科技
彈性網(wǎng)格布局:網(wǎng)格布局是一種新的布局方法,該方法使你能夠基于固定數(shù)量、瀏覽器窗口中的可用空間或二者組合劃分網(wǎng)頁主要區(qū)域的空間。通過將網(wǎng)格布局與媒體查詢(@media)結(jié)合使用,可以使布局無縫地適應(yīng)設(shè)備外形尺寸、方向、可用空間等因素的變化。
響應(yīng)式圖片:根據(jù)用戶的設(shè)備和使用場景提供合適的圖片???
媒體查詢:媒體查詢包含媒體類型和零個或多個檢測媒體特性的表達(dá)式。width,height和color都可用于媒體查詢的特性。使用媒體查詢,可以不必修改內(nèi)容本身,而讓網(wǎng)頁適配不同的設(shè)備。
(以上解釋均出自于書本或者網(wǎng)絡(luò))
RWD和前后端的關(guān)系
需要依賴后端方案的RWD:網(wǎng)頁版,手機版,等等分開服務(wù),設(shè)計,產(chǎn)出頁面
不需要依賴后端方案的RWD:網(wǎng)頁版,手機版,等等一起服務(wù),設(shè)計,產(chǎn)出頁面
(以上內(nèi)容均出自于課件)
什么是響應(yīng)式Web設(shè)計
“響應(yīng)式Web設(shè)計”這個名字是Ethan Marcotte在2010年發(fā)明的。當(dāng)時,他在A List Apart上寫了一篇文章(http://www.alistapart.com/articles/responsive-web-design),這篇文章綜合運用了三種已有的技術(shù)(彈性網(wǎng)絡(luò)布局,彈性圖片/媒體,媒體查詢)實現(xiàn)了一個解決方案,這就叫“響應(yīng)式Web設(shè)計”。(以上內(nèi)容均出自于響應(yīng)式web設(shè)計書本內(nèi)容)