Браузер запрашивает с сервера страницу report.cfm. Запрос включает параметр URL-адреса Currency="euro". Переменная Currency="euro" указывает, что все получаемые денежные значения будут отображаться в валюте Евросоюза евро.
- Руководство пользователя 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 CC и более поздних версиях. Дополнительные сведения см. в этой статье.
О сборе данных от пользователей
Собрав данные от пользователя с помощью веб-форм и гипертекстовых ссылок, их можно сохранить в памяти сервера, а затем на их основе динамически сформировать ответ. Наиболее распространенными средствами сбора информации от пользователей являются HTML-формы и гипертекстовые ссылки.
HTML-формы
Позволяют получать информацию от пользователей и сохранять ее в памяти сервера. HTML-форма может отправлять информацию либо в виде параметров формы, либо в виде параметров URL-адреса.
Гипертекстовые ссылки
Позволяют получать информацию от пользователей и сохранять ее в памяти сервера. Передаваемые значения (например, параметры) задаются при переходе по ссылке: они записываются в конец URL-адреса, указанного в теге привязки. При переходе по ссылке браузер отправляет URL-адрес и присоединенное к нему значение на сервер.
Параметры HTML-форм
Параметры формы отправляются на сервер с помощью HTML с использованием метода POST или GET.
При использовании метода POST параметры отправляются на веб-сервер как часть заголовка документа. Они не видны и не доступны тем, кто просматривает страницу обычными методами. Метод POST предназначен для значений, затрагивающих содержимое базы данных (например, записи о вставке, обновлении или удалении ), либо для значений, отправляемых по электронной почте.
Метод GET присоединяет параметры к запрошенному URL-адресу. Параметры становятся видны всем, кто просматривает страницу. Метод GET предназначен для поисковых форм.
Dreamweaver позволяет быстро разрабатывать HTML-формы, отправляющие параметры форм на сервер. Следует учитывать метод, применяемый для передачи информации из браузера на сервер.
Параметрам форм присваиваются имена соответствующих объектов форм. Например, если форма содержит текстовое поле с именем txtLastName, то при нажатии кнопки «Отправить» на сервер отправляется следующий параметр формы.
txtLastName=enteredvalue
В тех случаях, когда веб-приложение ожидает какое-либо определенное значение параметра (например, при выполнении действия на основе выбранного значения из нескольких вариантов), то доступные для пользователя значения рекомендуется задавать с помощью переключателя, флажка или объекта формы «список/меню». Это предотвратит неправильный ввод информации пользователем, приводящий к ошибке приложения. В следующем примере показана всплывающая форма меню, в которой предложено на выбор три варианта.
Каждый вариант выбора соответствует жестко запрограммированному значению, которое отправляется на сервер как параметр формы. В диалоговом окне «Значения списка» следующего примера с каждым элементом списка сопоставляется значение команды («Добавить», «Обновить» или «Удалить»).
После создания параметра формы Dreamweaver сможет получить значение и использовать его в веб-приложении. После определения параметра формы в Dreamweaver можно вставить его значение на странице.
Параметры URL-адреса
Параметры URL-адреса позволяют передавать вводимую пользователем информацию из браузера на сервер. Когда сервер получает запрос, к URL-адресу которого добавлены параметры, сервер предоставляет запрошенной странице доступ к параметрам до того, как страница передается браузеру.
URL-параметр представляет собой пару имя-значение, добавляемую в конец URL-адреса. Параметр начинается с вопросительного знака (?) и принимает форму name=value. При наличии нескольких параметров URL-адреса каждый параметр отделяется амперсандом (&). В следующем примере показан параметр URL-адреса с двумя парами «имя-значение».
http://server/path/document?name1=value1&name2=value2
В данном примере приложение — это «витрина» интернет-магазина. Поскольку разработчики этого сайта стремятся обслужить как можно больше пользователей, сайт поддерживает иностранную валюту. После входа на сайт пользователи могут выбрать, в какой валюте просматривать цены доступных товаров.
-
-
Сервер временно хранит параметр URL-адреса в оперативной памяти.
-
Страница report.cfm использует этот параметр для получения цены товаров в евро. Эти денежные значения могут либо храниться в таблице базы данных в разных валютах, либо конвертироваться из одной валюты, связанной с каждым товаром (любой валюты, поддерживаемой приложением).
-
Сервер отправляет страницу report.cfm браузеру и отображает товары в требуемой валюте. Когда данный пользователь завершает сессию, сервер очищает значение этого параметра URL-адреса, освобождая память сервера для хранения запросов новых пользователей.
Параметры URL формируются также при использовании HTTP-метода GET в сочетании с HTML-формой. Метод GET указывает, что значение параметра будет присоединено к URL-адресу запроса при отправке формы.
Типичным применением параметров URL-адреса является личная настройка веб-сайтов на основе пользовательских установок. Например, параметр URL-адреса, состоящий из имени и пароля пользователя, может использоваться для аутентификации, при этом ему будет предоставлена только та информация, на которую он подписан. В качестве распространенного примера можно привести финансовые веб-сайты, отображающие отдельные биржевые цены на основе выбранных ранее пользователем символов фондовой биржи. Разработчики веб-приложений обычно используют параметры URL-адреса для передачи значений переменных внутри приложения. Например, сформировать результаты поиска можно путем передачи условий поиска в переменные SQL веб-приложения.
Создание параметров URL-адреса с помощью HTML-ссылок
Параметры URL-адреса в HTML-ссылке создаются с помощью атрибута href HTML-тега привязки. Можно либо напрямую ввести параметры URL в атрибут в представлении «Код» («Просмотр» > «Код»), либо присоединить параметры URL в конец URL-адреса ссылки в поле «Ссылка» на панели «Инспектор свойств».
В следующем примере три ссылки создают один параметр URL-адреса (action) с тремя возможными значениями (Add, Update и Delete). При переходе по ссылке значение параметра отправляется на сервер, где и выполняется требуемое действие.
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> <a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> <a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>
«Инспектор свойств» («Окно» > «Свойства») позволяет создавать такие же параметры URL путем выбора ссылки и присоединения значений URL-параметра в конец URL-адреса ссылки в поле «Ссылка».
После создания параметра URL-адреса Dreamweaver сможет получить значение и использовать его в веб-приложении. После определения параметра URL-адреса в Dreamweaver можно вставить его значение на странице.