Руководство пользователя Отмена

Вставка файлов SWF

  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы гибкого веб-дизайна
    2. Новые возможности Dreamweaver
    3. Веб-разработка с помощью Dreamweaver: обзор
    4. Dreamweaver / распространенные вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор новых возможностей
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud Libraries в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
  4. Рабочие среды и представления Dreamweaver
    1. Рабочая среда Dreamweaver
    2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
    3. Поиск файлов по названию или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной версии сайта
    3. Подключение к серверу публикации
    4. Настройка тестового сервера
    5. Импорт и экспорт параметров сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Дополнительные настройки
    9. Настройка установок сайта для передачи файлов
    10. Задание параметров прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение файлов с сервера и размещение их на нем
    4. Возврат и извлечение файлов
    5. Синхронизация файлов
    6. Сравнение файлов
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включение заметок разработчика для сайтов Dreamweaver
    9. Предотвращение использования уязвимости Gatekeeper
  7. Макет и оформление
    1. Использование средств визуализации для создания макета
    2. Об использовании CSS для создания макета страницы
    3. Создание динамичных веб-сайтов с помощью Bootstrap
    4. Создание и использование медиазапросов в Dreamweaver
    5. Представление содержимого в таблицах
    6. Цвета
    7. Гибкий дизайн с использованием «резиновых» макетов
    8. Extract в Dreamweaver
  8. CSS
    1. Общие сведения о каскадных таблицах стилей
    2. Создание макетов страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Установка настроек стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Форматирование кода
  9. Содержимое страницы и ресурсы
    1. Задание свойств страницы
    2. Задание свойств заголовка CSS и свойств ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель DOM
    6. Редактирование в режиме интерактивного просмотра
    7. Кодировка документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задание свойств текста в инспекторе свойств
    10. Проверка орфографии на веб-странице
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
    13. Работа с ресурсами
    14. Вставка и обновление даты в Dreamweaver
    15. Создание и управление избранными ресурсами в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавление мультимедийных объектов
    18. Добавление видео Dreamweaver
    19. Добавление видео HTML5
    20. Вставка файлов SWF
    21. Добавление звуковых эффектов
    22. Добавление аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Создание ссылок и навигация
    1. О создании ссылок и навигации
    2. Создание ссылок
    3. Карты ссылок
    4. Устранение неполадок со ссылками
  11. Графические элементы и эффекты jQuery
    1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Написание кода веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда написания кода в Dreamweaver
    3. Настройка параметров написания кода
    4. Настройка цветового оформления кода
    5. Написание и редактирование кода
    6. Подсказки по коду и автозавершение кода
    7. Свертывание и развертывание кода
    8. Повторное использование фрагментов кода
    9. Анализ Linting для проверки кода
    10. Оптимизация кода
    11. Редактирование кода в представлении «Дизайн»
    12. Работа с содержимым заголовков для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование вариантов поведения JavaScript (общие инструкции)
    17. Применение встроенных вариантов поведения JavaScript
    18. Сведения об XML и XSLT
    19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
    20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
    21. Добавление символьных сущностей для XSLT в Dreamweaver
    22. Форматирование кода
  13. Процессы взаимодействия продуктов
    1. Установка и использование расширений в Dreamweaver
    2. Обновления в Dreamweaver, устанавливаемые через приложение
    3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver с Business Catalyst
    7. Создание персонализированных кампаний почтовой рассылки
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на их основе
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использование дополнительных областей в шаблонах
    7. Определение редактируемых атрибутов тега в Dreamweaver
    8. Создание вложенных шаблонов в Dreamweaver
    9. Редактирование, обновление и удаление шаблонов
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблона в Dreamweaver
    14. Настройка предпочтений выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильные и многоэкранные устройства
    1. Создание медиазапросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Общие сведения о веб-приложениях
    2. Настройка компьютера для разработки приложений
    3. Устранение неполадок подключений к базам данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор динамических источников содержимого
    7. Определение источников динамического содержимого
    8. Добавление динамического содержимого на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Отображение записей баз данных
    11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
    12. Добавление заказных вариантов поведения сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для компонентов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное построение приложений
    1. Создание главной страницы и страницы сведений в Dreamweaver
    2. Создание страниц поиска и результатов поиска
    3. Создание страницы для вставки записи
    4. Создание страницы обновления записи в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Применение ASP-команд для изменения базы данных в Dreamweaver
    7. Создание страницы регистрации
    8. Создание страницы входа
    9. Создание страницы с доступом только для авторизованных пользователей
    10. Защита папок в ColdFusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Тестирование сайта Dreamweaver
  19. Устранение неполадок
    1. Исправленные ошибки
    2. Выявленные неполадки

 

 

Научитесь вставлять и предварительно просматривать 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

  1. В представлении «Дизайн» области «Окно документа» установите курсор вставки в том месте, куда необходимо вставить содержимое, после чего выполните одно из следующих действий.

    • На панели «Вставка» выберите пункт «Выбрать Flash SWF».
    • Выберите меню «Вставка» > «HTML» > «Flash SWF».

     

  2. В открывшемся диалоговом окне выберите файл SWF (.swf).

    В окне документа появится местозаполнитель файла SWF.

  3. Сохраните файл.

    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. Если пользователь отказывается от экспресс-установки, то на странице отображается альтернативное содержимое.

  1. В представлении «Дизайн» окна документа выберите файл SWF или FLV.
  2. Щелкните значок глаза на вкладке файла SWF или FLV.
    Примечание.

    Чтобы переключиться в альтернативный режим просмотра содержимого, можно также нажать сочетание клавиш Ctrl + «]». Чтобы вернуться в режим просмотра SWF/FLV, нажимайте сочетание клавиш Ctrl + «[» до тех пор, пока не будет выбрано все альтернативное содержимое. Затем нажмите Ctrl + «[» еще раз.

  3. Измените содержимое таким же образом, как любое другое содержимое Dreamweaver.
    Примечание.

    В качестве альтернативного содержимого файлы SWF и FLV добавлять нельзя.

  4. Щелкните значок глаза, чтобы вернуться к просмотру файла SWF или FLV.

Просмотр файлов SWF в окне документа

  1. В окне документа щелкните местозаполнитель SWF, чтобы выбрать содержимое.
  2. В инспекторе свойств («Окно» > «Свойства») нажмите кнопку «Воспроизведение». Чтобы остановить просмотр, нажмите кнопку «Остановить». Файл SWF можно также просмотреть в браузере, нажав клавишу F12.
    Примечание.

    Чтобы просмотреть все файлы SWF на странице, нажмите сочетание клавиш Control + Alt + Shift + «P» (Windows) или Command + «Option» + Shift + «P» (Macintosh). Начинают воспроизводиться все файлы SWF.

Установка свойств файла SWF

Задать свойства файлов SWF можно в инспекторе свойств. Эти свойства также применимы к роликам Shockwave.

  1. Выделите файл 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.

    Воспроизведение

    Воспроизводит ролик в окне документа.

    Параметры

    Открывает диалоговое окно для ввода дополнительных параметров ролика. Ролик должен поддерживать возможность задания этих параметров.

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?