Дэвид Пауэрс
Последнее обновление
21 мая 2021 г.
- Руководство пользователя 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
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
В рамках постоянной поддержки HTML5 в Dreamweaver для некоторых элементов формы были введены новые атрибуты. Кроме того, появились четыре новых элемента формы HTML5.
Элементы формы можно найти на панели «Вставка». Выберите «Окно» > «Вставка». В меню панели «Вставка» выберите «Формы».
Откорректированный технологический процесс работы с формами в Dreamweaver
Откорректированный технологический процесс работы с формами в новой версии Dreamweaver 12.1.
Новые атрибуты, общие для элементов формы
Следующие новые атрибуты являются общими для всех элементов формы:
- Disabled: при выборе этого параметра браузер отключает элемент.
- Required: при выборе этого параметра браузер проверяет, указано ли значение.
- Auto complete: при выборе этого параметра значения заполняются автоматически, когда пользователь вводит информацию в браузере.
- Auto focus: при выборе этого параметра фокус перемещается на данный элемент, когда браузер загружает страницу.
- Read only: при выборе этого параметра значение элемента становится доступно только для чтения.
- Form: указывает одну или несколько форм, к которой относится элемент <input>.
- Name: уникальное имя, используемое для ссылки на элемент в коде.
- Place holder: подсказка, описывающая ожидаемое значение поля ввода.
- Pattern: регулярное выражение, на соответствие которому проверяется значение элемента.
- Title: дополнительная информация об элементе. Отображается в виде подсказки.
- Tab Index: указывает позицию текущего элемента в порядке табуляции для текущего документа.
Элементы формы с измененными атрибутами
- Form No Validate: при выборе этого параметра проверка формы отключается. Выбор этого параметра переопределяет атрибут No Validate на уровне формы.
- Form Enc Type: тип MIME, с которым агент пользователя должен связывать этот элемент для отправки формы.
- Form Target: контекстное имя или ключевое слово обзора, представляющее целевой объект элемента управления.
- Accept charset: указывает кодировки символов, используемые для отправки формы.
Примечание.
Ссылки для атрибутов содержат информацию обо всех атрибутах, приведенных в спецификации HTML5. В панели «Свойства» присутствуют не все эти атрибуты. Можно воспользоваться представлением кода, чтобы добавить атрибуты, отсутствующие в панели.
| Элемент формы | Новые атрибуты, специфичные для элемента | Описание атрибутов |
| Текстовое поле | List | http://www.w3.org/TR/html-markup/input.text.html |
| Кнопка | <Нет никакого определенного нового атрибута> | http://www.w3.org/wiki/HTML/Elements/button |
| Флажок | <Нет никакого определенного нового атрибута> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| Файл | Multiple | http://www.w3.org/TR/html-markup/input.file.html |
| Форма | No validate, Accept charset | http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html |
| Скрытый | <Нет никакого определенного нового атрибута> | http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html |
| Пароль | <Нет никакого определенного нового атрибута> | http://www.w3.org/TR/html-markup/input.password.html |
| Изображение | Width, Height, Action, Method, Form no Validate, Form Enc Type, Form target. | http://www.w3.org/TR/html-markup/input.image.html |
| Сброс | <Нет никакого определенного нового атрибута> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| Отправить | Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. | http://www.w3.org/TR/html-markup/input.submit.html |
| Переключатель | <Нет никакого определенного нового атрибута> | http://www.w3.org/TR/html-markup/input.radio.html |
| Текстовая область | Rows, Cols, Place Holder, Wrap, Max Length, Tab Index | http://www.w3.org/TR/html-markup/textarea.html |
| Список выбора | Size | http://www.w3.org/wiki/HTML/Elements/select |
Элементы формы HTML5
| Элемент формы | Доступно в | Описание | Описание атрибутов |
| Цвет | 12.2 | Для полей ввода, которые должны содержать цвет. | http://www.w3.org/TR/html-markup/input.color.html |
| Дата | 12.2 | Элемент управления, позволяющий пользователю выбрать дату. | http://www.w3.org/TR/html-markup/input.date.html |
| Дата Время | 12.2 | Позволяет пользователю выбрать дату и время (с часовым поясом). | http://www.w3.org/TR/html-markup/input.datetime.html |
| Локальное время и дата | 12.2 | Позволяет пользователю выбрать дату и время (без часового пояса) | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| месяц | 12.2 | Позволяет пользователю выбрать месяц и год. | http://www.w3.org/TR/html-markup/input.month.html |
| Число | 12.2 | Для полей, которые должны содержать только числа. | http://www.w3.org/TR/html-markup/input.number.html |
| Диапазон | 12.2 | Для полей, которые должны содержать значения из диапазона чисел. | http://www.w3.org/TR/html-markup/input.range.html |
| Время | 12.2 | Позволяет пользователю выбрать время. | http://www.w3.org/TR/html-markup/input.time.html |
| Неделя | 12.2 | Позволяет пользователю выбрать неделю и год. | http://www.w3.org/TR/html-markup/input.week.html |
| Адрес электронной почты | 12.1 | Элемент управления для редактирования списка адресов электронной почты, указанных в значении элемента. | http://www.w3.org/TR/html-markup/input.email.html |
| Поиск | 12.1 | Элемент управления для редактирования простого текста длиной в одну строку, предназначенный для ввода одного или нескольких условий поиска. | http://www.w3.org/TR/html-markup/input.search.html |
| Телефон (Тел.) | 12.1 | Элемент управления для редактирования простого текста длиной в одну строку, предназначенный для ввода номера телефона. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL-адрес | 12.1 | Элемент управления для редактирования абсолютного URL-адреса, указанного в значении элемента. | http://www.w3.org/TR/html-markup/input.url.html |