監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢(xún)管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 簽約案例 | 購(gòu)買(mǎi)價(jià)格 | 在線試用 | 手機(jī)APP | 產(chǎn)品資料
X 關(guān)閉

移動(dòng)端自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)方法是?

申請(qǐng)免費(fèi)試用、咨詢(xún)電話:400-8352-114

   

       智能手機(jī)和平板電腦的普及,產(chǎn)生了越來(lái)越多的移動(dòng)端客戶流量,盡管基于手機(jī)和平板電腦的網(wǎng)絡(luò)瀏覽器種類(lèi)繁多,功能也都越來(lái)越完善,但限于較小的終端屏幕以及網(wǎng)絡(luò)流量的問(wèn)題,移動(dòng)設(shè)備并不適合直接瀏覽各種基于桌面電腦登陸的網(wǎng)站,因此,做為網(wǎng)站站長(zhǎng)來(lái)說(shuō),有必要為自己的網(wǎng)站增加一個(gè)適合移動(dòng)設(shè)備瀏覽的入口。

      自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì),就是讓同一個(gè)網(wǎng)頁(yè)代碼,能夠在不同設(shè)備上(從桌面電腦顯示器到智能手機(jī)或其他移動(dòng)產(chǎn)品設(shè)備)都能有更好的瀏覽體驗(yàn),因此,站長(zhǎng)在建站前,就要考慮好頁(yè)面布局如何能適應(yīng)多屏幕瀏覽,這樣移動(dòng)設(shè)備可以通過(guò)原網(wǎng)址來(lái)瀏覽桌面站點(diǎn),看到的是自動(dòng)適應(yīng)屏幕大小后的網(wǎng)站。盡管這種方式使得域名統(tǒng)一了,但如果對(duì)于結(jié)構(gòu)復(fù)雜、頁(yè)面反復(fù)的網(wǎng)站來(lái)說(shuō),代碼設(shè)計(jì)具有相當(dāng)高的難度。因此,通常自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)比較適合單欄或雙欄等簡(jiǎn)單版面網(wǎng)站,對(duì)于復(fù)雜版面較難設(shè)計(jì)。

  由于自適應(yīng)設(shè)計(jì)的內(nèi)容使用同一個(gè)網(wǎng)址,不會(huì)出現(xiàn)重定向,因此對(duì)于訪問(wèn)用戶來(lái)說(shuō),不必花時(shí)間記憶另外網(wǎng)址,對(duì)于服裝進(jìn)銷(xiāo)存軟件免費(fèi)版者來(lái)說(shuō),改造單欄或雙欄網(wǎng)站為自適應(yīng)網(wǎng)站的開(kāi)發(fā)較為簡(jiǎn)單,只需對(duì)CSS進(jìn)行不大的修改即可。

       自適應(yīng)網(wǎng)頁(yè)需要手機(jī)瀏覽器支持css3,例如目前的iPhone和Android內(nèi)置瀏覽器都支持css3,但諾基亞手機(jī)內(nèi)置瀏覽器就不支持css3,考慮到老式的手機(jī)已經(jīng)逐步淘汰,這部分用戶也可以考慮忽略不計(jì)。同時(shí),自適應(yīng)網(wǎng)頁(yè)需要展示更多的圖片,較耗費(fèi)流量,因此也不太適合2G網(wǎng)絡(luò)用戶訪問(wèn)。

      對(duì)于網(wǎng)站的修改來(lái)說(shuō),只要在HTML頭部增加viewport標(biāo)簽(控制顯示尺寸、是否允許縮放、初始比例、上下限等)、MobileOptimized標(biāo)簽(微軟為IE Mobile版設(shè)置的定義寬度標(biāo)記)和HandheldFriendly標(biāo)簽(是否對(duì)手持設(shè)備友好,只有true或者false),在CSS文件尾部增加針對(duì)不同屏幕分辨率的規(guī)則,布局寬度使用相對(duì)寬度,隱藏側(cè)欄,半小時(shí)的開(kāi)發(fā)量就可以提升網(wǎng)站的手機(jī)移動(dòng)瀏覽體驗(yàn)。

    對(duì)于網(wǎng)站站長(zhǎng)來(lái)說(shuō),通過(guò)這種形式都可以打造適合移動(dòng)設(shè)備訪問(wèn)的網(wǎng)站,自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的開(kāi)發(fā)難度小,手機(jī)瀏覽體驗(yàn)好,還支持自適應(yīng)AdSense廣告,但是目前百度搜索還不能很好地識(shí)別自適應(yīng)網(wǎng)頁(yè),部分自適應(yīng)頁(yè)面會(huì)被百度移動(dòng)搜索進(jìn)行轉(zhuǎn)碼(主要是由于未攜帶移動(dòng)網(wǎng)頁(yè)特征),使得原有的頁(yè)面設(shè)計(jì)和AdSense廣告都無(wú)法顯示。隨著智能手機(jī)的迅速普及,百度已經(jīng)逐步開(kāi)始支持自適應(yīng)網(wǎng)頁(yè)在移動(dòng)搜索中的展現(xiàn)。對(duì)于Google來(lái)說(shuō),其沒(méi)有對(duì)網(wǎng)頁(yè)進(jìn)行轉(zhuǎn)碼,因此對(duì)于自適應(yīng)網(wǎng)站來(lái)說(shuō)能夠有較好的顯示效果,但是對(duì)于未經(jīng)改造的網(wǎng)頁(yè)來(lái)說(shuō),會(huì)在移動(dòng)設(shè)備展示桌面網(wǎng)站,可能會(huì)耗費(fèi)更多的手機(jī)流量。


或許您還會(huì)對(duì)它感興趣:如何做移動(dòng)APP應(yīng)用?

發(fā)布:2007-04-20 14:31    編輯:泛普軟件 · xiaona    [打印此頁(yè)]    [關(guān)閉]
相關(guān)文章: