Мобильный маркетинг. Мобильные технологии – революция в маркетинге, коммуникациях и рекламе. Дэниел Роулс
Чтение книги онлайн.

Читать онлайн книгу Мобильный маркетинг. Мобильные технологии – революция в маркетинге, коммуникациях и рекламе - Дэниел Роулс страница 18

СКАЧАТЬ и статичный мобильный сайт на CMS. Это оптимизированный мобильный сайт, для редактирования которого нужен программист или ваши собственные знания по работе с кодом.

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

      – Единая CMS для разных версий сайта. Позволяет управлять контентом разных сайтов при помощи одной CMS, даже если есть отдельный сайт, оптимизированный под мобильные устройства. Это решение позволяет редактировать контент и «предназначать» для конкретной версии сайта – сложность в том, что CMS должна быть специально разработанной.

Отзывчивый дизайн

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

      Такой подход реализуется путем комбинирования таких интернет-технологий, как каскадные таблицы стилей (CSS)[10] и JavaScript. На основе данных технологий браузер оценивает такие параметры, как устройство, на котором работает посетитель сайта, или ширина и высота дисплея, и в зависимости от этого выбирает отображение страницы. На рисунке 8.1 показан сайт Target Internet. Посмотрите, как можно эффективно использовать отзывчивый дизайн. Слева у нас полная версия, справа – тот же сайт с сокращенным окном браузера. Видите – здесь не просто сузили размеры, но и адаптировали под них функционал.

Отзывчивый и адаптивный дизайн

      Термины «отзывчивый дизайн» и «адаптивный дизайн» часто считают взаимозаменяемыми, хотя это разные вещи.

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

      Адаптивный дизайн предназначен для настройки через веб-сервер, который идентифицирует тип используемого устройства и отображает соответствующую версию сайта. Это называется «серверная технология».

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

Гибридный подход

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

СКАЧАТЬ



<p>10</p>

CSS (англ. Cascading Style Sheets – каскадные таблицы стилей) – формальный язык описания внешнего вида документа, написанного с использованием языка разметки.