我們上網的主要方式是手機和電腦，不過，這兩種產品是有所不同的。那在設計網頁時，大家知道手機網頁如何設計和制作嗎？還有，wap網頁設計的注意事項有哪些呢？今天就一起跟小編來詳細了解一下吧。

　　手機網頁如何設計制作？

　　1.手機網頁的標記語言

　　因為WML大部分針對早期和低端的手機，現在已經逐步被其他的技術取代了，現在學習手機網頁設計制作完全可以忽略WML。

　　XHTML

　　未來智能手機的市場份額會越來越大，考慮到這點，現在進行手機網頁設計制作時，我們會用到更加熟悉的標記語言Xhtml。

　　現在大部分智能手機的瀏覽器都能正確處理Xhtml，它會識別兩種類型的Html。

　　① Xhtml:基礎的，和桌面瀏覽器相同的Xhtml

　　② Xhtml-MP:針對智能手機的Xhtml

　　這兩種類型的不同之處，Xhtml-MP包含比較少的要素和相對寬松的限制，能適合手機平臺的渲染，現在很多手機網頁設計制作直接用Xhtml，也沒什么大問題。

（圖片來自網絡）

　　2.手機類型

　　手機市場上既有非常高端的iPhone手機和谷歌的Android手機，也有諾基亞一些單色點陣顯示的低端機。這些低端機在瀏覽手機網頁時有很多的限制，如屏幕分辨率、渲染Xhtml的性能等，因此如果你的手機網頁是針對這部分用戶，最好還是用WML。

　　另一方面，類似于iPhone和Nexus One這種高端智能機，擁有可以和桌面瀏覽器相媲美的渲染網頁的性能。對這部分用戶而言，良好的用戶體驗是很重要的，受限于手機的傳輸速度，如果直接用一般的電腦上瀏覽的網頁來代替手機網頁，對手機網頁的目標客戶來說，并非明智之舉。

　　可以把手機根據屏幕尺寸分成幾種常見的類型，如:

　　128 x 160 pixels

　　176 x 220 pixels

　　240 x 320 pixels

　　320 x 480 pixels

　　3.手機網頁的目標群體

　　任何網站設計網頁時都應該明白自己的目標群體，以便向他們傳輸最合適的信息。這點在進行手機網頁設計制作時更為重要。因為你不僅要知道你的目標群體，還要知道他們瀏覽手機網頁時的情景。瀏覽傳統的網站，訪客會坐在桌上，有著大分辨率的屏幕。手機網頁的訪客則有可能是在排隊、等交車、坐在地鐵等。

　　手機網頁的目標群體，谷歌的開發者將看手機網頁人群分為三大類，這對我們進行手機網頁的設計和制作，很有參考意義。

　　4.根據具體需要提供網站內容

　　一個很常見的誤區是很多網頁開發者認為只需要簡單的設置，就可以將一個傳統的網頁變成可以適應手機瀏覽的網頁，他們認為只需要在CSS樣式表將media=”screen”變成media=”handheld”就能使網頁神奇般地適用于手機。

　　這是錯誤的想法。

　　雖然針對手機用戶變更網頁的CSS可以過濾一部分的內容，或者一些CMS網頁也提供了相應的轉換插件。但這些方案并不完善。

　　W3c定義了“一個網站”的概念，意思是手機網頁不一定要提供和傳統網站完全一樣的內容和設計，而是要根據手機的性能、帶寬等方面的不同提供一些差異化服務。

　　根據這個定義，一些傳統網頁的內容和功能不能在手機上實現是很合理的。不同手機能處理的內容和功能也都是不一樣的。所以也可以根據這些手機進行相應的網頁制作。

　　5.選擇域名

　　為手機網頁選擇什么域名取決于你的目標群體是如何進入網站的。這里有三種域名可供選擇:

　　A:為手機網頁使用獨立域名

　　B:為手機網頁使用子域名

　　C:為手機網頁注冊mobi的頂級域名

　　D:判斷客戶端，并自動顯示對應內容

　　6.為手機網頁驗證標記語言

　　電腦的網頁瀏覽器對錯誤比較寬容，一些html標記的忘記書寫或者沒有正確嵌套在電腦瀏覽器都會正確顯示，當然容錯率高意味著消耗更高的cpu和內存。

　　手機瀏覽器的性能還無法和電腦相提并論，所以手機瀏覽器對手機網頁的錯誤要嚴格一些。所以在設計和制作手機網頁時，你必須不斷進行檢查、驗證和糾錯。驗證手機網頁和驗證一般傳統的網頁沒什么區別，如果你使用Xhtml編寫，可以使用相同的工具。W3C驗證器可以驗證一些簡單的錯誤，當然這里有一個更適合驗證手機網頁的版本。

　　7.為手機網頁不斷測試

　　當通過了手機網頁的驗證之后，就要針對幾種不同的手機進行各種測試了。用電腦的瀏覽器雖然可以進行模擬測試，但是并不完善。這種方式通過的手機網頁不能適用于某些手機。

　　有些手機文件尺寸的限制可能會很小，所以你制作的手機網頁在這些設備上甚至無法顯示。另外瀏覽器支持的文件類型也會不同，支持的圖像格式也會不同。測試時候手機網頁當然不可能擁有所有手機，所以制作網頁時可以使用一些替代手段。

　　wap網頁設計的注意事項

　　一、與計算機共享同一套網頁

　　這里的與計算機共享網頁，指的是計算機用的網頁完全不經修改、就直接給手機瀏覽。前提是網站本身的元素要夠簡單、版面不能太復雜。

　　二、制作手機專用網頁

　　這個做法在90年代非常盛行，當時電信業者的GPRS/WAP廣告打得正火熱，手機能瀏覽的網站都是WAP網站，也就是用WML編寫的手機網，WML是很簡陋的HTML，內容通常只有文字跟選單。

　　▲用這個方法的好處是，WAP可以在所有的手機上正常顯示，不過要同時維護手機版和桌面版的網頁會很困難，使得信息常常無法同步。

　　三、用瀏覽器來判斷裝置

　　Opera有桌面版和手機版，同樣的Chrome、Safari、Firefox也是。有的網站會使用瀏覽器嗅探機制(browsersniffing) 來判斷你是用哪一種、什么裝置的瀏覽器，不過browsersniffing的設定很繁瑣，而且經常出差錯。最快的方法是在網頁上加入各種版本的連結，讓 瀏覽者可以自由選擇格式。

（圖片來自網絡）

　　四、開發復合型網站

　　復合版網站就是能同時給桌面和手機使用的網站，它跟剛談到的「與計算機共享」并不一樣，復合版網站雖然內容相同，但是它會根據屏幕大小來呈現版面。要做復雜 合型網站其實并不難，只要用CSS與HTML標簽來調整就行，比如HTML的viewport以及CSS的media queries。

　　關于手機網頁如何設計制作以及wap網頁設計的注意事項有哪些的相關內容，小編就先介紹到這里了。如果大家想了解更多網頁設計的信息，敬請繼續留意我們的網站。