2011-07-20 57 views
2

我想製作網站的移動版本(您知道,在URL中使用.m的版本)。這是如何完成的,與常規網站有什麼不同?我還可以用HTML/CSS/JavaScript製作我的網站,還是我還需要一些用於移動網站的其他工具?關於製作網站的移動版本

最後一個問題 - 在Android手機和iPhone上觀看移動網站有區別嗎?

謝謝。

回答

4

這是如何完成的?

就像你做網站一樣,只是HTML/CSS/JS和更多。

與普通網站有什麼不同?

基本上但不是唯一的:

  • 的顯示尺寸是最大的(或在這種情況下,較小)的區別,你必須採取小型顯示器和視口的護理。
  • 用戶將與手指進行交互,而不是與鼠標進行交互,因此可點擊區域必須更大。

我還可以用HTML/CSS/JavaScript製作我的網站,還是我還需要一些用於移動網站的其他工具?

是的,你可以(也應該)只使用HTML/CSS/JS,但檢查已經在webkit移動上的不同視頻/音頻標籤。

是否有一個Android手機與iPhone手機上觀看移動網站有區別嗎?

都來自WebKit的,但他們有微小差異(如觸摸事件),但大部分網站的差別很小。

0

您可以像使用其他網站一樣使用HTML/CSS製作您的移動版本。您可以遵循一些準則來幫助您完成此過程。 Search Google。 你也可以看看平臺,幫你把東西放在一起就像jqTouch

0

一個網站,甚至是移動一個,仍然是一個網站,這意味着你將使用相同的東西,任何其他正常網站:HTML,CSS,Javascript,圖片...

你一般會不得不考慮的主要事情是:

  • 移動設備通常具有小屏幕和各項決議,
  • 移動網絡並不是非常快,有時會有可怕的ping;所以,你的頁面必須是輕量級的,而不是包含太多的外部文件/圖像。
  • 觸摸屏意味着你得把一些空間角落找尋的東西,一定要點擊(以防止用戶點擊了錯誤的鏈接,因爲兩者是太近)
  • iPhone和最近的Android設備有一定的相當先進的瀏覽器;他們之間不應該有太多的差異(你可能會發現android 1.6和2.3之間的差異比android 2.3和iPhone之間的差異更大,並且在android上也有許多不同的瀏覽器) - 仍然不要忘記測試as儘可能多的設備