移動網頁設計** 佳技術與實踐

　　根據預測，到2013年底，互聯網互聯網用戶將超過17億移動。有了這些數字，Web設計師和開發人員必須學習移動設備的** 佳開發和設計實踐。

　　在大多數情況下，您不需要學習任何新的移動網站設計技術。但是你需要用一種新的方式來看待網站設計，這比標準瀏覽器的設計要嚴格得多。為了解決移動網站設計中的問題，獲得與標準網站相同的方便和有用的結果，需要一些創造性的問題解決技巧。

　　移動熟悉可用硬件和軟件的** 佳網頁設計技能和實踐

　　移動手機和移動設備平臺在操作系統、屏幕大小、分辨率和用戶界面上有很大差異。要決定您的站點需要哪個平臺優化，熟悉可用的不同選項是很有幫助的。

　　** 常見的操作系統是Windows Mobile，iPhone平臺，Palm OS，移動Linux，Symbian操作系統，黑莓平臺和安卓（由于Verizon和谷歌之間** 近的協議，Android將變得更大）。還有其他針對特定手機的專有系統，例如一些Verizon手機和特定品牌的手機。你可以根據網站的受眾類型來估計你的用戶** 有可能使用哪些操作系統。如果訪問者主要是業務用戶，則需要優化Windows Mobile和黑莓設備站點。如果您的用戶是年輕、時尚或具有更多技術知識，您希望您的網站是iPhone和Android設備優化。無論如何，確保你的網站至少在大多數移動平臺上可用。

　　移動瀏覽器是另一個需要考慮的因素。一些常見的瀏覽器包括Safari瀏覽器iPhone、Android、Opera移動、WebOSbrowser（手持設備）、黑莓瀏覽器和Internet Explorer移動Windows移動設備。在諾基亞和其他移動品牌上也有更多的瀏覽器。一些瀏覽器基于專有代碼，而其他瀏覽器則基于WebKit（Android、Safari）、gecko（Fennec、Mozilla瀏覽器）或其他通用平臺。

　　** 后，您需要考慮網站訪問者** 常見的屏幕大小和分辨率。你的網站應該使用訪問者可能使用的** 廣泛的移動設備。標準手機的常用分辨率包括101times；80像素（索愛手機），128像素times；128像素（三星手機），和120times）；160像素（摩托羅拉手機）。智能手機iPhone320times還有很多工作要做；480像素屏幕HTCtouch pro有480times；640像素屏幕（有320Palm Pre和320times黑莓480像素屏幕風暴（times與360；480像素屏幕（HTC和times的金星已高達800times；480像素屏幕（這些屏幕可以輕松顯示標準網站。

　　移動網頁設計** 佳提示與實踐簡化！

　　在大多數情況下，你的移動網站應該比你的標準網站簡單。唯一的例外是如果你的標準站點已經很簡單了。從站點中刪除圖形元素通常是優化在移動設備上顯示圖形元素的有效方法。找到簡化網站設計和功能的方法。這可能意味著重新調整您的菜單，消除圖像，在多個頁面上分解文本，或重新工作網站的布局和功能。

　　使用有效標記

　　考慮到可能訪問您的站點的潛在操作系統和瀏覽器的多樣性，Web標準變得更加重要。標準瀏覽器在很大程度上可以容忍糟糕的代碼，但是使用移動瀏覽器瀏覽器，您通常不會有這樣的余地。確保代碼驗證盡可能簡潔明了。

　　用戶訪問選擇標準網站

　　根據訪問者使用的設備類型，他們可能只想使用您的標準網站。這對于許多性能更好的智能手機和iPhone來說尤其如此，它們在標準網站的出色發布上沒有問題。讓你的移動訪問者選擇訪問一個標準站點，即使它只是一個通過頁腳的鏈接（我們大多數人傾向于看到它）您還可以讓他們選擇返回移動站點而不必使用后退按鈕。

　　使用單獨的移動主題

　　同時優化你的手機主要用途網站有時也有道理，往往用一個手機主題就比較容易，而且可以做** 低移動的設備更換CSS。一個專門的移動主題意味著你可以真正考慮訪問者將如何查看你的網站，并給予它優化。一些網站為普通移動設備和iPhone用戶設計了優化。

　　限制滾動到一個方向

　　當使用標準瀏覽器時，在網頁上向多個方向滾動確實很煩人。當您從移動設備訪問時，這不會改變；事實上，情況更糟。使用觸摸屏時，很容易意外地以錯誤的方式滾動（水平滾動而不是垂直滾動，反之亦然）。如果你的網站只向一個方向滾動，那么你就消除了這個問題的可能性。

　　不要使用彈出窗口或打開新窗口。

　　根據具體的平臺，彈出的新窗口可能會影響瀏覽體驗，所以不要使用它們。如果您確實需要在新窗口中打開某些內容，請務必提醒移動訪問者它將打開。

　　移動** 佳網頁設計技術和實踐盡量減少圖像的使用

　　只使用你需要傳達信息的圖片。標志很好，就像大多數圖標一樣。與網站內容無關的圖片也不錯。但要消除那些只為了好看的圖像。它們在移動設備上通常不好看，為什么還要麻煩呢 有時他們只是讓你的網站看起來更糟或導致奇怪的滾動或布局問題。

　　優化您的導航

　　許多移動設備有觸摸屏界面，所以記住這一點。這意味著您的鏈接的可點擊區域更大，使按鈕更大，并為連接帶來更多空間。嘗試點擊微小的、幾乎看不見的鏈接是一件非常痛苦的事情，但這并不能讓你每次想點擊某個東西時都感覺更好。為改善這些導航問題，許多網站采用完全獨立的移動導航設計，觸摸屏或非鼠標輸入設備優化。

　　不要依賴Flash或JavaScript

　　并非所有手機和移動設備都支持Flash或JavaScript。即使他們這么做了，也不能** 它是** 新版本。如果訪問者使用iPhone，則忽略Flash。確保移動站點上的所有重要信息和功能都是正常的（x）HTML/CSS。否則，會有大量訪問者無法訪問重要內容。

　　包括盡可能多的內容從您的標準網站。

　　有多少次你從手機移動到** 喜歡的網站，然后意識到你無法訪問你想訪問的部分 總是這樣。在移動網站上包含盡可能多的原始網站內容。除了使其可用外，還要確保到達它的導航路線保持相對不變。

　　移動網頁設計的** 佳技能和實踐確保正確的工作將得到執行

　　不要只發送移動用戶主頁。沒有什么比點擊一個鏈接更煩人的了，無論是在搜索引擎結果中還是在另一個網站上，如果你在移動設備上，它都會被重定向到主頁。如果您的站點自動檢測到訪問者是否來自one移動瀏覽器，請確保將其設置為將訪問者發送到他們試圖訪問的鏈接，否則他們可能會離開并且永遠不會回來。