Скачать книгу

оптимизацию. Но есть и обратная сторона – вам придется управлять множеством сайтов, что не обходится без проблем.

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

      Использовать CMS для управления мобильными сайтами можно по-разному:

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

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

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

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

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

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

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

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

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

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

      Преимущество

Скачать книгу


<p>10</p>

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