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