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

方法/步驟 篇一

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版進行切換，也便於搜尋引擎更好的收錄