本文關(guān)鍵詞：跨平臺的多終端設(shè)備網(wǎng)頁自適應(yīng)布局研究及應(yīng)用——以農(nóng)民工技能培訓(xùn)與綜合服務(wù)平臺為例

  更多相關(guān)文章： 跨平臺 彈性盒子模型 網(wǎng)頁自適應(yīng) 農(nóng)民工技能培訓(xùn) 應(yīng)用研究

【摘要】：文章分析了目前跨平臺響應(yīng)式布局的研究現(xiàn)狀,針對其存在的問題提出了一種新的跨平臺響應(yīng)式布局模式,即Flexbox(彈性盒子模型)+Media Queries(媒體查詢)技術(shù)組合,并首次嘗試?yán)L制出較為合理的客戶端分辨率適配表。最后通過"農(nóng)民工技能培訓(xùn)與綜合服務(wù)平臺"詳細(xì)闡述了該響應(yīng)式布局模式的開發(fā)過程,并驗(yàn)證了可行性與效果。
【作者單位】： 華中師范大學(xué)教育信息技術(shù)學(xué)院;
【關(guān)鍵詞】： 跨平臺 彈性盒子模型 網(wǎng)頁自適應(yīng) 農(nóng)民工技能培訓(xùn) 應(yīng)用研究
【基金】：“十二五”國家科技計(jì)劃課題“低成本體驗(yàn)式農(nóng)村信息服務(wù)關(guān)鍵技術(shù)與終端研發(fā)”(項(xiàng)目編號:2012BAD35B02) 教育部人文社科規(guī)劃項(xiàng)目“E-learning中學(xué)習(xí)活動與教育資源有效整合及應(yīng)用研究”(項(xiàng)目編號:11YJA880065) 國家科技支撐計(jì)劃項(xiàng)目“土家音樂文化數(shù)字化保護(hù)與展示關(guān)鍵技術(shù)研究及示范”(項(xiàng)目編號:2015BAK03B03) 自主科研項(xiàng)目“在線學(xué)習(xí)中學(xué)習(xí)者參與度研究”(項(xiàng)目編號:2014B01)支持
【分類號】：TP393.092;G726
【正文快照】： 引言隨著互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展,互聯(lián)網(wǎng)終端設(shè)備從個人電腦到平板電腦、智能手機(jī),平臺越來越多,瀏覽器的屏幕尺寸千差萬別[1]。這種情況給網(wǎng)頁開發(fā)者提出了更高的要求,同樣的內(nèi)容,要在平臺不同、大小迥異的屏幕上都擁有很好的用戶體驗(yàn)并非易事。現(xiàn)有的跨平臺響應(yīng)式布局技術(shù)存在

【參考文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前7條

1 馬志強(qiáng);蔣曉;;基于用戶體驗(yàn)的智能手機(jī)網(wǎng)站界面設(shè)計(jì)探討[J];包裝工程;2012年16期

2 冉兆春;;淺析對不同分辨率屏幕自動調(diào)節(jié)的網(wǎng)頁設(shè)計(jì)方法[J];計(jì)算機(jī)光盤軟件與應(yīng)用;2013年03期

3 劉歡;盧蓓蓉;;使用響應(yīng)式設(shè)計(jì)構(gòu)建高校新型門戶網(wǎng)站[J];中國教育信息化;2013年09期

4 林文如;林文忠;劉鐳;;基于彈性盒子模型的跨平臺手機(jī)應(yīng)用界面布局[J];蘇州大學(xué)學(xué)報(工科版);2012年05期

5 殷衛(wèi)莉;;基于CSS盒子模型的margin屬性解析[J];揚(yáng)州教育學(xué)院學(xué)報;2009年03期

6 楊葉;陳琳;董啟標(biāo);;響應(yīng)式Web移動學(xué)習(xí)資源的技術(shù)實(shí)現(xiàn)與設(shè)計(jì)研究[J];現(xiàn)代教育技術(shù);2013年06期

7 崔松健;;響應(yīng)式Web設(shè)計(jì)[J];信息與電腦(理論版);2013年10期

【共引文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前10條

1 吳俊;莫雷;;智能手機(jī)交互設(shè)計(jì)的分層視覺模型[J];包裝工程;2013年06期

2 王瑞雪;;Web3.0時代移動互聯(lián)網(wǎng)商務(wù)評價信息聚合[J];電子制作;2013年06期

3 趙建保;;響應(yīng)式Web設(shè)計(jì)關(guān)鍵技術(shù)及設(shè)計(jì)流程[J];電腦知識與技術(shù);2014年05期

4 黃雪琴;耿強(qiáng);;基于CSS盒子模型的Margin屬性研究[J];電腦知識與技術(shù);2014年13期

5 趙慧;史彥;;國內(nèi)移動學(xué)習(xí)資源研究綜述[J];成人教育;2014年09期

6 劉智惠;;關(guān)于國內(nèi)985高校新型門戶網(wǎng)站現(xiàn)狀調(diào)查[J];上海工程技術(shù)大學(xué)教育研究;2014年02期

