Руководство пользователя Отмена

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

 

 

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

Примечание.

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

Необходимые условия для создания динамических веб-сайтов

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

Примечание.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Получайте помощь быстрее и проще

Новый пользователь?