手機網站制作需要符合哪些要求

1、導航功能大不同

手機網頁與跟一般的網頁不同的，在于當閱讀文章到最后時，要回到最前頭是麻煩的，因此設計網頁的企業，除了減少卷動畫面的機會外，也會加強導航的功能，讓網頁變得更容易于移動設備上閱讀。

2、簡化內容

一般的手機、平板電腦等移動設備，不易容納下適合于個人電腦的龐大網頁資訊，因此手機手機網頁的首要重點，就是減少內容，不論是圖片、文字或是影音。請記住一個重點：只要將最重要的資訊放入移動版網頁，就是最主要的準則，重要性較低的、讀取需要時間的內容，則可以透過超鏈接，連回到正常的官方網站。移動手機網站必須十分的重視內容簡化這一點，一個塞滿內容的移動手機網站無法獲得網路客戶的青睞。

3、減少文字輸入部份

現在智能手機大多沒有實體的鍵盤，或僅只有12鍵的電話輸入功能，因此輸入文字上會比起使用鍵盤麻煩得多。因此，減少使用者輸入文字的機會，例如：個人的帳號、密碼、搜尋內文、使用編輯器...等，都是手機網頁要盡力避免的。

4、符合滑動屏幕的方式

大部分的移動設備，畫面都不如桌上電腦那么大，尤其是閱讀文字時更需要加以放大。即使智能手機都具有網頁放大縮小功能，但是觀看起來較為麻煩。因此設計手機網頁時，企贏001建議是能夠以滑動屏幕的方式閱讀網站，因為滑動網頁比起放大網頁觀看來得簡單多了。

5、觸摸屏幕與非觸摸屏幕設計

雖然今日觸摸型的智能手機當道，但是仍有為數不少的傳統手機，沒有觸摸的界面，使用的是傳統的控制方向鍵做為導航的工具。例如：減少畫面中超鏈接的數量，可以讓選擇鏈接的時候出現一些減少一些按鈕的動作，或是加大文字以減少誤點的問題。此外更重要的是鼠標的原理跟觸摸界面的原理有很大的差異，因此移動版的網頁應該避免只有電腦鼠標才能做到的功能，舉例來說：「下拉選單」的這一項功能，因為移動設備沒有「鼠標坐標」的設計，所以無法觸發鼠標移動過去才會顯示出來的選項。

6、思考多種版本的手機網頁版本

手機的規格眾多，有的解析度為320*240，較新的則為800*480，而次世代的手機更有720P的解析度，因此移動手機網站如何滿足眾多的需求?一般來說有兩種作法，一種是建立不同解析度的移動手機網站，由用戶于手機移動入口網頁自行選擇;另一種做法則是透過手機的語法，例如CSS語法中的Viewpoint就能夠根據手機的解析度加以決定瀏覽畫面的寬度。