- Руководство пользователя Dreamweaver
- Введение
- Dreamweaver и Creative Cloud
- Рабочие среды и представления Dreamweaver
- Настройка сайтов
- О сайтах Dreamweaver
- Настройка локальной версии сайта
- Подключение к серверу публикации
- Настройка тестового сервера
- Импорт и экспорт параметров сайта Dreamweaver
- Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
- Специальные возможности в Dreamweaver
- Дополнительные настройки
- Настройка установок сайта для передачи файлов
- Задание параметров прокси-сервера в Dreamweaver
- Синхронизация настроек Dreamweaver с Creative Cloud
- Использование Git в Dreamweaver
- Управление файлами
- Создание и открытие файлов
- Управление файлами и папками
- Получение файлов с сервера и размещение их на нем
- Возврат и извлечение файлов
- Синхронизация файлов
- Сравнение файлов
- Скрытие файлов и папок на сайте Dreamweaver
- Включение заметок разработчика для сайтов Dreamweaver
- Предотвращение использования уязвимости Gatekeeper
- Макет и оформление
- Использование средств визуализации для создания макета
- Об использовании CSS для создания макета страницы
- Создание динамичных веб-сайтов с помощью Bootstrap
- Создание и использование медиазапросов в Dreamweaver
- Представление содержимого в таблицах
- Цвета
- Гибкий дизайн с использованием «резиновых» макетов
- Extract в Dreamweaver
- CSS
- Общие сведения о каскадных таблицах стилей
- Создание макетов страниц с помощью конструктора CSS
- Использование препроцессоров CSS в Dreamweaver
- Установка настроек стиля CSS в Dreamweaver
- Перемещение правил CSS в Dreamweaver
- Преобразование встроенного CSS в правило CSS в Dreamweaver
- Работа с тегами div
- Применение градиентов к фону
- Создание и редактирование эффектов перехода CSS3 в Dreamweaver
- Форматирование кода
- Содержимое страницы и ресурсы
- Задание свойств страницы
- Задание свойств заголовка CSS и свойств ссылки CSS
- Работа с текстом
- Поиск и замена текста, тегов и атрибутов
- Панель DOM
- Редактирование в режиме интерактивного просмотра
- Кодировка документов в Dreamweaver
- Выбор и просмотр элементов в окне документа
- Задание свойств текста в инспекторе свойств
- Проверка орфографии на веб-странице
- Использование горизонтальных линеек в Dreamweaver
- Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
- Работа с ресурсами
- Вставка и обновление даты в Dreamweaver
- Создание и управление избранными ресурсами в Dreamweaver
- Вставка и редактирование изображений в Dreamweaver
- Добавление мультимедийных объектов
- Добавление видео Dreamweaver
- Добавление видео HTML5
- Вставка файлов SWF
- Добавление звуковых эффектов
- Добавление аудио HTML5 в Dreamweaver
- Работа с элементами библиотеки
- Использование текста на арабском языке и иврите в Dreamweaver
- Создание ссылок и навигация
- Графические элементы и эффекты jQuery
- Написание кода веб-сайтов
- О программировании в Dreamweaver
- Среда написания кода в Dreamweaver
- Настройка параметров написания кода
- Настройка цветового оформления кода
- Написание и редактирование кода
- Подсказки по коду и автозавершение кода
- Свертывание и развертывание кода
- Повторное использование фрагментов кода
- Анализ Linting для проверки кода
- Оптимизация кода
- Редактирование кода в представлении «Дизайн»
- Работа с содержимым заголовков для страниц
- Вставка серверных включений в Dreamweaver
- Использование библиотек тегов в Dreamweaver
- Импорт пользовательских тегов в Dreamweaver
- Использование вариантов поведения JavaScript (общие инструкции)
- Применение встроенных вариантов поведения JavaScript
- Сведения об XML и XSLT
- Выполнение XSL-преобразования на стороне сервера в Dreamweaver
- Выполнение XSL-преобразования на стороне клиента в Dreamweaver
- Добавление символьных сущностей для XSLT в Dreamweaver
- Форматирование кода
- Процессы взаимодействия продуктов
- Установка и использование расширений в Dreamweaver
- Обновления в Dreamweaver, устанавливаемые через приложение
- Вставить документы Microsoft Office в Dreamweaver (только для Windows)
- Работа с Fireworks и Dreamweaver
- Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
- Интеграция Dreamweaver с Business Catalyst
- Создание персонализированных кампаний почтовой рассылки
- Шаблоны
- О шаблонах Dreamweaver
- Распознавание шаблонов и документов на их основе
- Создание шаблона Dreamweaver
- Создание редактируемых областей в шаблонах
- Создание повторяющихся областей и таблиц в Dreamweaver
- Использование дополнительных областей в шаблонах
- Определение редактируемых атрибутов тега в Dreamweaver
- Создание вложенных шаблонов в Dreamweaver
- Редактирование, обновление и удаление шаблонов
- Экспорт и импорт XML-содержимого в Dreamweaver
- Применение или удаление шаблона из существующего документа
- Редактирование содержимого в шаблонах Dreamweaver
- Правила синтаксиса для тегов шаблона в Dreamweaver
- Настройка предпочтений выделения для областей шаблона
- Преимущества использования шаблонов в Dreamweaver
- Мобильные и многоэкранные устройства
- Динамические сайты, страницы и веб-формы
- Общие сведения о веб-приложениях
- Настройка компьютера для разработки приложений
- Устранение неполадок подключений к базам данных
- Удаление сценариев подключения в Dreamweaver
- Дизайн динамических страниц
- Обзор динамических источников содержимого
- Определение источников динамического содержимого
- Добавление динамического содержимого на страницы
- Изменение динамического содержимого в Dreamweaver
- Отображение записей баз данных
- Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
- Добавление заказных вариантов поведения сервера в Dreamweaver
- Создание форм с помощью Dreamweaver
- Использование форм для сбора информации от пользователей
- Создание и включение форм ColdFusion в Dreamweaver
- Создание веб-форм
- Расширенная поддержка HTML5 для компонентов формы
- Разработка формы с помощью Dreamweaver
- Визуальное построение приложений
- Создание главной страницы и страницы сведений в Dreamweaver
- Создание страниц поиска и результатов поиска
- Создание страницы для вставки записи
- Создание страницы обновления записи в Dreamweaver
- Создание страниц удаления записей в Dreamweaver
- Применение ASP-команд для изменения базы данных в Dreamweaver
- Создание страницы регистрации
- Создание страницы входа
- Создание страницы с доступом только для авторизованных пользователей
- Защита папок в ColdFusion с помощью Dreamweaver
- Использование компонентов ColdFusion в Dreamweaver
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
Пользовательский интерфейс в Dreamweaver и более поздних версиях стал проще. В результате этого некоторые функции, описанные в этой статье, могут отсутствовать в Dreamweaver и более поздних версиях. Дополнительные сведения см. в этой статье.
О страницах поиска и результатов поиска
Dreamweaver можно использовать для создания набора страниц, чтобы пользователи могли выполнять поиск в вашей базе данных и просматривать результаты поиска.
В большинстве случаев для добавления этой функций в веб-приложение требуется не менее двух страниц. Первая страница содержит HTML-форму, в которую пользователи вводят параметры поиска. Хотя на этой странице поиск фактически не выполняется, ее называют страницей поиска.
Вторая страница — это страница результатов, выполняющая большую часть работы. Страница результатов выполняет следующие задачи:
считывание параметров поиска, отправленных страницей поиска;
подключение к базе данных и поиск записей;
создание набора записей с найденной записью;
отображение содержимого набора записей.
Дополнительно можно добавить страницу сведений. Страница сведений содержит дополнительную информацию о записи на странице результатов.
При наличии только одного параметра поиска Dreamweaver позволяет добавлять функции поиска в веб-приложение, не используя запросы SQL и переменные. Просто разработайте свои страницы и заполните данные в нескольких диалоговых окнах. Если имеется несколько параметров поиска, необходимо создать SQL-оператор и определить для него несколько переменных.
Dreamweaver вставляет запрос SQL на вашу страницу. Когда страница выполняется на сервере, проверяются все записи в таблице базы данных. Если указанное в записи поле соответствует условиям SQL-запроса, запись включается в набор записей. SQL-запрос, в сущности, создает набор записей, содержащий только результаты поиска.
Например, персонал сбыта на местах может получить информацию о заказчиках с доходом выше определенного уровня, проживающих в определенных районах. В форме на странице поиска сотрудник задает географическую область и минимальный уровень дохода, затем нажимает кнопку «Отправить» для передачи на сервер двух значений. На сервере значения передаются в SQL-оператор страницы результатов, который создает набор записей, содержащий только заказчиков в указанной географической области с доходом, превышающим заданный уровень.
Создание страницы поиска
Веб-страница поиска, как правило, содержит поля формы, в которые пользователи вводят параметры поиска. Страница поиска как минимум должна содержать HTML-форму и кнопку «Отправить».
Для добавления к странице поиска HTML-формы выполните следующие действия.
-
Откройте страницу поиска или создайте новую страницу и выберите меню «Вставка» > «Форма» > «Форма».
На странице создается пустая форма. Возможно, потребуется включить отображение невидимых элементов («Просмотр» > «Вспомогательные элементы» > «Невидимые элементы») для просмотра границ формы, представленных тонкой красной линией.
-
Выберите в меню «Вставка» пункт «Форма» и добавьте объекты формы, позволяющие пользователям вводить параметры поиска.
Объекты формы включают текстовые поля, меню, параметры и переключатели. Можно добавить сколько угодно объектов формы, позволяющих пользователям уточнить поиск. Но следует учесть, что, чем больше параметров поиска на странице поиска, тем сложнее должен быть SQL-оператор.
-
Добавьте к форме кнопку «Отправить» («Вставка» > «Форма» > «Кнопка»).
-
Для изменения метки кнопки «Отправить» выделите кнопку, откройте инспектор свойств («Окно» > «Свойства») и введите новое значение в поле «Значение» (необязательно).
Затем укажите, куда форма должна отправлять параметры поиска при нажатии пользователем кнопки «Отправить».
-
Выделите форму с помощью выбора тега <form> в селекторе тегов в нижней части окна документа, как это показано на следующем рисунке:
-
В поле «Действие» инспектора свойств формы введите имя файла страницы результатов, выполняющей поиск в базе данных.
-
Во всплывающем меню «Метод» выберите один из следующих методов для определения порядка отправки формой данных на сервер.
GET — отправка данных формы с помощью их присоединения к URL-адресу в строке запроса. Поскольку URL-адреса ограничены 8192 символами, не используйте метод GET с большими формами.
POST — отправка данных формы в теле сообщения.
Default — используется метод браузера по умолчанию (обычно GET).
Страница поиска создана.
Создание основной страницы результатов
Когда пользователь нажимает кнопку формы «Поиск», параметры поиска передаются на страницу результатов на сервере. Страница результатов на сервере (не путать со страницей результатов в браузере) выполняет извлечение записей из базы данных. Если страница поиска передает на сервер один параметр поиска, можно создать страницу результатов без SQL-запросов и переменных. Создайте основной набор записей с фильтром, исключающим записи, не удовлетворяющие параметру поиска, отправленному со страницы поиска.
При нескольких условиях поиска необходимо определить набор записей в расширенном диалоговом окне «Набор записей». См. раздел Создание расширенной страницы результатов .
Создание набора записей для результатов поиска
-
Откройте в окне документа страницу результатов.
Если страница результатов еще не создана, создайте пустую динамическую страницу («Файл» > «Создать» > «Пустая страница»).
-
Создайте набор записей. Для этого откройте панель «Привязки» («Окно» > «Привязки»), нажмите кнопку (+) и выберите во всплывающем меню «Набор записей».
-
Убедитесь, что открыто простое диалоговое окно «Набор записей».Примечание.
Если открыто расширенное диалоговое окно, переключитесь на простое окно, нажав кнопку «Простой».
-
Задайте имя набора записей и выберите подключение.
Необходимо выполнить подключение к базе данных, содержащей данные для поиска.
-
Во всплывающем меню «Таблица» выберите таблицу для поиска в базе данных.Примечание.
При использовании одного параметра поиска можно выполнить поиск записей только в одной таблице. Для одновременного поиска в нескольких таблицах необходимо в расширенном диалоговом окне «Набор записей» задать SQL-запрос.
-
Для включения в набор записей только некоторых столбцов таблицы нажмите «Выбрано» и выберите в списке нужные столбцы, удерживая нажатой клавишу Control (Windows) или Command (Macintosh).
Необходимо выбрать только столбцы с информацией, которую требуется отобразить на странице результатов.
Не закрывайте диалоговое окно «Набор записей». Оно будет использоваться для извлечения параметров, отправленных страницей поиска, и для создания фильтра набора записей, исключающего записи, не удовлетворяющие параметрам поиска.
Создание фильтра набора записей
-
В первом всплывающем меню в области «Фильтр» выберите столбец в таблице базы данных, в котором выполняется поиск соответствия.
Например, если значение, отправленное страницей поиска, представляет собой название города, выберите столбец в таблице с именами городов.
-
Во всплывающем меню, расположенном под первым меню, выберите знак равенства (он уже должен быть выбран).
-
В третьем всплывающем меню выберите пункт «Переменная формы», если в форме на странице поиска применяется метод POST, или «Параметр URL-адреса» для метода GET.
Для передачи информации в страницу результатов на странице поиска служит переменная формы или параметр URL-адреса.
-
В четвертом поле введите имя объекта формы, в который вводится параметр поиска на странице поиска.
Имя объекта служит в качестве имени переменной формы или параметра URL-адреса. Чтобы получить имя, переключитесь на страницу поиска, выделите объект формы и просмотрите имя объекта в инспекторе свойств.
Например, предположим, требуется создать набор записей, включающий только командировки в определенную страну. Предположим, в таблице имеется столбец с именем TRIPLOCATION. Также предположим, что в HTML-форме на странице поиска используется метод GET и что форма содержит объект меню с именем «Местоположение» со списком стран. В следующем примере показано, как должен выглядеть раздел «Фильтр».
-
Нажмите кнопку «Тест», введите тестовое значение и нажмите «ОК» для подключения к базе данных и создания экземпляра набора записей (необязательно).
Тестовое значение моделирует значение, возвращаемое страницей поиска. Нажмите кнопку «ОК», чтобы закрыть тестовый набор записей.
-
Если с набором данных все в порядке, нажмите кнопку «ОК».
К странице добавляется серверный сценарий, проверяющий во время выполнения все записи в таблице базы данных. Если указанное в записи поле соответствует условиям SQL-запроса, запись включается в набор записей. Сценарий создает набор записей, содержащий только результаты поиска.
Следующий шаг — отображение набора записей на странице результатов. Более подробную информацию см. в разделе Отображение результатов поиска.
Создание расширенной страницы результатов
Если страница поиска отправляет на сервер несколько параметров поиска, для страницы результатов необходимо создать SQL-запрос и использовать параметры поиска в SQL-переменных.
Для одного условия поиска определить набор данных можно в простом диалоговом окне «Набор записей». См. раздел Создание основной страницы результатов.
-
Откройте страницу результатов в Dreamweaver, а затем на панели «Привязки» («Окно» > «Привязки») нажмите кнопку «плюс» (+) и выберите во всплывающем меню «Набор записей», чтобы создать набор записей.
-
Убедитесь, что открыто расширенное диалоговое окно «Набор записей».
В расширенном диалоговом окне имеется текстовая область для ввода SQL-оператора. Если открыто простое диалоговое окно, переключитесь на расширенное окно, нажав кнопку «Дополнительно».
-
Задайте имя набора записей и выберите подключение.
Необходимо выполнить подключение к базе данных, содержащей данные для поиска.
-
Введите оператор Select в текстовой области SQL.
Убедитесь, что оператор включает оператор WHERE с переменными для параметров поиска. В следующем примере переменные называются varLastName и varDept.
SELECT EMPLOYEEID, FIRSTNAME, LASTNAME, DEPARTMENT, EXTENSION FROM EMPLOYEE ¬ WHERE LASTNAME LIKE 'varLastName' ¬ AND DEPARTMENT LIKE 'varDept'
Для сокращения объема ввода можно использовать дерево элементов базы данных в нижней части расширенного диалогового окна «Набор записей». Инструкции см. в разделе Определение дополнительного набора записей с помощью создания SQL.
Справку по синтаксису SQL см. в руководстве по SQL для начинающих: www.adobe.com/go/learn_dw_sqlprimer_ru.
-
Задайте для SQL-переменных значения параметров поиска. Для этого нажмите кнопку (+) в области «Переменные» и введите имя переменной, значение по умолчанию (значение переменной, которое используется, если не предоставлено значение во время выполнения) и динамическое значение (как правило, объект сервера содержит значение, отправленное браузером, например переменную запроса).
В следующем примере ASP в HTML-форме на странице поиска применен метод GET, форма содержит текстовые поля с именами LastName и Department.
В ColdFusion динамические значения должны выглядеть следующим образом: #LastName# и #Department#. Предположим, в PHP заданы значения этапа выполнения $_REQUEST[«LastName»] и $_REQUEST[«Department»].
-
Нажмите кнопку «Тест» для создания экземпляра набора записей с использованием значений переменных по умолчанию (необязательно).
Значения по умолчанию моделируют значения, возвращаемые страницей поиска. Нажмите кнопку «ОК», чтобы закрыть тестовый набор записей.
-
Если с набором данных все в порядке, нажмите кнопку «ОК».
SQL-запрос добавлен к странице.
Следующий шаг — отображение набора записей на странице результатов.
Отображение результатов поиска
После создания набора записей для результатов поиска необходимо отобразить информацию на странице результатов. Отображение записей можно выполнить с помощью простого перетаскивания на страницу результатов отдельных столбцов из панели «Привязки». Можно добавить навигационные ссылки для перемещения по набору записей или создать повторяющуюся область для отображения нескольких записей на странице. Также можно добавить ссылки на страницу сведений.
Более подробную информацию о способах отображения динамического содержимого на странице, отличного от представления результатов в динамической таблице, см. в разделе Отображение записей баз данных.
-
Поместите курсор вставки для вставки динамической таблицы на странице результатов и выберите меню «Вставка» > «Объекты данных» > «Динамические данные» > «Динамическая таблица».
-
Задайте все параметры в диалоговом окне «Динамическая таблица» и выберите набор данных, предназначенный для результатов поиска.
-
Нажмите кнопку «ОК». В страницу результатов вставляется динамическая таблица, представляющая результаты поиска.
Создание страницы сведений для страницы результатов
Набор страниц поиска и результатов может включать страницу сведений, предназначенную для отображения дополнительной информации о записях на странице результатов. В таком случае страница результатов также служит в качестве основной страницы в наборе основная страница-страница сведений.
Создание ссылки для открытия связанной страницы (ASP)
Можно создать ссылку, открывающую связанную страницу и передающую в эту страницу существующие параметры. Поведение сервера доступно только при использовании серверной модели ASP.
Перед добавлением к странице поведения сервера «Переход к связанной странице» убедитесь, что страница получает параметры формы или URL-адреса с другой страницы. Функция поведения сервера заключается в передаче этих параметров третьей странице. Например, можно передать параметры поиска, полученные страницей результатов, в другую страницу, освобождая тем самым пользователей от повторного ввода параметров поиска.
Можно также выбрать на странице текст или изображение, которое будет использоваться в качестве ссылки на связанную страницу, или установить курсор на странице без выбора элементов и вставить текст ссылки.
-
В поле «Переход к связанной странице» нажмите кнопку «Обзор» и выберите файл связанной страницы.
Если текущая страница отправляет данные самой себе, введите имя файла текущей страницы.
-
Если параметры для передачи получены непосредственно из HTML-формы при помощи метода GET или содержатся в URL-адресе странице, выберите параметр «Параметры URL-адреса».
-
Если параметры для передачи получены непосредственно из HTML-формы при помощи метода POST, выберите параметр «Параметры формы».
-
Нажмите кнопку «ОК».
При выборе новой ссылки страница передает параметры в связанную страницу в строке запроса.