隨著智能手機(jī)的普及，手機(jī)網(wǎng)站的使用率和重要性也日益彰顯，2015年較新數(shù)據(jù)顯示，目前在所有的網(wǎng)站中,同時具有PC及移動端的網(wǎng)站占了52%,首次超過了純PC端網(wǎng)站的43%,下面給我們就說一下手機(jī)網(wǎng)站的一般制作流程，它包含七個方面的知識，讓你避免走一些制作手機(jī)網(wǎng)頁的彎路。閱讀完成以下知識點，你就能對手機(jī)網(wǎng)頁的制作和設(shè)計有大概的了解，然后有針對性地學(xué)相應(yīng)知識。
1.手機(jī)網(wǎng)頁的標(biāo)記語言
WML ：
因為WML大部分針對早期和低端的手機(jī)，現(xiàn)在已經(jīng)逐步被其他的技術(shù)取代了，現(xiàn)在學(xué)習(xí)手機(jī)網(wǎng)頁設(shè)計制作完全可以忽略WML。
XHTML：
未來智能手機(jī)的市場份額會越來越大，考慮到這點，現(xiàn)在進(jìn)行手機(jī)網(wǎng)頁設(shè)計制作時，我們會用到更加熟悉的標(biāo)記語言Xhtml。現(xiàn)在大部分智能手機(jī)的瀏覽器都能正確處理Xhtml，它會識別兩種類型的Html。
①Xhtml：基礎(chǔ)的，和桌面瀏覽器相同的Xhtml
②Xhtml-MP：針對智能手機(jī)的Xhtml
這兩種類型的不同之處，Xhtml-MP包含比較少的要素和相對寬松的限制，能適合手機(jī)平臺的渲染，現(xiàn)在很多手機(jī)網(wǎng)頁設(shè)計制作直接用Xhtml，也沒什么大問題。
2.手機(jī)類型
手機(jī)市場上既有非常高端的iPhone手機(jī)和谷歌的Android手機(jī)，也有諾基亞一些單色點陣顯示的低端機(jī)。這些低端機(jī)在瀏覽手機(jī)網(wǎng)頁時有很多的限制，如屏幕分辨率、渲染Xhtml的性能等，因此如果你的手機(jī)網(wǎng)頁是針對這部分用戶，較好還是用WML。
另一方面，類似于iPhone和Nexus One這種高端智能機(jī)，擁有可以和桌面瀏覽器相媲美的渲染網(wǎng)頁的性能。對這部分用戶而言，良好的用戶體驗是很重要的，受限于手機(jī)的傳輸速度，如果直接用一般的電腦上瀏覽的網(wǎng)頁來代替手機(jī)網(wǎng)頁，對手機(jī)網(wǎng)頁的目標(biāo)客戶來說，并非明智之舉
3.手機(jī)網(wǎng)頁的目標(biāo)群體
任何網(wǎng)站設(shè)計網(wǎng)頁時都應(yīng)該明白自己的目標(biāo)群體，以便向他們傳輸最合適的信息。這點在進(jìn)行手機(jī)網(wǎng)頁設(shè)計制作時更為重要。因為你不僅要知道你的目標(biāo)群體，還要知道他們?yōu)g覽手機(jī)網(wǎng)頁時的情景。瀏覽傳統(tǒng)的網(wǎng)站，訪客會坐在桌上，有著大分辨率的屏幕。手機(jī)網(wǎng)頁的訪客則有可能是在排隊、等交車、坐在地鐵等。
手機(jī)網(wǎng)頁的目標(biāo)群體，谷歌的開發(fā)者將看手機(jī)網(wǎng)頁人群分為三大類，這對我們進(jìn)行手
機(jī)網(wǎng)頁的設(shè)計和制作，很有參考意義。
4.根據(jù)具體需要提供網(wǎng)站內(nèi)容
一個很常見的誤區(qū)是很多網(wǎng)頁開發(fā)者認(rèn)為只需要簡單的設(shè)置，就可以將一個傳統(tǒng)的網(wǎng)頁變成可以適應(yīng)手機(jī)瀏覽的網(wǎng)頁，他們認(rèn)為只需要在CSS樣式表將media=”screen”變成media=”handheld”就能使網(wǎng)頁神奇般地適用于手機(jī)。這是錯誤的想法。
雖然針對手機(jī)用戶變更網(wǎng)頁的CSS可以過濾一部分的內(nèi)容，或者一些CMS網(wǎng)頁也提供了相應(yīng)的轉(zhuǎn)換插件。但這些方案并不完善。
W3c定義了“一個網(wǎng)站”的概念，意思是手機(jī)網(wǎng)頁不一定要提供和傳統(tǒng)網(wǎng)站完全一樣的內(nèi)容和設(shè)計，而是要根據(jù)手機(jī)的性能、帶寬等方面的不同提供一些差異化服務(wù)。
根據(jù)這個定義，一些傳統(tǒng)網(wǎng)頁的內(nèi)容和功能不能在手機(jī)上實現(xiàn)是很合理的。不同手機(jī)
能處理的內(nèi)容和功能也都是不一樣的。所以也可以根據(jù)這些手機(jī)進(jìn)行相應(yīng)的網(wǎng)頁制作。
5.選擇域名
為手機(jī)網(wǎng)頁選擇什么域名取決于你的目標(biāo)群體是如何進(jìn)入網(wǎng)站的。這里有三種域名可
供選擇：
A：為手機(jī)網(wǎng)頁使用獨立域名
B:為手機(jī)網(wǎng)頁使用子域名
C：為手機(jī)網(wǎng)頁注冊mobi的高級域名
D：判斷客戶端，并自動顯示對應(yīng)內(nèi)容
6.為手機(jī)網(wǎng)頁驗證標(biāo)記語言
電腦的網(wǎng)頁瀏覽器對錯誤比較寬容，一些html標(biāo)記的忘記書寫或者沒有正確嵌套在電腦瀏覽器都會正確顯示，當(dāng)然容錯率高意味著消耗更高的cpu和內(nèi)存。
手機(jī)瀏覽器的性能還無法和電腦相提并論，所以手機(jī)瀏覽器對手機(jī)網(wǎng)頁的錯誤要嚴(yán)格一些。所以在設(shè)計和制作手機(jī)網(wǎng)頁時，你必須不斷進(jìn)行檢查、驗證和糾錯。驗證手機(jī)網(wǎng)頁和驗證一般傳統(tǒng)的網(wǎng)頁沒什么區(qū)別，如果你使用Xhtml編寫，可以使用相同的工具。W3C驗證器可以驗證一些簡單的錯誤，當(dāng)然這里有一個更適合驗證手機(jī)網(wǎng)頁的版本。
7.為手機(jī)網(wǎng)頁不斷測試
當(dāng)通過了手機(jī)網(wǎng)頁的驗證之后，就要針對幾種不同的手機(jī)進(jìn)行各種測試了。用電腦的
瀏覽器雖然可以進(jìn)行模擬測試，但是并不完善。這種方式通過的手機(jī)網(wǎng)頁不能適用于某些手機(jī)。
有些手機(jī)文件尺寸的限制可能會很小，所以你制作的手機(jī)網(wǎng)頁在這些設(shè)備上甚至無法顯示。另外瀏覽器支持的文件類型也會不同，支持的圖像格式也會不同。測試時候手機(jī)網(wǎng)頁當(dāng)然不可能擁有所有手機(jī)，所以制作網(wǎng)頁時可以使用一些替代手段。
