Как сделать мобильный сайт таким, как m.yahoo.com (мобильная версия)? - PullRequest
6 голосов
/ 28 декабря 2011

Я новичок в разработке мобильных сайтов. Я хочу разработать мобильный сайт, и я очень впечатлен (m.yahoo.com).Может ли кто-нибудь дать мне представление о том, как я могу создать такой мобильный сайт?Какие технологии очень востребованы разработкой для мобильного сайта?

Ответы [ 4 ]

5 голосов
/ 28 декабря 2011

Есть много способов сделать это.Но перед этим вам нужно подумать о некоторых вещах:

  1. Хотите ли вы иметь 2 отдельных домена для настольных компьютеров и мобильных устройств (например, www.yahoo.com AND m.yahoo.com)
  2. Как будет выглядеть ваш дизайн в каждом представлении?

Вышеперечисленные важные решения необходимо принять, поскольку постоянно появляются новые устройства (мобильные телефоны / планшеты и т. Д.), Которые появляются врынок.Поэтому вам нужно спроектировать что-то, что может быть легко расширено в будущем.

Говоря об этом, есть один очень хороший подход к дизайну мобильных веб-сайтов.Он называется адаптивным веб-дизайном (или гибким дизайном). Здесь вы не жестко программируете какие-либо размеры (ширина / высота / отступы / поля и т. Д.) И указываете все в% (в своем CSS). Это гарантирует, что макет будет сам подстраиватьсяв соответствии с экраном, на котором он просматривается и, следовательно, не привязан к какому-либо конкретному устройству.

Кроме того, вам также необходимо знать о области просмотра для мобильных устройств.

Кроме того, для Javascript вы можете рассмотреть такие библиотеки, как jQTouch, jQuery Mobile, Sencha Touch (для более сложных сайтов) и даже такие базовые, как плагины flowplayer.

Пожалуйста, дайте мне знать, еслиВам нужна дополнительная информация.

2 голосов
/ 28 декабря 2011

Существует один недостаток в том, что домен для вашего мобильного сайта отличается от веб-сайта для ПК или планшета.Это затрудняет обмен контентом в Интернете.Если вы поделитесь каким-либо URL-адресом на мобильном сайте, всем пользователям, имеющим доступ к этому URL, будет показана мобильная версия, даже если они откроют ее на рабочем столе.

Если вы использовали django для создания настольной версии вашего сайта,Вы можете использовать что-то вроде django_mobile , чтобы обслуживать мобильную версию с теми же URL-адресами.Он извлекает пользовательский агент из заголовков HTTP и предоставляет соответствующую версию.Некоторые люди думают, что это не так надежно, и предпочитают первый метод.

0 голосов
/ 28 декабря 2011

Не смотрел на источник Yahoo, но внешний вид напоминает мне об этом проекте, http://jquerymobile.com/

0 голосов
/ 28 декабря 2011

для этого нужно купить отдельный домен .... и по этой ссылке легко выполнить шаги шаги по созданию мобильного веба

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...