- Руководство пользователя 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
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
Научитесь вставлять и предварительно просматривать SWF-файлы в Dreamweaver, а также настраивать свойства SWF-файла.
Перед вставкой в Dreamweaver содержимого, созданного в программе Adobe Animate CC, ознакомьтесь с различиями между следующими типами файлов:
Файл FLA (.fla)
Исходный файл для любого проекта, создается с помощью среды разработки Flash. Этот тип файла можно открыть только в программе Flash (не в Dreamweaver или браузерах). Файл FLA можно открыть в программе Flash, а затем опубликовать его для открытия в браузерах в виде файла SWF или SWT.
Файл SWF (.swf)
Скомпилированная версия файла FLA (.fla), оптимизированная для просмотра на веб-сайте. Этот файл можно воспроизвести в браузерах и предварительно просмотреть в Dreamweaver, но невозможно редактировать в Flash.
Файл FLV (.flv)
Видеофайл, содержащий закодированные аудио- и видеоданные для воспроизведения в проигрывателе Flash® Player. Например, если имеется видеофайл QuickTime или Windows Media, с помощью кодировщика (например, Flash® Video Encoder или Sorenson Squeeze) его можно преобразовать в файл FLV. Для получения дополнительной информации посетите Центр видеотехнологий по адресу www.adobe.com/go/flv_devcenter_ru.
Вставка и просмотр файлов SWF
Dreamweaver позволяет добавить файл SWF на страницу, а затем просмотреть его в документе или в браузере. Можно также задать свойства файла SWF в инспекторе свойств.
Вставка файла SWF
-
В представлении «Дизайн» области «Окно документа» установите курсор вставки в том месте, куда необходимо вставить содержимое, после чего выполните одно из следующих действий.
- На панели «Вставка» выберите пункт «Выбрать Flash SWF».
- Выберите меню «Вставка» > «HTML» > «Flash SWF».
-
В открывшемся диалоговом окне выберите файл SWF (.swf).
В окне документа появится местозаполнитель файла SWF.
-
Сохраните файл.
Dreamweaver сообщит о том, что в папке Scripts на сайте сохраняется два зависимых файла: expressInstall.swf и swfobject_modified.js. Не забудьте при передаче файла SWF на веб-сервер передать также и эти файлы. Браузер не сможет правильно отобразить файл SWF, если эти файлы не будут находиться на сервере.
Примечание.Microsoft Internet Information Server (IIS) не обрабатывает вложенные теги object. Для ASP-страниц при вставке файлов SWF или FLV Dreamweaver вместо вложенных тегов object использует вложенные теги object/embed.
Изменение сведений о загрузке проигрывателя Flash Player
При вставке файла SWF на страницу Dreamweaver вставляет код, который определяет наличие у пользователя правильной версии проигрывателя Flash Player. Если она отсутствует, то на странице будет отображено альтернативное содержимое, предлагающее пользователю загрузить последнюю версию проигрывателя. Это содержимое можно в любой момент изменить.
Эта процедура также применима и к файлам FLV.
Если у пользователя нет требуемой версии, но имеется проигрыватель версии Flash Player 6.0 r65 или выше, то браузер предложит выполнить экспресс-установку Flash Player. Если пользователь отказывается от экспресс-установки, то на странице отображается альтернативное содержимое.
-
В представлении «Дизайн» окна документа выберите файл SWF или FLV.
-
Щелкните значок глаза на вкладке файла SWF или FLV.Примечание.
Чтобы переключиться в альтернативный режим просмотра содержимого, можно также нажать сочетание клавиш Ctrl + «]». Чтобы вернуться в режим просмотра SWF/FLV, нажимайте сочетание клавиш Ctrl + «[» до тех пор, пока не будет выбрано все альтернативное содержимое. Затем нажмите Ctrl + «[» еще раз.
-
Измените содержимое таким же образом, как любое другое содержимое Dreamweaver.Примечание.
В качестве альтернативного содержимого файлы SWF и FLV добавлять нельзя.
-
Щелкните значок глаза, чтобы вернуться к просмотру файла SWF или FLV.
Просмотр файлов SWF в окне документа
-
В окне документа щелкните местозаполнитель SWF, чтобы выбрать содержимое.
-
В инспекторе свойств («Окно» > «Свойства») нажмите кнопку «Воспроизведение». Чтобы остановить просмотр, нажмите кнопку «Остановить». Файл SWF можно также просмотреть в браузере, нажав клавишу F12.Примечание.
Чтобы просмотреть все файлы SWF на странице, нажмите сочетание клавиш Control + Alt + Shift + «P» (Windows) или Command + «Option» + Shift + «P» (Macintosh). Начинают воспроизводиться все файлы SWF.
Установка свойств файла SWF
Задать свойства файлов SWF можно в инспекторе свойств. Эти свойства также применимы к роликам Shockwave.
-
Выделите файл SWF или ролик Shockwave, а затем задайте параметры в инспекторе свойств («Окно» > «Свойства»). Чтобы просмотреть все свойства, щелкните стрелку разворачивания в правом нижнем углу инспектора свойств.
Идентификатор
Определяет уникальный идентификатор файла SWF. Введите идентификатор в безымянном текстовом поле в крайней левой части инспектора свойств. Dreamweaver CS4 требует, чтобы все идентификаторы были уникальными.
W и H (ширина и высота)
Задают ширину и высоту ролика в пикселах.
Файл
Задает путь к файлу SWF или Shockwave. Щелкните значок папки, чтобы перейти к файлу, или введите путь.
Src
Задает путь к исходному документу (файлу FLA), когда на компьютере одновременно установлены и Dreamweaver, и Flash. Чтобы начать редактирование файла SWF, обновите исходный документ видеоролика.
Фон
Указывает цвет фона для области воспроизведения ролика. Этот цвет также отображается, когда ролик не воспроизводится (при загрузке и после воспроизведения).
Изменить
Запускает Flash, чтобы обновить файл FLA (созданный в средстве разработки Flash). Если Flash не установлен на компьютере, то этот параметр недоступен.
Класс
Позволяет применить к ролику класс CSS.
Повтор
Воспроизводит ролик непрерывно. Если параметр «Повтор» не задан, то ролик воспроизводится один раз и останавливается.
Автозапуск
Автоматически воспроизводит ролик при загрузке страницы.
«По вертикали» и «По горизонтали»
Определяет отступ ролика сверху, снизу, справа и слева (в пикселах, выводится белым цветом).
Качество
Управляет сглаживанием в процессе воспроизведения ролика. Чем больше это значение, тем лучше выглядит ролик. Однако при высоких значениях для правильного воспроизведения роликов необходим более мощный процессор. Значение «Низкое» отдает предпочтение скорости, а не качеству изображения. Значение «Высокое», наоборот, отдает предпочтение качеству изображения. Режим «Низкое, авто» в первую очередь отдает предпочтение скорости, но пытается при возможности повысить качество изображения. Режим «Высокое, авто» пытается обеспечить и скорость и качество, однако при необходимости жертвует качеством изображения ради поддержания скорости.
Масштаб
Определяет, как ролик умещается в размеры, указанные в полях ширины и высоты. Настройка «По умолчанию» обеспечивает отображение ролика целиком.
Выравнивание
Определяет способ выравнивания ролика на странице.
Wmode
Задает параметр Wmode для файла SWF, который позволяет избежать конфликтов с мини-приложениями Spry и другими элементами DHTML. Значение по умолчанию («Непрозрачный») позволяет элементам DHTML отображаться в браузере поверх файлов SWF. Если файл SWF содержит прозрачные области и необходимо, чтобы сквозь них были видны элементы DHTML, выберите значение «Прозрачный». Выберите значение «Окно», чтобы удалить из кода параметр Wmode и отобразить файл SWF поверх других элементов DHTML.
Воспроизведение
Воспроизводит ролик в окне документа.
Параметры
Открывает диалоговое окно для ввода дополнительных параметров ролика. Ролик должен поддерживать возможность задания этих параметров.