名詞解釋
響應(yīng)式web設(shè)計(jì):所謂響應(yīng)式web設(shè)計(jì)零聚,就是網(wǎng)頁(yè)內(nèi)容會(huì)隨著訪問(wèn)它的視口及設(shè)備的不同而呈現(xiàn)不同的樣式斤寂。
HTML 5:萬(wàn)維網(wǎng)的核心語(yǔ)言硬鞍、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改力细。
CSS 3:CSS即層疊樣式表(Cascading StyleSheet)典蝌。 在網(wǎng)頁(yè)制作時(shí)采用層疊樣式表技術(shù)泻云,可以有效地對(duì)頁(yè)面的布局艇拍、字體、顏色宠纯、背景和其它效果實(shí)現(xiàn)更加精確的控制卸夕。
IDE:集成設(shè)備電路,一種磁盤驅(qū)動(dòng)器接口類型婆瓜,控制器電路就駐留在驅(qū)動(dòng)器中快集,不再需要單獨(dú)的適配器卡。IDE 接口有許多優(yōu)點(diǎn)廉白,例如提前高速緩存以提高整體性能个初。
JavaScript:JavaScript一種直譯式腳本語(yǔ)言,是一種動(dòng)態(tài)類型猴蹂、弱類型院溺、基于原型的語(yǔ)言,內(nèi)置支持類型磅轻。它的解釋器被稱為JavaScript引擎珍逸,為瀏覽器的一部分逐虚,廣泛用于客戶端的腳本語(yǔ)言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)網(wǎng)頁(yè)上使用弄息,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能痊班。
RWD:響應(yīng)式網(wǎng)站設(shè)計(jì)(簡(jiǎn)稱RWD)是一種新的網(wǎng)站設(shè)計(jì)模式,以此構(gòu)建的網(wǎng)站可自動(dòng)適應(yīng)不同的訪問(wèn)設(shè)備(從桌面電腦摹量、平板電腦到智能手機(jī))涤伐,方便用戶閱讀和導(dǎo)航瀏覽,減少用戶的放大/縮小/滑動(dòng)操作缨称,從而提供完整而友好的用戶體驗(yàn)凝果。
(以上專業(yè)名詞解釋均來(lái)自于網(wǎng)絡(luò)或者響應(yīng)式web設(shè)計(jì)書本)
市場(chǎng)調(diào)查機(jī)制statcounter
面對(duì)不斷擴(kuò)展的瀏覽器和設(shè)備,響應(yīng)式web設(shè)計(jì)可以讓一個(gè)網(wǎng)站同時(shí)適配多種設(shè)備和多個(gè)屏幕睦尽,可以讓網(wǎng)站的布局和功能隨用戶的使用環(huán)境而變化器净。隨著移動(dòng)客戶端使用數(shù)量的不斷增加,為了人們能夠更好的使用当凡,相應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是十分重要的山害。
是否采用響應(yīng)式web設(shè)計(jì)
采用了響應(yīng)式web設(shè)計(jì):http://www.1ke.co/
沒(méi)有采用相應(yīng)式web設(shè)計(jì):http://www.iqiyi.com/
RWD三項(xiàng)組成科技
彈性網(wǎng)格布局:網(wǎng)格布局是一種新的布局方法,該方法使你能夠基于固定數(shù)量沿量、瀏覽器窗口中的可用空間或二者組合劃分網(wǎng)頁(yè)主要區(qū)域的空間浪慌。通過(guò)將網(wǎng)格布局與媒體查詢(@media)結(jié)合使用,可以使布局無(wú)縫地適應(yīng)設(shè)備外形尺寸朴则、方向权纤、可用空間等因素的變化。
響應(yīng)式圖片:根據(jù)用戶的設(shè)備和使用場(chǎng)景提供合適的圖片乌妒?汹想??
媒體查詢:媒體查詢包含媒體類型和零個(gè)或多個(gè)檢測(cè)媒體特性的表達(dá)式撤蚊。width古掏,height和color都可用于媒體查詢的特性。使用媒體查詢侦啸,可以不必修改內(nèi)容本身冗茸,而讓網(wǎng)頁(yè)適配不同的設(shè)備。
(以上解釋均出自于書本或者網(wǎng)絡(luò))
RWD和前后端的關(guān)系
需要依賴后端方案的RWD:網(wǎng)頁(yè)版匹中,手機(jī)版夏漱,等等分開服務(wù),設(shè)計(jì)顶捷,產(chǎn)出頁(yè)面
不需要依賴后端方案的RWD:網(wǎng)頁(yè)版挂绰,手機(jī)版,等等一起服務(wù),設(shè)計(jì)葵蒂,產(chǎn)出頁(yè)面
(以上內(nèi)容均出自于課件)
什么是響應(yīng)式Web設(shè)計(jì)
“響應(yīng)式Web設(shè)計(jì)”這個(gè)名字是Ethan Marcotte在2010年發(fā)明的交播。當(dāng)時(shí),他在A List Apart上寫了一篇文章(http://www.alistapart.com/articles/responsive-web-design)践付,這篇文章綜合運(yùn)用了三種已有的技術(shù)(彈性網(wǎng)絡(luò)布局秦士,彈性圖片/媒體,媒體查詢)實(shí)現(xiàn)了一個(gè)解決方案永高,這就叫“響應(yīng)式Web設(shè)計(jì)”隧土。(以上內(nèi)容均出自于響應(yīng)式web設(shè)計(jì)書本內(nèi)容)