О создании мобильной версии сайта

Question

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

Последний вопрос - есть ли разница при просмотре мобильного веб-сайта на телефоне Android и iPhone?

Спасибо.

Answer 1

Как это сделать?

Так же, как вы делаете сайты, это просто HTML / CSS / JS и немного больше.

Чем отличается обычный сайт?

В основном, но не только:

• Размер дисплея - самое большое (или в данном случае меньшее) различие, вам нужно позаботиться о маленьких дисплеях и окнах просмотра.
• Пользователь будет взаимодействовать с пальцем, а не с мышью, поэтому интерактивная область должна быть больше.

Могу ли я сделать свой сайт на HTML / CSS / JavaScript или мне также нужны дополнительные инструменты для мобильных сайтов?

Да, вы можете (и должны) использовать только HTML / CSS / JS, но проверьте наличие различных тегов видео / аудио уже на мобильном веб-наборе.

Есть ли разница при просмотре мобильного веб-сайта на телефоне Android и iPhone?

Оба взяты из webkit, но имеют небольшие отличия (например, сенсорные события), но для большинства веб-сайтов различия минимальны.

Answer 2

Веб-сайт, даже мобильный , по-прежнему является веб-сайтом, что означает, что вы будете использовать те же материалы, что и для любого другого обычного веб-сайта: HTML, CSS, Javascript,images ...

Главное, о чем вы обычно должны думать:

• Мобильные устройства часто имеют небольшие экраны и различные разрешения,
• Mobileсети не очень быстрые, и иногда имеют ужасный пинг;поэтому ваши страницы должны быть легковесными и не содержать слишком много внешних файлов / изображений.
• Сенсорные экраны означают, что вам придется поместить несколько пробелов вокруг объектов, которые должны быть активными (чтобы предотвратитьпользователь нажал не ту ссылку, потому что два слишком близко)
• iPhone и последние устройства Android имеют довольно продвинутые браузеры;не должно быть так много различий между ними (вы можете найти больше различий между android 1.6 и 2.3, чем между android 2.3 и iPhone; кроме того, на android есть много разных браузеров) - все же незабудьте тестирование на как можно большем количестве устройств

Answer 3

Вы можете сделать свою мобильную версию, используя HTML / CSS, как и любой другой веб-сайт. Есть инструкции, которым вы можете следовать, чтобы помочь вам в процессе. Поиск в Google . Вы также можете посмотреть на платформы, которые помогут вам собрать воедино такие вещи, как jqTouch