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