手機網頁製作是相對於傳統的電腦端網頁而言的，二者在設計和使用上並沒有太多的不同，主要是針對用戶瀏覽界麵的大小而量身訂製的網頁。電腦端顯示器比較大，現在普及22英寸的顯示器了，主流網頁主體寬度一般不能少於1200像素，如果網頁的主體寬度過窄會造成瀏覽器兩邊空白過多，嚴重影響用戶視覺體驗。而手機網站頁麵需要考慮不同尺寸的手機顯示器的問題，一般可以按照自適應的方式來解決。移動端與電腦的最大不同是顯示尺寸的問題，可以用布局單位像素和%來解決。

怎樣做手機端網頁才能確保專業、簡潔、大氣呢？

　　1、考慮使用網站二級域名

　　許多情況下手機的網站域名和PC端用的是同一個。過去往往為了圖方便使用目錄做為移動端頁麵的展示，域名和電腦端是同一個。這樣的不利因素是一旦移動端網頁被收錄後用戶在電腦上訪問會展示手機瀏覽的效果，這樣有可以會造成圖片拉伸和變形。如果域名是www.371jianzhan.com，建議移動端使用二級域名：m.371jianzhan.com

　　2、合理應用HTML5+CCS3

　　H5頁麵與傳統頁麵最大的不同是交互和特效，這也是各大瀏覽器淘汰Flash的主要原因。合理使用特效有利於提升網站用戶體驗，過多使用一方麵會讓設計實現變得的複雜，另一方麵加大了網頁加載的壓力，所以說合理應用最重要，網頁要炫更要快。

　　3、改變以往的設計習慣

　　過去我們做電腦端網頁的時候要考慮主體網頁的寬度，一般不超過1200px，它的單位是像素，還要考慮網頁兩邊空間的視覺效果問題。移動端網頁的設計與電腦端略有不同，設計單位使用百分比%，這樣就可以兼容不同手機屏幕尺寸，不必考慮網頁兩邊留白的問題。隻要設計符合www規則，無非就是從大視野變成了不視角的問題。

　　4、要考慮手機網頁加載快慢的問題

　　在設計方案手機版網站時，盡量避免的應用彈出窗口、flash、大文件等 ，載入這一類程序流程通常會較為用時耗總流量。主流瀏覽器已不再支持Flash了，所以盡量避免swf文件的調用。雖然現在5G時代了，但也要考慮網站的帶寬問題，你手機流量和速度可能會很好，網站使用過多資源而服務器對外帶寬又不高照樣會影響網頁打開速度。

　　5、重視不同手機效果調試

　　完成後盡可能使用不同品牌、不同屏幕尺寸、不同手機係統的移動端進行調試與檢驗，例如：安卓係統下的網頁效果與蘋果ioses係統是不一樣的，個別網頁屬性不見得都能兼容，所以說要多看多對比，發現問題及時處理，做到不同環境下的視覺效果統一性。