ТОП просматриваемых книг сайта:
Мобильный маркетинг. Мобильные технологии – революция в маркетинге, коммуникациях и рекламе. Дэниел Роулс
Читать онлайн.Название Мобильный маркетинг. Мобильные технологии – революция в маркетинге, коммуникациях и рекламе
Год выпуска 2018
isbn 978-5-6040010-1-1
Автор произведения Дэниел Роулс
Издательство Олимп-Бизнес
Уровень осложнений в данной ситуации определяется вашим отношением к обновлению и управлению контентом. Статические сайты, то есть такие, которые можно обновлять и редактировать, меняя программный код (этим занимается программист или вы сами), просто дают дополнительную нагрузку по обновлению нескольких сайтов. Сложнее дело обстоит с сайтами на основе CMS, то есть систем управления контентом (их еще называют «движками»), у которых есть некая форма интерфейса, позволяющая обновлять ваш сайт.
Использовать CMS для управления мобильными сайтами можно по-разному:
– Сайт для десктопа и статичный мобильный сайт на CMS. Это оптимизированный мобильный сайт, для редактирования которого нужен программист или ваши собственные знания по работе с кодом.
– Сайт для десктопа на CMS и отдельная CMS для мобильного сайта. В этом случае придется завести две отдельные CMS, чтобы обновлять разные версии ваших сайтов. Это усложняет движение контента между двумя сайтами, однако само решение простое и ясное.
– Единая CMS для разных версий сайта. Позволяет управлять контентом разных сайтов при помощи одной CMS, даже если есть отдельный сайт, оптимизированный под мобильные устройства. Это решение позволяет редактировать контент и «предназначать» для конкретной версии сайта – сложность в том, что CMS должна быть специально разработанной.
Отзывчивый дизайн, который иногда называют адаптивным (хотя это разные вещи, о чем мы поговорим позже), – разработка такого сайта, который хорошо отображается на любом мобильном устройстве. Этот сайт везде будет выглядеть по-разному- и при этом наилучшим образом отвечать конкретным условиям.
Такой подход реализуется путем комбинирования таких интернет-технологий, как каскадные таблицы стилей (CSS)[10] и JavaScript. На основе данных технологий браузер оценивает такие параметры, как устройство, на котором работает посетитель сайта, или ширина и высота дисплея, и в зависимости от этого выбирает отображение страницы. На рисунке 8.1 показан сайт Target Internet. Посмотрите, как можно эффективно использовать отзывчивый дизайн. Слева у нас полная версия, справа – тот же сайт с сокращенным окном браузера. Видите – здесь не просто сузили размеры, но и адаптировали под них функционал.
Термины «отзывчивый дизайн» и «адаптивный дизайн» часто считают взаимозаменяемыми, хотя это разные вещи.
Отзывчивый дизайн предназначен для настройки в самом браузере, то есть страница отправляется в браузер, а он уже выполняет работу по отображению ее корректных элементов. Это называется «клиентская технология», где клиентом выступает браузер.
Адаптивный дизайн предназначен для настройки через веб-сервер, который идентифицирует тип используемого устройства и отображает соответствующую версию сайта. Это называется «серверная технология».
Преимущество
10
CSS (