手機如何製作網頁教程（新版多篇）

方法/步驟 篇一

1、使用獨立域名

很多站長為了省事，將PC端域名與手機域名使用同一個域名。這本來問題不大，但卻忽略了，在移動端，搜索引擎對於PC端的資源是排斥的。也就是説，網站需要有明確的指示給搜索引擎，在什麼時候PC端優先，什麼時候移動端優先。如果你不懂做適配設置，最好的。辦法是將PC端網站與手機網站分開，針對移動互聯網做適配的手機網站。因而，在搜索有限的情況下，手機網站使用獨立域名是最佳的選擇。

2、使用HTML5程序

目前大多數網站建設仍然沿用着ASP、PHP、JAVA、NET等程序語言。這些語言對於PC端網站建設來説沒有太大的問題，但由於移動設備的屏幕尺寸所決定的各種因素，這些語言所建設的網站在移動端具有一定的侷限性。這時候，更輕便、更靈活、具有強化了的Web網頁表現的HTML便成了手機網站建設的最佳選擇。

3、根據手機特徵設計網站

手機屏幕遠沒有PC的大，因而，無論是在版面設計上還是功能設計上，都需要更注重實操性。PC端的版式佈局並不適合小屏幕的手機瀏覽及操作。在手機網站設計上，可以根據手機的實際操作情況來排版網站的欄目。

4、使用精簡的網頁設計

手機網站的版面小，因而在進行手機網頁設計時要儘量少使用陰影、漸變等複雜的設計手法，儘量採用簡潔大方的版面設計，目前一些潮流的設計方式能夠在手機網站上得到很好的體現，在手機網站設計中可以參考或使用。

5、注重用户體驗

專業手機網站製作方法中，手機網站一定要注意用户體驗，不能單一化，要注意手機的特定人羣，這和傳統網站製作截然不同，做到上面幾點就離成功不遠了！

6、避免使用彈窗、flash、java等行為

同樣道理，flash和彈窗等行為將會佔用很大一部分流量，對於移動手機用户而言，無疑會浪費時間和流量，對於搜索引擎而言，基本理解不了。在技術層面來 講，Apple產品不支持Flash功能，很大一部分智能手機用户用不了這項功能，同樣，很多智能手機也不支持Java,所以這只是兩方面都不討好的做 法。

7、使用規範化的協議，做好瀏覽器兼容調試工作

一般來説手機建站有xhtml、html5、wml 三種協議，最好使用規範化、標準化的協議格式，避免造成不必要的麻煩。當然也可以做多個版本的站點，站點進行不同版式的自動適配。

工具/原料 篇二

手機、域名

程序

設計技術

注意事項 篇三

確保在手機網站或者PC端網站各個頁面上有相應的導航或者提示鏈接，讓用户可以在手機版和PC版進行切換，也便於搜索引擎更好的收錄