- Руководство пользователя 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 и более поздних версиях. Дополнительные сведения см. в этой статье.
О страницах обновления записей
Приложение может содержать набор страниц, позволяющих пользователям обновлять записи в таблице базы данных. Обычно набор страниц включает страницу поиска, страницу результатов и страницу обновления. Страницы поиска и результатов позволяют пользователям извлекать записи, страница обновления — изменять записи.
Поиск записи для обновления
Если требуется обновить запись, прежде всего необходимо найти эту запись в базе данных. То есть для работы со страницей обновления требуются страницы поиска и результатов. Пользователь задает критерий поиска на странице поиска и выбирает запись на странице результатов. Когда пользователь щелкает запись на странице результатов, открывается страница обновления с записью в HTML-форме.
Создание ссылок на страницу обновления
После создания страниц поиска и результатов необходимо создать ссылки на странице результатов для открытия страницы обновления. Затем измените ссылки для передачи идентификаторов записей, выбранных пользователями. Идентификатор используется на странице обновления для поиска в базе данных и отображения запрошенной записи.
Для открытия страницы обновления и передачи идентификатора записи можно использовать тот же процесс, что и для открытия страницы сведений и передачи идентификатора записи. Дополнительные сведения см. в разделе Создание ссылок на страницу сведений.
Получение записи для обновления
После того как со страницы результатов странице обновления передан идентификатор записи, указывающий запись, которую необходимо обновить, последняя должна считать этот параметр, извлечь из таблицы базы данных запись и сохранить ее во временном наборе записей.
-
Создайте страницу в Dreamweaver и сохраните ее.
Эта страница станет страницей обновления.
-
На панели «Привязки» («Окно» > «Привязки») нажмите кнопку (+) и выберите «Набор записей».
Если открывается расширенное диалоговое окно, нажмите кнопку «Простой». В расширенном диалоговом окне имеется текстовая область для ввода SQL-оператора, в простом окне такой области нет.
-
Назовите набор записей и при помощи всплывающего меню «Подключение» и «Таблица» укажите, где расположены данные для обновления.
-
Щелкните «Выбрано» и выберите столбец ключа (как правило, столбец-идентификатор записи) и столбцы, содержащие данные для обновления.
-
Настройте параметры в области «Фильтр» так, чтобы значение в столбце ключа совпадало со значением соответствующего параметра URL-адреса, переданного страницей результатов.
Такой фильтр создает набор записей, содержащий только записи, указанные на странице результатов. Например, если столбец ключа состоит из идентификатора записи и называется PRID и если страница результатов передает в параметре URL-адреса с именем id соответствующий идентификатор записи, область «Фильтр» должна выглядеть примерно так, как показано в следующем примере.
-
Нажмите кнопку «ОК».
Когда пользователь выбирает запись на странице результатов, страница обновления создает набор записей, содержащий только выбранную запись.
Создание страницы обновления по блокам
В странице обновления имеется три блока:
- отфильтрованный набор записей для получения записи из таблицы базы данных;
- HTML-форма, позволяющая пользователям изменять данные записи;
- поведение сервера «Обновить запись» для обновления таблицы базы данных.
Последние два основных блока страницы обновления можно добавить по отдельности с помощью инструментов формы и панели «Поведение сервера».
Добавление на страницу обновления HTML-формы
-
Создайте страницу («Файл» > «Создать» > «Пустая страница»). Это будет страница обновления.
-
Создайте макет страницы с помощью инструментов дизайна Dreamweaver.
-
Для добавления HTML-формы установите курсор вставки и выберите меню «Вставка» > «Форма» > «Форма».
На странице создается пустая форма. Возможно, потребуется включить отображение невидимых элементов («Просмотр» > «Вспомогательные элементы» > «Невидимые элементы») для просмотра границ формы, представленных тонкой красной линией.
-
Назовите HTML-форму. Для этого щелкните тег <form> в нижней части окна документа для выбора формы, откройте инспектор свойств («Окно» > «Свойства») и введите имя в поле «Имя формы».
Задавать атрибут action или method с данными о том, куда и как отправлять данные записи при нажатии пользователем кнопки «Отправить», для формы не требуется. Эти атрибуты задаются поведением сервера «Обновить запись».
-
Добавьте объект формы, например текстовое поле («Вставка» > «Форма» > «Текстовое поле»), для каждого столбца в таблице базы данных, который требуется обновить.
Объекты формы предназначены для ввода данных. Обычно для ввода данных применяются текстовые поля, но можно также использовать меню, параметры и переключатели.
У каждого объекта формы должен иметься соответствующий столбец в определенном ранее наборе записей. Единственным исключением является столбец уникального ключа, не имеющий соответствующего объекта формы.
-
Добавьте к форме кнопку «Отправить» («Вставка» > «Форма» > «Кнопка»).
Для изменения надписи кнопки «Отправить» выделите кнопку, откройте инспектор свойств («Окно» > «Свойства») и введите новое значение в поле «Метка».
Отображение записи в форме
-
Убедитесь, что для записи, которую требуется обновить, определен набор записей.
См. раздел Получение записи для обновления.
-
Свяжите объекты формы с данными в наборе записей, порядок связывания описан в следующих разделах.
Добавление поведения сервера для обновления таблицы базы данных
-
На панели «Поведение сервера» («Окно» > «Поведение сервера») нажмите кнопку (+) и выберите во всплывающем меню пункт «Обновить запись».
Открывается диалоговое окно «Обновить запись».
-
Во всплывающем меню «Отправить значения из» выберите форму.
-
Во всплывающем меню «Источник данных» или «Подключение» выберите подключение к базе данных.
-
Введите, если требуется, имя пользователя и пароль.
-
Во всплывающем меню «Обновить таблицу» выберите таблицу базы данных, содержащую запись, которую требуется обновить.
-
(ColdFusion, PHP) Задайте столбец базы данных для обновления, выберите во всплывающем меню «Значение» объект формы, обновляющий столбец, во всплывающем меню «Отправить как» выберите тип данных для объекта формы и выберите параметр «Первичный ключ» для идентификации этого столбца в качестве первичного ключа.
Тип данных соответствует данным столбца в таблице базы данных (текстовые, числовые, логические значения).
Повторите данную процедуру для всех объектов в форме.
-
(ASP) Во всплывающем меню «Выбрать запись из» задайте набор записей, содержащий запись, отображаемую в HTML-форме. Во всплывающем меню «Столбец уникального ключа» выберите столбец ключа (как правило, столбец идентификатора записи) для определения записи в таблице базы данных. Выберите параметр «Число», если значение представляет собой число. В столбце ключа, как правило, допускаются только числовые значения, хотя иногда допускаются и текстовые значения.
-
В поле «После обновления перейти к» или «В случае успешного завершения перейти к» укажите страницу, которая открывается после обновления записи в таблице, или нажмите кнопку «Обзор» и выберите нужный файл.
-
(ASP) Задайте столбец базы данных для обновления, во всплывающем меню «Значение» выберите объект формы, обновляющий запись, затем во всплывающем меню «Отправить как» выберите тип данных для объекта формы. Тип данных соответствует данным столбца в таблице базы данных (текстовые, числовые, логические значения). Повторите данную процедуру для всех объектов в форме.
-
Нажмите кнопку «ОК».
Dreamweaver добавляет к странице поведение сервера, позволяющее пользователям обновлять записи в таблице базы данных после изменения информации в HTML-форме и нажатия кнопки «Отправить».
Для изменения поведения сервера откройте панель «Поведение сервера» («Окно» > «Поведение сервера») и дважды щелкните поведение «Обновить запись».
Заполнение страницы обновления за одно действие
В странице обновления имеется три блока:
отфильтрованный набор записей для получения записи из таблицы базы данных;
HTML-форма, позволяющая пользователям изменять данные записи;
поведение сервера «Обновить запись» для обновления таблицы базы данных.
Последние два основных блока страницы обновления можно добавить за одну операцию при помощи объекта данных «Форма обновления записи». Объект данных добавляет на страницу HTML-форму и поведение сервера «Обновить запись».
Перед использованием объекта данных веб-приложение должно определить запись для обновления, а страница обновления должна получить эту запись.
После размещения объектов данных блоком на странице можно настроить форму с помощью инструментов дизайна Dreamweaver или изменить поведение сервера «Обновить запись» на панели «Поведение сервера».
Одновременно страница обновления может содержать только одно поведение сервера для редактирования записей. Например, к странице обновления невозможно добавить поведение сервера «Вставить запись» или «Удалить запись».
-
Откройте страницу в представлении «Дизайн» и выберите меню «Вставка» > «Объекты данных» > «Обновить запись» > «Мастер форм обновления записей».
Открывается диалоговое окно «Форма обновления записи».
-
Во всплывающем меню «Подключение» выберите подключение к базе данных.
Для определения подключения нажмите кнопку «Определить».
-
Во всплывающем меню «Таблица для обновления» выберите таблицу базы данных, содержащей запись для обновления.
-
Во всплывающем меню «Выбрать запись из» задайте набор записи, содержащий запись, отображаемую в HTML-форме.
-
Во всплывающем меню «Столбец уникального ключа» выберите столбец ключа (как правило, столбец идентификатора записи) для определения записи в таблице базы данных.
Если значение представляет собой число, выберите параметр «Число». В столбце ключа, как правило, допускаются только числовые значения, хотя иногда допускаются и текстовые значения.
-
В поле «После обновления перейти к» укажите страницу, которая должна открыться после обновления записи в таблице.
-
В поле «Поля формы» укажите столбцы в таблице базы данных, обновляемые каждым объектом формы.
По умолчанию Dreamweaver создает объект формы для каждого столбца в таблице базы данных. Если база данных автоматически создает для каждой новой записи идентификаторы уникального ключа, удалите объект формы, соответствующий ключевому столбцу. Для этого выберите объект и нажмите кнопку (–). При этом исключается риск ввода пользователем уже существующего идентификатора.
Можно также изменить порядок объектов HTML-формы. Для этого выберите объект формы в списке и используйте кнопки со стрелками вверх и вниз, расположенные с правой стороны диалогового окна.
-
Задайте порядок отображения в HTML-форме всех полей ввода данных. Для этого щелкните строку в таблице «Поля формы» и введите в поля ниже таблицы следующие данные.
В поле «Метка» введите понятную надпись, которая будет отображаться рядом с полем ввода данных. По умолчанию Dreamweaver отображает в метке имя столбца таблицы.
Во всплывающем меню «Выводить как» выберите объект формы, служащий в качестве поля ввода данных. Можно выбрать «Текстовое поле», «Текстовая область», «Меню», «Флажок», «Группа параметров» и «Текст». Для элементов только для чтения выберите «Текст». Можно также выбрать «Поле пароля», «Поле файла» и «Скрытое поле».
Примечание.Скрытые поля добавляются в конец формы.
- Во всплывающем меню «Отправить как» выберите формат данных, соответствующий таблице базы данных. Например, если столбец таблицы предназначен для числовых данных, выберите «Число».
- Задайте свойства объекта формы. Параметры различаются в зависимости от объекта формы, выбранного в качестве поля ввода данных. Для текстовых полей, областей и текста можно задать начальное значение. Для меню и групп переключателей открывается диалоговое окно задания свойств. Для параметров выберите пункт «Установлен» или «Снят».
-
Задайте свойства других объектов формы. Для этого выберите другую строку «Поля формы» и введите метку, укажите значения для параметров «Показать как» и «Отправить как».
Для меню и групп переключателей открывается диалоговое окно задания свойств. Для параметров определите сравнение между значением текущей записи для состояния параметра и предоставленным значением с целью определения состояния параметра при отображении записи.
-
Нажмите кнопку «ОК».
Dreamweaver добавляет к странице HTML-форму и поведение сервера «Обновить запись».
Объект данных добавляет на страницу HTML-форму и поведение сервера «Обновить запись». Объекты формы размещаются в основной таблице, настроить которую можно с помощью инструментов дизайна Dreamweaver. (Убедитесь, что все объекты формы находятся в пределах границы формы.)
Для изменения поведения сервера откройте панель «Поведение сервера» («Окно» > «Поведение сервера») и дважды щелкните поведение «Обновить запись».
Параметры «Свойства элемента формы»
Диалоговое окно «Свойства элемента формы» предназначено для задания параметров элементов формы на страницах, позволяющих пользователям обновлять записи в базе данных.
-
Выберите «Вручную» или «Из базы данных» в зависимости от того, как планируется создавать элемент формы.
-
Для добавления элемента нажмите кнопку (+).
-
Введите метку и значение элемента.
-
Если при открытии страницы в браузере или при отображении записи в форме требуется выделить определенный элемент, в поле «Выбрать значение, равное» введите значение, равное значению элемента.
Можно ввести статическое значение или задать динамическое значение. Для этого щелкните значок молнии и выберите динамическое значение из списка источников данных. В любом случае заданное значение должно соответствовать одному из значений элементов.