現(xiàn)在手機版的網站受到了用戶的信賴，因為它瀏覽起來非常的便利，那么網站制作手機版步驟有哪些？手機版網頁設計注意事項是怎樣的呢？下面就給大家具體的說明一下。
網站制作手機版步驟有哪些？
進入網站首頁，注冊之后進入微站編輯頁面，點擊選擇模板。
選擇一個你喜歡的網站模板（這里以選擇百變模板進行自定義搭建）。
進入網站的編輯頁面，進行手機端網站的頁面布局。
最后進行保存，可進行網站預覽和分享。
注意事項
關于模板選擇：可選擇百變模板（自定義頁面），也可以選擇其他的固定的模板。
關于其他組件：除了微站，還有當下比較火的h5幻燈片、搖一搖、h5小游戲等小組件。
手機網站制作的要點
手機網站域名的配置：
建議使用獨立域名，很多網站為了省事,將pc端域名與手機域名使用同一個域名下，這本來問題不大,但卻忽略了,在移動端,搜索引擎對pc端的資源是排斥的，也就是說,網站需要有明確的指示給搜索引擎,在什么時候pc端優(yōu)先,什么時候移動端優(yōu)先，如果你不懂做適配設置,最好的辦法是將pc端網站與手機網站分開,針對移動互聯(lián)網做適配的手機網站，因而,在搜索有限的情況下,手機網站使用獨立域名是最佳的選擇。
手機網站系統(tǒng)的選擇：
選擇一個支持pc和手機的網站管理系統(tǒng)是很有必要的，而且必須可以實現(xiàn)數據在站點之間的共享，比如pc上的新聞我們也需要同步到移動端，這時候就需要一個站點發(fā)布，兩個網站同步顯示，我本人用過不少網站系統(tǒng)，同事支持pc和手機的網站管理系統(tǒng)不是很多，國內這方便做得比較完善的就pageadmin網站系統(tǒng)還可以，手機和pc框架獨立，新聞，產品這些數據可以實現(xiàn)共享，自由度比較大，大家可以去下載來試試，這個系統(tǒng)可以免費下載使用。
手機分站的建立：
我們下載系統(tǒng)后，只需要到站點管理里面增加一個分站，然后參考pageadmin官方手機網站制作教程就可以實現(xiàn)了手機網站制作，這個系統(tǒng)也自帶了幾個默認手機版本，大家可以再默認模板基礎上進行美化就可以了。
手機版網頁設計注意事項
一、與計算機共享同一套網頁
這里的與計算機共享網頁，指的是計算機用的網頁完全不經修改、就直接給手機瀏覽。前提是網站本身的元素要夠簡單、版面不能太復雜。
二、制作手機專用網頁
這個做法在90年代非常盛行，當時電信業(yè)者的gprs/wap廣告打得正火熱，手機能瀏覽的網站都是wap網站，也就是用wml編寫的手機網，wml是很簡陋的html，內容通常只有文字跟選單。
用這個方法的好處是，wap可以在所有的手機上正常顯示，不過要同時維護手機版和桌面版的網頁會很困難，使得信息常常無法同步。
三、用瀏覽器來判斷裝置
opera有桌面版和手機版，同樣的chrome、safari、firefox也是。有的網站會使用瀏覽器嗅探機制(browsersniffing) 來判斷你是用哪一種、什么裝置的瀏覽器，不過browsersniffing的設定很繁瑣，而且經常出差錯。最快的方法是在網頁上加入各種版本的連結，讓 瀏覽者可以自由選擇格式。
四、開發(fā)復合型網站
復合版網站就是能同時給桌面和手機使用的網站，它跟剛談到的「與計算機共享」并不一樣，復合版網站雖然內容相同，但是它會根據屏幕大小來呈現(xiàn)版面。要做復雜 合型網站其實并不難，只要用css與html標簽來調整就行，比如html的viewport以及css的media queries。
網站制作手機版步驟有哪些？以上就給大家介紹了關于手機版網站制作的相關問題，大家在具體制作的時候，就可以參考上面的步驟去做準備，如有需要，可以咨詢我們。