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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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