7 黃龍;;基于交互與應(yīng)用的移動終端信息產(chǎn)品設(shè)計(jì)類型研究[J];包裝工程;2014年12期

8 林毓聰;;有關(guān)真實(shí)用戶評論信息構(gòu)建移動學(xué)習(xí)資源的評價模型應(yīng)用[J];電腦編程技巧與維護(hù);2014年22期

9 張葦;;論數(shù)字時代背景下的品牌形象數(shù)字化設(shè)計(jì)表達(dá)[J];包裝工程;2015年06期

10 王一翔;趙澤龍;趙靜;;淺析基于CSS盒模型的中小型企業(yè)網(wǎng)站設(shè)計(jì)[J];計(jì)算機(jī)時代;2011年04期

中國重要會議論文全文數(shù)據(jù)庫 前1條

1 劉歡;陳建香;劉暢;盧蓓蓉;;基于WCAG2.0的高校門戶網(wǎng)站可訪問性研究[A];中國高等教育學(xué)會教育信息化分會第十二次學(xué)術(shù)年會論文集[C];2014年

中國碩士學(xué)位論文全文數(shù)據(jù)庫 前5條

1 伍凡凡;以用戶體驗(yàn)為導(dǎo)向的智能手機(jī)應(yīng)用軟件界面設(shè)計(jì)研究[D];華東理工大學(xué);2013年

2 彭佳;基于用戶體驗(yàn)的老年智能手機(jī)APP界面交互設(shè)計(jì)研究[D];華東理工大學(xué);2014年

3 文亞俊;基于移動端的電子商城虛擬展示及漫游平臺設(shè)計(jì)研究[D];哈爾濱工業(yè)大學(xué);2014年

4 馬遠(yuǎn)強(qiáng);移動互聯(lián)網(wǎng)應(yīng)用綜合網(wǎng)絡(luò)下載系統(tǒng)的研究與開發(fā)[D];北京郵電大學(xué);2014年

5 高玉軍;基于用戶認(rèn)知水平移動平臺（終端）信息搜索效率研究[D];北京郵電大學(xué);2014年

【二級參考文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前10條

1 劉程程;張凌浩;;移動互聯(lián)網(wǎng)時代手機(jī)服務(wù)型APP產(chǎn)品設(shè)計(jì)研究[J];包裝工程;2011年12期

2 朱征宇;陳燁;常紅要;曾麗芳;張鵬;;網(wǎng)站界面設(shè)計(jì)用戶體驗(yàn)[J];重慶理工大學(xué)學(xué)報(自然科學(xué)版);2010年08期

3 冉敏;余勝泉;;小學(xué)移動英語學(xué)習(xí)資源設(shè)計(jì)[J];中國遠(yuǎn)程教育;2010年09期

4 陳琳;;“數(shù)字影像技術(shù)”課程的創(chuàng)設(shè)與教學(xué)[J];電化教育研究;2006年03期

5 鄭俊生;姜敏;;使用DIV+CSS進(jìn)行網(wǎng)頁設(shè)計(jì)應(yīng)用研究[J];電腦開發(fā)與應(yīng)用;2008年09期

6 樊東燕;;基于Web頁面的瀏覽器分辨率自適應(yīng)策略的探討[J];電腦開發(fā)與應(yīng)用;2009年05期

7 趙亮;張維;;基于Android技術(shù)的界面設(shè)計(jì)與研究[J];電腦知識與技術(shù);2009年29期

8 田彥;;浮動框架在網(wǎng)頁制作中的使用技巧[J];計(jì)算機(jī)光盤軟件與應(yīng)用;2012年09期

9 錢玲;隗合金;郭偉;;我國成人移動學(xué)習(xí)研究中存在的基本問題探析[J];河北大學(xué)成人教育學(xué)院學(xué)報;2011年03期

10 于慧凝;;淺析網(wǎng)頁對客戶端分辨率的適應(yīng)問題[J];科技信息;2009年28期

【相似文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前10條

1 ;建設(shè)電子政務(wù)綜合服務(wù)平臺 提升教育信息化服務(wù)水平[J];蘇州教育信息化;2011年05期

2 朱赤;高海濱;;校園綜合服務(wù)平臺的建設(shè)[J];中國教育信息化;2008年15期

3 張楚文;;論“兩型社區(qū)”綜合服務(wù)平臺建設(shè)的商業(yè)模式創(chuàng)新——以長株潭社區(qū)建設(shè)為例[J];學(xué)術(shù)論壇;2010年03期

4 劉寅斌;;基于頂層設(shè)計(jì)的高等院校一體化信息綜合服務(wù)平臺框架的研究[J];中國教育信息化;2009年03期

5 茅維華;;信息資源綜合服務(wù)平臺建設(shè)與應(yīng)用[J];中國教育信息化;2008年21期

