• 岛屿旅行地中国国家地理网 2019-07-19
  • 你的帖子在告诉世人,你是最傻的人? 2019-07-19
  • 回复@IP比ID好:你的意思是不分老少不分男女不分勤懒不分聪笨……想干啥就干啥?或配置同样多的资源? 2019-07-17
  • 质疑的能力都没有,还有批判的余地吗》?看着就想笑 2019-07-17
  • 【健康解码】儿童发热怎么办? 2019-07-15
  • 江西:建立高校统战工作重点目标管理考核机制 2019-07-12
  • 一个对头能支持你的文章,可见你这个党员的问题了、。。。 2019-07-12
  • 大学毕业生是不是越来越过剩?当然大学毕业生可以在多种行业就业,比如农村、服务业等等。不过,过剩还是一种极大的浪费。 2019-07-11
  • ST富控:关于收到上海证券交易所对公司有关交易事项的监管工作函的公告 2019-06-29
  • 台企为大陆偏乡学生送关怀 2019-06-23
  • 揭秘人民币制作过程 从“白纸”到钞票耗时1个月 2019-06-23
  • 我老张工经历过中国计划经济时代,实践过计划经济,岂能不知计划经济?!现在的市场经济,我也有了实践感受。比较之,深感计划经济是适合社会主义的,而市场经济是不适合社 2019-06-21
  • 由进口至出口再至走向世界,这一路着实不易,其中少不了无数位科研人员的奉献与牺牲。 2019-06-21
  • QS世界大学排名发布:中国11所大学进百强,清华排名创历史 2019-06-20
  • 以实际行动诠释忠诚 以实干实政维护核心 2019-06-20
  • 文章專區

    網頁設計相關文章

    什麼是RWD (響應式網頁設計、回應式網頁設計)?

    RWD(Responsive Web Design)可稱為自適應網頁設計、響應式網頁設計、回應式網頁設計等等,是一種可以讓網頁的內容可以隨著不同的裝置的寬度來調整畫面呈現的技術,讓使用者可以不需要透過縮放的方式來瀏覽網頁,大大的提昇畫面的可瀏覽性及使用介面的親和度;然而這對於行動商務越來越受到重視的現今來說,隨之也越來越倍受重視。
     
         近幾年,隨著行動裝置(智慧型手機、平板)的普及,以及行動上網服務的使用率越來越高,傳統網頁的標準已經無法符合這些裝置的需求來呈現了,尤其是以flash製作的動畫,受限於行動裝置運算力不足的限制之下,已經沒有行動裝置可以直接瀏覽flash製作的網頁了。雖然可透過一些特殊的瀏器APP軟體來觀看,但方便性卻大大的降低。
     
         而RWD又是如何達到的呢? 主要是以HTML5的標準及CSS3中的media queries來達到的。
         在HTML5的標準中,我們可以指定頁面的寬度可以依照裝置的檢視寬度來呈現,再利用CSS3的media queries 來設定不同寬度下使用不同的CSS來呈現頁面。因此設計師在設計網頁時,就必須要針對不同的寬度下的畫面編寫不同的CSS檔案供瀏覽器來讀取。
     
         RWD的優點:
         1. 可使用同一套原始碼來撰寫CSS,可以減少版面重新製作的時間。
         2. 可同時針對不同的解析度來設定,增加頁面的可用性。
         3. 對於搜尋引擎的收錄不會造成影響,不影響SEO的結果。
         4. 開發時間較APP來說可以快速很多。
         5. 學習門檻較低,對於已經從事網頁設計的人員來說,此技術只是建構在原本的DIV+CSS之上的一門技術,因此學習起來相對容易。
     
         RWD的缺點:
         1. 因為在同一頁面會置入多種解析度的CSS檔案會增加頁面傳輸量,載入的時間也會加長。
         2. 若在各種解析度下的畫面都需校槁的話,在製作版面的時間會大大的增加。
         3. 無法提供像APP般功能強大的功能,或是各種酷炫的拖拉效果。
         4. 開發時程較傳統網頁需相對多的時間。
     
         以上提供RWD的各項優缺點分析。
         最後,想要可以體驗RWD的功能前,還有一項最重要的基本要素,那就是瀏覽的支援度。由於RWD是建立在CSS3的基礎之下,因此要支援RWD也必須要支援CSS3的瀏覽器才行,以下列出各大瀏覽器支援的版本:
         ? Internet Explore 9以上
         ? Chrome、Firefox、Opera 使用自動更新至最新版本即可
         雖然還有些人撰寫了JS來讓IE8以下的版本來支援CSS3等語法,但目前還是支援度不佳,且IE8的使用者還在不斷的減少中,因此使用新的瀏覽器才是真正體驗RWD的最好辦法。
     
         本篇文章簡單的介紹了RWD的基本觀念,並分析其優缺點,讓有意使用RWD的人們對於此技術有更多的了解。
     
         一化網頁提供專業的客制化的RWD網頁設計,若您對於我們的作品有請興趣,請參考「RWD網頁設計作品」,或直接與我們聯絡。
     
    Posted by 資深工程師 / Chen
  • 岛屿旅行地中国国家地理网 2019-07-19
  • 你的帖子在告诉世人,你是最傻的人? 2019-07-19
  • 回复@IP比ID好:你的意思是不分老少不分男女不分勤懒不分聪笨……想干啥就干啥?或配置同样多的资源? 2019-07-17
  • 质疑的能力都没有,还有批判的余地吗》?看着就想笑 2019-07-17
  • 【健康解码】儿童发热怎么办? 2019-07-15
  • 江西:建立高校统战工作重点目标管理考核机制 2019-07-12
  • 一个对头能支持你的文章,可见你这个党员的问题了、。。。 2019-07-12
  • 大学毕业生是不是越来越过剩?当然大学毕业生可以在多种行业就业,比如农村、服务业等等。不过,过剩还是一种极大的浪费。 2019-07-11
  • ST富控:关于收到上海证券交易所对公司有关交易事项的监管工作函的公告 2019-06-29
  • 台企为大陆偏乡学生送关怀 2019-06-23
  • 揭秘人民币制作过程 从“白纸”到钞票耗时1个月 2019-06-23
  • 我老张工经历过中国计划经济时代,实践过计划经济,岂能不知计划经济?!现在的市场经济,我也有了实践感受。比较之,深感计划经济是适合社会主义的,而市场经济是不适合社 2019-06-21
  • 由进口至出口再至走向世界,这一路着实不易,其中少不了无数位科研人员的奉献与牺牲。 2019-06-21
  • QS世界大学排名发布:中国11所大学进百强,清华排名创历史 2019-06-20
  • 以实际行动诠释忠诚 以实干实政维护核心 2019-06-20
  • 快速赛车全天计划 今天的河北快3开奖结果 3D中心app 云南快乐十分开奖规则 香港一码中特官方网 香港赛马会九肖中特 360彩票合买撤单 七星彩开奖预测 彩经网双色球 福建十一选五规律 竞彩篮球胜分差投注 辽宁35选7的 3d17125期预测推荐号码 福利彩票3d 永辉线上娱乐