Создать мобильный сайт


Похожие статьи (10)
Создать мобильный сайт
Создать мобильный сайт
C развитием мобильных устройств все больше и больше пользователей используют мобильный доступ к Интернету для просмотра веб-страниц. Всем владельцам веб-ресурсов рано или поздно приходиться создать мобильный сайт. Вариантов создания сайтов для современных гаджетов достаточно. Мы расскажем Вам про три основных подхода к созданию мобильных версий сайтов. Компания Google и множество крупных веб-разработчиков призывают создавать так называемый “адаптивный дизайн” сайта. Использование “правильного” CCS3 позволяет использовать одну и ту же HTML страницу для отображения сайта на всех возможных мобильных платформах (телефоны, планшеты, умные телевизоры и другая техника). 
Лучше всего, чтобы Ваш сайт нормально смотрелся на всех платформах

Основное достоинство использования такого подхода к тому, как создать мобильный веб-сайт, заключается в том, что Ваш сайт будет иметь одно и то же содержание и разметку, независимо от используемого устройства просмотра. Кроме того, очень важно, что мобильная версия будет доступна по основному URL сайта. Недостатков чуть больше. Во-первых, не все элементы дизайна будут на 100% хорошо отображаться на всех устройствах. Во-вторых, навигация для пользователя будет не очень удобна. И в третьих, сама страница, общая для всех устройств и браузером, будет значительно “тяжелее”, чем мобильная версия. 



Кроссобраузерность (в том числе для мобильных устройств) - главное требование к современным сайтам

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

Для того, чтобы создать мобильный сайт чаще всего прибегают к созданию отдельной версии сайта. Чаще всего к названию сайта добавляется m.* или mobile.*. При данном случае создается отдельная специальная верстка сайта, его дизайн, сам сайт значительнее легче и, соответственно, быстрее загружается, что является основным преимуществом использовании такого подхода. 
Кроме того, навигация и содержимое настраиваются специально под мобильные устройства, что значительно облегчает взаимодействие пользователя с сайтом.


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



Еще один пример отдельного сайта для мобильных устройств

Создать RESS мобильный сайт

RESS (responsive design server-side components) - это технология, которая позволяет создать мобильный сайт путем вывода различных CCS и HTML документов на одном URL путем определения используемого клиентом браузера на серверной стороне. По сути, если вы заходите на такой сайт с Стационарного ПК, то у Вас откроется адаптивный сайт стандартной верстки. А если Вы используете, допустим, Android OS, то откроется адаптивная мобильная версия сайта. Такой подход имеет самую оптимизированную загрузку, лучший и эргономичный подход к навигации. Например, мобильная версия сайта не будет загружать большие блоки, которые не будут корректно отображаться в мобильном браузере. Единственный недостаток этой технологии программирования заключается в том, что она требует дополнительных мощностей от сервера для определения клиентской операционной системы, чтобы сделать вывод какой вариант сайта загрузить. 

Сравнение обычной и мобильной версии сайта, открытых в современном смартфоне


Есть еще и другие технологии, но они уже устарели или просто не требуют внимания.

Дата публикации: 05.11.2013 | Теги: Создать сайт
Вы можете задать вопрос экспертам Нашего сайта и получить ответ по почте
expert
Комментарии к статье:
Сергей 15.01.2014 14:21:45 Ответить

Статья мне понравилась, так как она довольно информативна но, к сожалению, для меня она бесполезна. Я специально сделал так, чтобы с мобильного устройства нельзя было заходить в интернет, так как это мне мешало нормально существовать - была так сказать, зависимость от интернета. )

Радион 15.01.2014 15:41:52 Ответить

Хоть я и пользуюсь мобилкой для того чтобы работать с интернетом, но о таком я слышу впервые. Мне понравилось то, что здесь рассказывается подобный способ. Этот способ довольно раскрыт и можно попробовать самому сделать такой сайт ) Думаю это будет интересное дело.

@Колян 15.01.2014 19:48:30 Ответить

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

@Анатолий 15.01.2014 20:33:57 Ответить

Создавать сайты, которые бы нормально работали и на телефонах довольно недавно начали, так как только в последнее время люди массово начали пользоваться мобильными устройствами в этих целях.

@Костик 15.01.2014 21:17:19 Ответить

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

Дмитрий 17.06.2015 23:12:26 Ответить

А где можно почитать про RESS. Интересует полностью как создавать мобильную версию именно с использованием RESS. В сети ничего не нашел. Даже книг еще нет, только на английском

Добавить комментарий
Ваше имя
Текст
Похожие статьи:
Бесплатное создание сайта бесплатно
Где лучше купить домен
Где создать бесплатный сайт
Где создать сайт с доменом бесплатно
Инструкция как создать сайт
КАК БЕСПЛАТНО СДЕЛАТЬ САЙТ
Как заказать сайт
Как мне создать сайт???
Как самой создать сайт бесплатно
КАК СДЕЛАТЬ СТРАНИЦУ НА ВЕСЬ ЭКРАН
Что Вы думаете по этому поводу? Оставьте пожалуйста комментарий в Вконтакте!