2011-12-28 3 views
6

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

ответ

0

Вы должны купить отдельный домен для этого .... и шаги легко проследить в этой ссылке steps to create a mobile web

+1

хорошая ссылка, но не требуется с отдельным доменом .. –

+2

"м." является субдоменом, а не доменом –

0

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

+0

Нет Javascript на m.yahoo.com, я думаю. Но много CSS похоже на jQuery Mobile. – Thilo

5

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

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

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

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

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

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

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

+0

+1 для адаптивного веб-дизайна – Robert

2

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

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

+1

Обслуживание различных HTML-загрузок с одного и того же URL-адреса плохо для кэширования в конце. Vary: поведение кэша User-Agent снижает производительность кеширования. Дополнительная информация: https://github.com/miohtama/detectmobile.js –

Смежные вопросы