Узнайте, как добавить и отредактировать мультимедийные объекты на веб-страницах Dreamweaver, использовать заметки разработчика и выполнять многое другое.
Помимо файлов SWF и FLV, можно вставлять другие аудио- или видеообъекты в документ Dreamweaver. При вставке вместе с мультимедийным объектом атрибутов специальных возможностей можно задать и изменить их значения в HTML-коде.
В категории «HTML» на панели «Вставка» выберите значок, соответствующий типу объекта, который необходимо вставить.
Выберите соответствующий объект из подменю «Вставка» > «HTML».
Откроется диалоговое окно, в котором можно выбрать исходный файл и указать некоторые параметры мультимедийного объекта.
Чтобы отключить отображение таких диалоговых окон, выберите «Правка» > «Настройки» > «Общие» (Windows) или «Dreamweaver»» > «Настройки» > «Общие» (Macintosh) и снимите флажок «Показывать диалоговое окно при вставке объектов». Чтобы обойти установленную настройку отображения диалоговых окон, при вставке объекта удерживайте нажатой клавишу Ctrl (Windows) или Option (Macintosh).
Диалоговое окно «Атрибуты специальных возможностей» появляется, если вы выбрали показывать атрибуты при вставке медиафайлов в диалоговом окне «Редактирование» > «Настройки».
Вы также можете редактировать атрибуты медиаобъекта, выбрав объект и отредактировав HTML-код в режиме кода или щелкнув правой кнопкой мыши (Windows) или нажав Control+щелчок (Macintosh), а затем выбрав «Редактировать код тега».
Заголовок
Введите название для мультимедийного объекта.
Ключ доступа
Введите клавиатурный эквивалент (одну букву) в текстовое поле, чтобы выбрать объект формы в браузере. Это позволяет посетителю сайта использовать клавишу Control (Windows) с клавишей доступа для обращения к объекту. Например, если вы введете B в качестве клавиши доступа, используйте Control+B для выбора объекта в браузере.
Индекс вкладки
Введите номер, соответствующий порядку табуляции объекта формы. Настройка порядка табуляции полезна, когда на странице есть другие ссылки и объекты форм и необходимо, чтобы пользователь переходил по ним в определенном порядке.Если вы установили порядок табуляции для одного объекта, обязательно установите порядок табуляции для всех остальных.
Если вы нажмете «Отмена», в документе появится заполнитель медиаобъекта, но Dreamweaver не свяжет с ним теги или атрибуты специальных возможностей.
Чтобы указать исходный файл или установить размеры и другие параметры и атрибуты, используйте инспектор свойств для каждого объекта. Вы можете редактировать атрибуты специальных возможностей для объекта.
Запуск внешнего редактора для медиафайлов
Вы можете запустить внешний редактор из Dreamweaver для редактирования большинства медиафайлов.Можно также указать редактор, который следует открывать из Dreamweaver для начала редактирования файла.
Чтобы узнать, какой редактор связан с типом файла, выберите «Редактировать» > «Настройки» в Dreamweaver и выберите «Типы файлов/Редакторы» из списка категорий.Нажмите расширение файла в столбце «Расширения», чтобы просмотреть связанный редактор или редакторы в столбце «Редакторы».Вы можете изменить редактор, связанный с типом файла.
Редактор, который запускается при двойном щелчке по файлу на панели «Файлы», называется Мастер редактором.Если дважды щелкнуть файл изображения, Dreamweaver откроет его в основном внешнем редакторе изображений, таком как Adobe Fireworks.
На панели «Файлы» щелкните правой кнопкой мыши (Windows) или щелкните с нажатой клавишей CTRL (Macintosh) по имени файла и выберите Открыть с помощью из контекстного меню.
В представлении «Дизайн» щелкните правой кнопкой мыши (Windows) или щелкните с нажатой клавишей CTRL (Macintosh) по медиаэлементу на текущей странице и выберите «Редактировать с помощью» из контекстного меню.
Укажите редактор для запуска из Dreamweaver
Вы можете указать редактор, который Dreamweaver должен использовать для редактирования определенного типа файлов, а также добавить или удалить типы файлов, которые распознает Dreamweaver.
Явно укажите, какие внешние редакторы должны запускаться для данного типа файлов
Расширения имен файлов, такие как .gif, .wav и .mpg, перечислены слева в разделе «Расширения». Связанные редакторы для выбранного расширения перечислены справа в разделе «Редакторы».
Чтобы связать новый редактор с типом файла, нажмите кнопку «Плюс» (+) над списком «Редакторы» и заполните появившееся диалоговое окно.
Например, выберите значок приложения Acrobat, чтобы связать его с типом файла.
Чтобы сделать редактор основным редактором для типа файла (то есть редактором, который открывается при двойном щелчке по типу файла на панели «Файлы»), выберите редактор в списке «Редакторы» и нажмите «Сделать основным».
Чтобы отменить связь редактора с типом файла, выберите редактор в списке «Редакторы» и нажмите кнопку «Минус» (-) над списком «Редакторы».
Добавьте новый тип файла и связанный редактор
Например, можно ввести .xml .xsl, если вы хотите связать их с XML-редактором, установленным в вашей системе.
Удаление типа файлов
Отменить удаление типа файла нельзя, поэтому убедитесь, что действительно хотите его удалить.
Применение заметок разработчика к мультимедийным объектам
Как и к другим объектам в Adobe Dreamweaver, к медиаобъекту можно добавить Заметки по дизайну.Заметки по дизайну — это заметки, связанные с определенным файлом и хранящиеся в отдельном файле.Заметки по дизайну можно использовать для отслеживания дополнительной информации о файлах, связанной с вашими документами, например имен файлов Image Source и комментариев о статусе файла.
Перед добавлением заметок по дизайну к любому объекту необходимо определить ваш сайт.
Заметку по дизайну к медиаобъекту также можно добавить из панели «Файлы», выбрав файл, открыв контекстное меню и выбрав «Заметки по дизайну» из контекстного меню.
Добавление видео (кроме FLV)
Добавить видео на веб-страницу можно разными способами и в разных форматах.Видео может быть загружено пользователем или воспроизводиться в потоковом режиме во время загрузки.
Эти клипы часто представляют собой файлы в формате AVI или MPEG.
Чтобы создать ссылку на клип, введите текст для ссылки, например «Скачать клип», выберите текст и нажмите значок папки в инспекторе свойств.Перейдите к видеофайлу и выберите его.
Пользователь должен загрузить вспомогательное приложение (подключаемый модуль), чтобы просматривать распространенные потоковые форматы, такие как Real Media, QuickTime и Windows Media.
Вставка содержимого подключаемого модуля
Вы можете создать контент, например фильм QuickTime для подключаемого модуля браузера, а затем с помощью Dreamweaver вставить этот контент в HTML-документ. Типичные подключаемые модули включают RealPlayer и QuickTime, а некоторые файлы контента включают файлы mp3 и фильмы QuickTime.
Вы можете просматривать фильмы и анимацию, которые зависят от подключаемых модулей браузера, непосредственно в режиме «Дизайн» окна «Документ». Вы можете воспроизводить все элементы подключаемых модулей одновременно, чтобы увидеть, как страница будет выглядеть для пользователя, или воспроизводить каждый по отдельности, чтобы убедиться, что вы внедрили правильный мультимедийный элемент.
Вы не можете просматривать фильмы или анимацию, которые зависят от элементов управления ActiveX.
После вставки контента для подключаемого модуля используйте инспектор свойств для настройки параметров этого контента.Чтобы просмотреть следующие свойства в инспекторе свойств, выберите объект подключаемого модуля.
Инспектор свойств изначально отображает наиболее часто используемые свойства. Нажмите стрелку развертывания в правом нижнем углу, чтобы увидеть все свойства.
Вставьте контент подключаемого модуля и установите его свойства
В категории «Общие» панели «Вставка» нажмите кнопку «Мультимедиа» и выберите значок «Подключаемый модуль»
в
меню.Выберите «Вставить» > «Мультимедиа» > «Подключаемый модуль».
Имя
Указывает имя для идентификации подключаемого модуля в сценариях. Введите имя в неподписанном текстовом поле в левой части инспектора свойств.
W и H (ширина и высота)
Укажите в пикселях ширину и высоту, выделенные для объекта на странице.
Источник
Указывает исходный файл данных. Нажмите значок папки, чтобы найти файл, или введите имя файла.
URL-адрес подкл. модулей
Задает URL-адрес для атрибута pluginspace. Введите полный URL сайта, с которого пользователи могут загрузить подключаемый модуль. Если у пользователя, просматривающего вашу страницу, нет подключаемого модуля, браузер попытается загрузить его с этого URL.
Выравнивание
Определяет способ выравнивания объекта на странице.
«По вертикали» и «По горизонтали»
Укажите количество белого пространства в пикселях сверху, снизу и по обеим сторонам подключаемого модуля.
Рамка
Задает ширину границы вокруг подключаемого модуля.
Параметры
Открывает диалоговое окно для ввода дополнительных параметров, передаваемых подключаемому модулю. Многие подключаемые модули поддерживают особые параметры.
Вы также можете просмотреть атрибуты, назначенные выбранному подключаемому модулю, нажав кнопку «Атрибут». Вы можете редактировать, добавлять и удалять атрибуты, такие как ширина и высота, в этом диалоговом окне.
Воспроизведение содержимого плагинов в окне документа
Выделите один из вставленных мультимедийных элементов и выберите «Просмотр» > «Подключаемые модули» > «Воспроизвести» или нажмите кнопку «Воспроизвести» в инспекторе свойств.
Выберите «Просмотр» > «Подключаемые модули» > «Воспроизвести все», чтобы воспроизвести все зависимые от подключаемых модулей мультимедийные элементы на выбранной странице.
Команда «Воспроизвести все» применяется только к текущему документу, но не к другим документам, например из набора фреймов.
Остановка воспроизведения содержимого подключаемого модуля
Вы также можете выбрать «Вид» > «Плагины» > «Остановить все», чтобы остановить воспроизведение всего содержимого плагинов.
Устранение неполадок с подключаемыми модулями
Если вы выполнили шаги для воспроизведения содержимого плагинов в окне документа, но некоторое содержимое плагинов не воспроизводится, попробуйте следующее:
Убедитесь, что соответствующий плагин установлен на вашем компьютере и что контент совместим с версией плагина, которая у вас есть.
Откройте файл Configuration/Plugins/UnsupportedPlugins.txt в текстовом редакторе и проверьте, указан ли проблемный плагин в списке.В этом файле отслеживаются подключаемые модули, которые вызывают проблемы с Dreamweaver и поэтому не поддерживаются. (Если у вас возникают проблемы с каким-либо плагином, рассмотрите возможность добавления его в этот файл.)
Убедитесь в наличии достаточного объема памяти. Некоторым внешним модулям требуется дополнительно от 2 до 5 МБ памяти для запуска.
Использование вариантов поведения для управления мультимедийных объектов
Вы можете добавить поведение на страницу для запуска и остановки различных мультимедийных объектов.
Управление Shockwave или Flash
Воспроизведение, остановка, перемотка или переход к кадру в фильме Shockwave или файле SWF.
Воспроизведение звука
Позволяет воспроизводить звук; например, вы можете воспроизвести звуковой эффект при наведении пользователем указателя мыши на ссылку.
Проверка подключаемого модуля
Позволяет проверить, установлен ли у посетителей вашего сайта требуемый плагин, а затем направить их на разные URL-адреса в зависимости от наличия нужного плагина.Это применимо только к плагинам, поскольку поведение «Проверить плагин» не проверяет элементы управления ActiveX.
Используйте параметры для управления объектами мультимедиа
Определите особые параметры для управления SWF-файлами и подключаемыми модулями. Параметры используются в тегах object, embed и applet. Параметры задают атрибуты, специфичные для различных типов объектов. Например, для объекта SWF в теге object можно задать параметр <paramname="quality"value="best">. Диалоговое окно «Параметры» доступно из инспектора свойств. Для получения сведений о необходимых для объекта параметрах см. документацию для этого объекта.
Не существует широко принятого стандарта для идентификации файлов данных для элементов управления ActiveX.Обратитесь к документации по элементу управления ActiveX, который вы используете, чтобы узнать, какие параметры использовать.
Ввод имени и значения параметра
Выберите объект, который может содержать параметры, в окне документа.
Откройте инспектор свойств, если он еще не открыт, и нажмите кнопку «Параметры», которая находится в нижней половине инспектора свойств. (Убедитесь, что инспектор свойств развернут.)
Удаление параметра
Изменение порядка параметров
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.