Дизайн динамических страниц

Разработка страницы.

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

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

Создание источника динамического контента.

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

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

• Укажите, какие сведения из базы данных следует отображать или какие переменные нужно включить на странице, создав набор записей. Также можно протестировать запрос в диалоговом окне «Набор записей» и внести все необходимые изменения, прежде чем добавлять его на панель «Привязки».

• Выберите элементы динамического контента и вставьте их в выбранную страницу.

Добавление динамического контента к веб-странице.

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

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

• Поместите его в то место, где находится курсор вставки в представлении «Код» или «Дизайн».

• Замените текстовую строку или другой местозаполнитель.

  Вставьте его в HTML-атрибут. Например, динамический контент может определять атрибут src изображения или атрибут value поля формы.

Добавление вариантов поведения сервера на страницу.

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

Варианты поведения сервера Dreamweaver позволяют добавлять логику приложения на веб-сайт, избавляя от необходимости писать код самостоятельно. Варианты поведения сервера, входящие в комплект поставки Dreamweaver, поддерживают документы типа ColdFusion, ASP и PHP. Варианты поведения сервера обеспечивают гарантированно высокую скорость работы, безопасность и надежность. Встроенные варианты поведения сервера можно использовать с веб-страницами, созданными на разных платформах и для любых браузеров.

Интерфейс Dreamweaver типа «указать и щелкнуть» позволяет применять динамический контент и сложные варианты поведения к странице так же просто, как вставлять текстовые объекты и элементы дизайна. Доступны следующие варианты поведения сервера:

• Определение набора записей из существующей базы данных. Определенный набор записей затем сохраняется на панели «Привязки».

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

• Создание и вставка в страницу динамической таблицы и связывание таблицы с набором записей. Позже можно изменить вид таблицы и область повторения с помощью инспектора свойств и поведения сервера «Повторяющаяся область» соответственно.

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

• Создание элементов отображения состояния и навигации по записям, главных страниц и страниц сведений, а также форм для обновления информации в базе данных.

• Отображение на экране нескольких записей из базы данных.

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

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

Варианты поведения сервера Dreamweaver можно также расширить, написав собственные варианты поведения или установив варианты поведения, созданные сторонними производителями.

Тестирование и отладка страницы.

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