6 王林霞;;江西氣象文獻(xiàn)保障中心及綜合服務(wù)平臺的構(gòu)想[J];才智;2013年22期

7 夏鳳軍;鄭元雪;;基于人人網(wǎng)的高校學(xué)院學(xué)生工作綜合服務(wù)平臺構(gòu)建[J];湖北科技學(xué)院學(xué)報;2014年04期

8 蘇雙琴;陳峰;;人才市場多功能業(yè)務(wù)信息綜合服務(wù)平臺設(shè)計(jì)[J];才智;2014年16期

9 ;捷成世紀(jì)成功助力四川省“金人工程”建設(shè)[J];電視技術(shù);2013年14期

10 ;中彩視頻:傳播福彩公益理念 打造綜合服務(wù)平臺[J];社會福利;2014年02期

中國重要會議論文全文數(shù)據(jù)庫 前3條

1 韓武;蘇文學(xué);;�？谑朽]政綜合服務(wù)平臺技術(shù)方案[A];海南省通信學(xué)會論文集（二○○二年）[C];2002年

2 崔文順;李建玲;崔碩;;基于云模式的農(nóng)村科技信息綜合服務(wù)平臺[A];紀(jì)念中國農(nóng)業(yè)工程學(xué)會成立30周年暨中國農(nóng)業(yè)工程學(xué)會2009年學(xué)術(shù)年會（CSAE 2009）論文集[C];2009年

3 李紅;;基于XML的電子商務(wù)綜合服務(wù)平臺的構(gòu)建與實(shí)現(xiàn)[A];2006通信理論與技術(shù)新進(jìn)展——第十一屆全國青年通信學(xué)術(shù)會議論文集[C];2006年

中國重要報紙全文數(shù)據(jù)庫 前10條

1 通訊員 戴麗玲 肖建民;北京建成城市郵政綜合服務(wù)平臺[N];中國郵政報;2003年

2 許發(fā)成;安徽局綜合服務(wù)平臺上線[N];中國郵政報;2004年

3 記者　李慶喜　通訊員　王耀萍　胡海洪;山西局綜合服務(wù)平臺上線[N];中國郵政報;2004年

4 記者 劉冬梅;12355青少年綜合服務(wù)平臺開通[N];天津日報;2009年

5 記者 崔璀　陳棟 通訊員 葉林武;全市遠(yuǎn)教三農(nóng)綜合服務(wù)平臺昨日開通[N];麗水日報;2009年

6 鄭欣;福建移動啟用手機(jī)綜合服務(wù)平臺[N];人民郵電;2008年

7 成都高新區(qū)經(jīng)貿(mào)發(fā)展局;打造“盈創(chuàng)動力”科技金融綜合服務(wù)平臺[N];中國證券報;2014年

8 記者　 王建新 通訊員　 孔曉霞;首個社區(qū)綜合服務(wù)平臺建成[N];泰州日報;2006年

9 孫連東 邱書婉;幸福街道城市社區(qū)綜合服務(wù)平臺成效斐然[N];江蘇經(jīng)濟(jì)報;2007年

10 通訊員 唐卉慶;松江建成首個區(qū)級農(nóng)業(yè)綜合服務(wù)平臺[N];東方城鄉(xiāng)報;2008年

中國碩士學(xué)位論文全文數(shù)據(jù)庫 前10條

1 王金;天津港集裝箱物流中心綜合服務(wù)平臺的分析與實(shí)現(xiàn)[D];山東大學(xué);2013年

2 廖洪波;面向自考信息綜合服務(wù)平臺的分布式計(jì)算與實(shí)現(xiàn)方法研究[D];重慶大學(xué);2006年

3 吳錦平;超級畫板綜合服務(wù)平臺設(shè)計(jì)與實(shí)現(xiàn)[D];廣州大學(xué);2012年

4 孫志強(qiáng);山東省傳統(tǒng)產(chǎn)業(yè)綜合服務(wù)平臺系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D];山東大學(xué);2012年

5 晏良;重慶郵政綜合服務(wù)平臺設(shè)計(jì)與實(shí)現(xiàn)[D];北京郵電大學(xué);2010年

6 黃剛;湖北郵政綜合服務(wù)平臺創(chuàng)新研究[D];華中科技大學(xué);2013年

7 王明鑫;沈陽高校發(fā)展?fàn)顩r與產(chǎn)學(xué)研合作信息綜合服務(wù)平臺的設(shè)計(jì)和實(shí)現(xiàn)[D];吉林大學(xué);2012年

8 張丹;開發(fā)區(qū)企業(yè)綜合服務(wù)平臺集成技術(shù)研究與實(shí)現(xiàn)[D];電子科技大學(xué);2012年

9 董釗;江蘇農(nóng)村信息綜合服務(wù)平臺系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[D];南京農(nóng)業(yè)大學(xué);2013年

10 孟慶珂;銀企合作投融資信息化服務(wù)平臺的設(shè)計(jì)與實(shí)現(xiàn)[D];山東大學(xué);2011年

，

本文編號：939413