В Адаптивном веб-дизайне, независимо от уровня сложности создаваемого сайта, важнейшим условием является наличие хорошей стратегии управления контентом, и не только его типом, но и тем, в каком виде он будет представлен:
| ▪ | Какой контент должен быть помещен на Страницу? |
| ▪ | Должен ли быть контент одинаковым как для мобильного, так и для настольного устройства? |
| ▪ | В противном случае, какой контент должен быть удален для мобильного устройства? |
| ▪ | В каком порядке необходимо размещать контент? |
Хорошей практикой является составление списка всего контента, который должен располагаться на странице и упорядочить его, от самого важного к менее важному: таким образом, будет легче идентифицировать необходимый контент, то есть тот, который должен оставаться всегда, и дополнительный контент, который может быть спрятан, когда, при более низком разрешении, необходимо показать только необходимый контент. Естественно, эта процедура упорядочивания должна выполняться на каждой Странице сайта.
Для большего понимания можно привести классический пример сайта ресторана. Когда сайт отображается на рабочем столе, можно предоставить много изображений и анимации, демонстрирующих различные блюда меню дя того, чтобы заинтересовать и увлечь пользователя. Однако, когда этот же сайт отображается на мобильном устройстве, можно предположить, что пользователь будет более заинтересован в чтении отзывов или в поиске контактной информации, чем в разглядывании изображений крупных размеров. Таким образом, необходимо пожертвовать изображениями для того, чтобы удовлетворить требования пользователя, который использует устройство с меньшими возможностями (маленький экран, недостаточная широкополосная связь и т.д.)
В WebSite X5, после создания Страницы в таком виде, как она будет выглядеть на рабочем столе (смотреть, Как настроить страницу через Модульную Сетку), можно настроить какие изменения будут происходить в зависимости от различных активированных точек останова. В частности, необходимо следовать процедуре:
| ▪ | При Шаге 4 - Страницы создать Страницу, перетащив в Модульную Сетку необходимые Объекты и внести разные контенты. Созданная таким образом Страница будет отображаться для разрешений выше точки останова Рабочий стол. |
| ▪ | По заверешении создания страницы, щелкните по кнопке  Адаптивный, чтобы вызвать окно Легко адаптируемые настройки. В этом окне находится Адаптивная строка, предлагающая все отображения, определенные точками останова, активированными для сайта (через окно Разрешения и Адаптивный Дизайн). Необходимо следовать по порядку, начиная с выделения на Адаптивной строке отображения Рабочий стол, и продолжая выделять все остальные дойдя до отображения Смартфон. |
| ▪ | Если выбрано Отображение Рабочий стол, в списке будет вновь предложена конфигурация, заданная в окне Создание Страниц. Щелкните по кнопке  Заказать для активации режима, в котором можно приступить к упорядочиванию объектов, вставленных в список. Для каждого объекта, вставленного в Сетку, показывается номер, присвоенный в зависимости от упорядочивания, выполняемого программой автоматически. |
| ▪ | Изменить упорядочивание Объектов в зависимости от важности различных контентов и от того, как они должны располагаться на Странице. Упорядочивание может быть выполнено следующими способами: |
| • | Настраивая Заказать | Упорядочить все Объекты сначала, начать, щелкнув по Объекту, который следует разместить первым, а затем щелкать по порядку по всем другим Объектам. |
| • | Настраивая Заказать | Выполнить упорядочивание с Объекта, щелкните по Объекту, с которого следует начинать упорядочивание. Все предыдущие Объекты будут подтверждены, а по всем последующим Объектам следует щелкать, чтобы определить их положение по порядку. |
Процедура по упорядочиванию завершается:
| • | Когда выполнен щелчок по последнему Объекту на странице. |
| • | Щелкнув по Заказать | Полное упорядочивание— завершается процедура с подтверждением текущего порядка. |
| • | Щелкнув по Заказать | Аннулировать упорядочивание— завершается процедура и удаляются выполненные изменения и восстанавливается первоначальное упорядочивание. |
WebSite X5 дает указания в процедуре упорядочивания: при выборе Объекта красной кромкой обрамляются все Объекты, по которым можно щелкать, для того, чтобы установить тот, который должен за ним следовать. Порядок, настроенный для Отображения Рабочий стол останется неизменным также и для всех других Отображений.
| ▪ | Щелкнуть по кнопке  Показать/Спрятать Объект длязапуска режима настройки невидимых Оъектов. Щелкнуть по Объектам, которые при разрешениях ниже текущего разрешения, больше не должны отображаться. Щелкнуть второй раз по кнопке Показать/Спрятать Объект для подтверждения и выйти из этого режима. |
| ▪ |  Щелкнуть по кнопке  для активации режима выравнивания Объектов, таким образом, чтобы некоторые из них ушли на новую строку при разрешениях ниже разрешения Рабочий стол (текущее выбранное). Во всех точках, в которых можно вставить Разрыв Строки, появляется серый штрих: выполняя щелчок по штриху, можно настроить желаемый Разрыв строки. Щелкнуть второй раз по кнопке Разрыв строки для подтверждения и выхода из этого режима. |
| ▪ | Работая в версии Pro можно настроить до 10 точек останова. Если они присутствуют в промежуточных отображениях, использовать Адаптивную строку, чтобы выбрать отображение, следующее за отображением Рабочий стол. Сетка обновляется в зависимости от настроек отображения Рабочий стол: в этой новой конфигурации можно настраивать, елси необходимо, другие невидимые объекты и вносить разрывы строки. Повторить эту процедуру для всех последующих отображений. |
| ▪ | По достижении Отображения Смартфон, не следует предпринимть более каких-либо действий, поскольку все Объекты, оставшиеся видимыми, будут отображены в линеаризованном виде, то есть размещены один под другим в зависимости от первоначально заданного порядка. |
Как вытекает из вышеизложенного, Сетке показывает структуру, которую принимает Страница в интервале между разрешениями, установленном выбранным Отображением. Все внесенные изменения отпределят структуру, которую будет иметь Страница в интервале разрешений, ассоциированном со следующим Отображением.
|
При создании новой Страницы сайта, который должен стать Адаптируемым, желательно сделать так, чтобы в Модульной Сетке отсутствовали пустые Ячейки. И, действительно, программа рассматривает пустые Ячейки как Объекты (пустые) и присваивает каждой из них определенную позицию в порядке: эти позиции не могут быть изменены, но они влияют на возможность упорядочивания действительных Объектов. Для обеспечения большей свободы в упорядочивании Объектов желательно избегать пустых Ячеек, вставляя пустые Объекты: если они вставлены вручную, они не повлияют на компоновку Страницы и могут быть упорядочены вручную.
|
|
