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

怎樣做手機端網(wǎng)頁才能確保專業(yè)、簡潔、大氣呢？

　　1、考慮使用網(wǎng)站二級域名

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

　　2、合理應(yīng)用HTML5+CCS3

　　H5頁面與傳統(tǒng)頁面最大的不同是交互和特效，這也是各大瀏覽器淘汰Flash的主要原因。合理使用特效有利于提升網(wǎng)站用戶體驗，過多使用一方面會讓設(shè)計實現(xiàn)變得的復(fù)雜，另一方面加大了網(wǎng)頁加載的壓力，所以說合理應(yīng)用最重要，網(wǎng)頁要炫更要快。

　　3、改變以往的設(shè)計習(xí)慣

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

　　4、要考慮手機網(wǎng)頁加載快慢的問題

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

　　5、重視不同手機效果調(diào)試

　　手機wap網(wǎng)站開發(fā)完成后盡可能使用不同品牌、不同屏幕尺寸、不同手機系統(tǒng)的移動端進(jìn)行調(diào)試與檢驗，例如：安卓系統(tǒng)下的網(wǎng)頁效果與蘋果ios系統(tǒng)是不一樣的，個別網(wǎng)頁屬性不見得都能兼容，所以說要多看多對比，發(fā)現(xiàn)問題及時處理，做到不同環(huán)境下的視覺效果統(tǒng)一性。