自從智能手機(jī)問世以來，移動(dòng)市場可謂是突飛猛進(jìn)，這是大家有目共睹的。大多數(shù)技術(shù)型的站長都明白，沒有他們珍愛的iPhone或Android設(shè)備，他們就不會賺到錢。我們曾給大家介紹過如何設(shè)計(jì)一個(gè)簡結(jié)的移動(dòng)互聯(lián)網(wǎng)站，Web站點(diǎn)需要按照這些規(guī)范不斷地進(jìn)行調(diào)整，才能滿足移動(dòng)市場的需要。

　　移動(dòng)風(fēng)格的Web站點(diǎn)的需求的增長讓站長們疲于奔命。為了滿足移動(dòng)設(shè)備的需要，Web站點(diǎn)的布局不得不進(jìn)行更新，同時(shí)，樣式也需要做一定的調(diào)整菜可以。下面，我會談到一些最佳實(shí)踐，以及如何重構(gòu)你的站點(diǎn)，讓它對移動(dòng)設(shè)備來說更加友好。

　　讓簡單性貫穿始終

　　無論你使用什么設(shè)備，相對桌面平臺來說，所有的移動(dòng)硬件都不是按照某些標(biāo)準(zhǔn)來制造的。簡單性是至關(guān)重要的，它可以決定你是留住了你的移動(dòng)訪問者，還是完全失去了這個(gè)市場。

 
Web站點(diǎn)想成功必須占領(lǐng)移動(dòng)互聯(lián)網(wǎng)

　　巨大的圖形，視頻，和過寬的頁面內(nèi)容一定會讓訪問者們望而卻步的。當(dāng)本次任務(wù)可以獲得某些類型的信息的時(shí)候，訪問者才會停留在你的Web站點(diǎn)上。他們希望可以在干擾較少的情況下，盡快地找到他們需要的信息。

可以嘗試重新設(shè)計(jì)你的頁面菜單的結(jié)構(gòu)，然后為你的內(nèi)容設(shè)計(jì)一個(gè)不同的布局。通常，對于一個(gè)優(yōu)秀的移動(dòng)界面的布局來說，一個(gè)單一的列就已經(jīng)足夠了。商標(biāo)和重要的鏈接應(yīng)該放在頁面的最頂部，因?yàn)檫@是最經(jīng)常訪問的區(qū)域。

　　實(shí)現(xiàn)移動(dòng)樣式表

　　CSS是一門偉大的語言，主要用于編輯和添加新樣式。字幕“C”是“cascading”的縮寫，這意味著你可以在一個(gè)文件里應(yīng)用樣式，你也可以通過一個(gè)新文件導(dǎo)入或反復(fù)地更新一些屬性。這為詳細(xì)的定制提供了一個(gè)環(huán)境，同時(shí)，還提供了一些強(qiáng)大的模板。

 
手機(jī)上的CSS語言

　　設(shè)計(jì)新樣式規(guī)則的過程并不是很復(fù)雜。實(shí)際上，它只要和重新設(shè)計(jì)整個(gè)HTML結(jié)構(gòu)的任務(wù)配合的恰到好處就可以了，在這方面，無需花費(fèi)過多的精力。下面是一個(gè)CSS導(dǎo)入代碼的例子，它應(yīng)用了2個(gè)不同的樣式表。

   1. @import url("/css/styles.css");  
   2. @import url("antiscreen.css") handheld;          

        

        
        
      
        
it知識庫：移動(dòng)Web界面構(gòu)建最佳實(shí)踐，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。