??網頁制作分為手機網頁制作和電腦網頁制作，現在幾乎是人手一部手機，手機網頁制作市場潛力巨大，今天新網網站的工作人員我我們介紹一下手機網頁制作的過程以及手機端網站和電腦端網站的區別。

??手機網頁制作

??手機網站制作分為2種語法第一種是采用WML編寫適合于按鍵的傳統手機的WAP網站，第二種是采用時下比較流行的HTML5編寫前臺。

??而如今隨著互聯網發展和智能觸屏手機的普及，WAP網站已經逐漸退出歷史舞臺。并在程序或者主機上寫好判斷規則，如果是的瀏覽器就訪問的網址，瀏覽器就訪問手機站。針對不同的群體訪問不同的頁面，有利于提高網站轉化率。

??手機網站在制作之前還是要做一些工作的，比如關鍵詞如何定，用什么樣的后面程序，訪問這個網站的人都是些什么人，是商務人氏還是大眾老百姓，我們提供的產品或服務在哪個位置展示。

??打開速度或者速率，都影響用戶打開網站。如果網站打開過慢，甚至超過5秒用戶打開率就迅速下降。因此，移動網站打開速率盡量保持在3秒之內，用戶就很愿意在內容上面花費一定時間。因此，移動網站建設就盡量減少不必需要的圖片甚至動畫的使用。保證網站打開速度。

??對網站進行重新設計，在尺寸大小，文字與圖片編排上做一個適合手機觀看的頁面，然后進行自適應切片。還是制作電腦端網站，但在進行WEB切片的時候用響應式來自動識別瀏覽，這樣在設計電腦端的就需要注意一下排版與布局。

??手機網站制作在設計過程中就需要整潔因為手機網站屏幕相對PC端還是想的過于狹小，如果內容過多就會導致用戶瀏覽起來很困難。 手機網站不宜圖片、flash和JS過多 手機網站如果內容過多，就會導致網站頁面加載和打開速度就會變慢，用戶體驗就會受影響;手機網站內容頁盡量不要使用分頁 手機網站盡量不要使用分頁，這樣會導致較差的用戶體驗。

??手機端網站和電腦端網站的區別

??一、屏幕不同：

??首先手機端和電腦短的屏幕是不一樣的，手機的屏幕要比電腦的屏幕要小很多，如果使用電腦短的分辨率制作網站的話，手機端的瀏覽用戶體驗會差很多，因此，我們在制作網站時首先要考慮的屏幕大小和分辨率的問題。

??二、閱讀習慣不同：

??手機端用戶更多的是利用碎片化的時間進行瀏覽，因此網站制作首頁不易太長，設計的太長的話用戶沒有耐心閱讀完全，增加跳出率，因此，我們在設計網頁的時候盡可能短一些，建議一個頁面長度在手機屏幕三到四屏即可。

??三、使用功能不同：

??手機端更注重用戶溝通，可以和手機的功能相匹配，如：手機一鍵撥號的功能、手機短信的功能、地圖導航的功能，可以更好的與用戶進行有效的溝通，這些在電腦端網站是很難實現的。

??四、采用的技術不同：

??自從有了智能手機，針對智能手機的產品也就出現了，比如APP，手機網站。在其中出現了一種技術那就是我們經常聽說的H5，這種技術主要用于手機端的開發上。不過現在PC端的開發也已經用到這種技術了，制作一個HTML5+CSS3的網站架構，可以兼容所有的終端設備。

??手機端網頁尺寸

??1、如果是比較復雜的頁面，我們只需要第一屏撐滿全屏，可以使用此方法。單獨定義html和body的樣式。【html,body{width:100%;height:100%;}】。

??2、然后給DIV添加嵌套樣式【.bg{width: 100%;height: 100%;background: #ff0000;}】并在DIV中引入bgCSS【

??】保存頁面后可以看到此時div也撐滿屏幕了。

??3、為了方便觀察，我們在添加一個不同顏色的DIV【

??】并定義CSS【width: 10rem;height: 5rem;background: #ffea00;】。保存后網上滑屏，可以看到后添加的DIV也可以正常顯示啦。

??4、在瀏覽器開發者模式下，可以切換手機的型號，不同型號手機屏幕比例是不一樣的哦，可以看到，從普通的16:9的屏幕切換到iphone7時，屏幕雖然變長了，但是下面的黃色div是不會顯示出來的。

??5、切換到最新的全面屏iphoneX時，依然是紅色的div撐滿全屏的。

??6、上滑屏幕后才會看到下面的其他div模塊，這樣就可以實現想要的效果了。

??上面的文章今天我們就分享完畢了，大家閱讀完文章是否已經了解手機網頁制作過程了呢，手機端網站和電腦端網站的區別我們新網網站的工作人員也為大家講解的很詳細，如果大家還有任何想要咨詢的任何問題，歡迎隨時咨詢。