- Руководство пользователя 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, а также о поддерживаемых форматах звуковых файлов.
В веб-страницу можно добавить звук. Существует несколько различных типов звуковых файлов и форматов, включая .wav, .midi и .mp3. Перед выбором формата и метода добавления звука необходимо учитывать такие факторы, как цель, аудитория, размер файла, качество звука и различия между браузерами.
Некоторые файлы в разных браузерах обрабатываются различными несогласованными способами. Может понадобиться добавить звуковой файл в файл SWF, а затем внедрить последний в страницу для улучшения согласованности.
В следующем списке описаны наиболее популярные форматы аудиофайлов, а также преимущества и недостатки каждого с точки зрения веб-дизайна.
.midi или .mid (Musical Instrument Digital Interface — цифровой интерфейс музыкальных инструментов)
Этот формат используется для инструментальной музыки. Файлы MIDI поддерживаются многими браузерами и не требуют подключаемого модуля. Хотя качество их звучания находятся на высоком уровне, оно может различаться в зависимости от звуковой карты посетителя. В небольшом MIDI-файле может разместиться длительный звуковой клип. Файлы MIDI не записываются с микрофона; их нужно создавать на компьютере со специальным оборудованием и программным обеспечением.
.wav (Waveform Extension — расширение волновой формы)
Качество звучания этих файлов находится на хорошем уровне, они поддерживаются многими браузерами и не требуют подключаемого модуля. Можно записывать собственные WAV-файлы с компакт-диска, кассеты, микрофона и т. д. Однако большой размер файлов существенно ограничивает длительность звуковых клипов, которые можно использовать на веб-страницах.
.aif (Audio Interchange File Format или AIFF — формат файлов обмена звуком)
Формат AIFF, подобно формату WAV, отличается хорошим качеством звучания, воспроизводится многими браузерами и не требует подключаемого модуля; файлы AIFF можно также записывать с компакт-диска, кассеты, микрофона и т. д. Однако большой размер файлов существенно ограничивает длительность звуковых клипов, которые можно использовать на веб-страницах.
.mp3 (Motion Picture Experts Group Audio или MPEG-Audio Layer‑3 — аудиоформат группы экспертов по видеоизображению, слой 3)
Сжатый формат, существенно уменьшающий размер звуковых файлов. Качество звучания очень хорошее: правильно записанный и сжатый mp3-файл может сравниться по качеству с компакт-диском. Технология mp3 позволяет воспроизводить файл в потоковом режиме, что делает возможным начало воспроизведения файла до полной его загрузки. Однако размер файла больше, чем в формате Real Audio, поэтому при стандартном модемном соединении (через телефонную линию методом дозвона) загрузка всей песни может занять достаточно много времени. Для воспроизведения mp3-файлов посетителям необходимо загрузить и установить вспомогательное приложение или подключаемый модуль, например QuickTime, Windows Media Player или RealPlayer.
.ra, .ram, .rpm или Real Audio
Этот формат отличается высокой степенью сжатия и меньшим размером файла, в сравнении с mp3. За разумный период времени можно загружать файлы целых песен. Так как файлы могут воспроизводиться в потоковом режиме с обычного веб-сервера, посетители могут начать прослушивание звука до того, как файл будет полностью загружен. Для воспроизведения этих файлов посетителям необходимо загрузить и установить вспомогательное приложение RealPlayer или подключаемый модуль.
.qt, .qtm, .mov или QuickTime
Этот формат используется как для звука, так и для видео и разработан компанией Apple Computer. Поддержка QuickTime включена в операционные системы Apple Macintosh и используется большинством приложений Macintosh, которые используют звук, видео или анимацию. Файлы формата QuickTime можно воспроизводить и на ПК, но для этого требуется специальный драйвер QuickTime. QuickTime поддерживает большинство форматов кодирования, включая Cinepak, JPEG и MPEG.
В дополнение к вышеперечисленным стандартным форматам существует множество различных форматов аудио- и видеофайлов, доступных для использования в Интернете. Если вы обнаружили незнакомый вам формат мультимедийных файлов, узнайте у создателя формата о том, как его лучше всего использовать и разворачивать.
Создание ссылки на звуковой файл
Создание ссылки на аудиофайл — простой и эффективный способ добавить звук в веб-страницу. Этот способ встраивания звуковых файлов позволяет посетителям выбирать, прослушивать файл или нет, и делает файл доступным наиболее широкой аудитории.
-
Выберите текст или изображение, которые нужно использовать в качестве ссылки на аудиофайл.
-
В инспекторе свойств щелкните значок папки рядом с текстовым полем «Ссылка», чтобы перейти к аудиофайлу, или же введите путь и имя файла в поле «Ссылка».
Внедрение звукового файла
Внедрение звука означает встраивание его непосредственно в страницу, однако звук воспроизводится только в том случае, если у пользователя сайта установлен подключаемый модуль, соответствующий звуковому файлу. Внедрять файлы можно, если требуется использовать звук в качестве фоновой музыки или управлять громкостью, отображением проигрывателя на странице или начальной и конечной точками звукового файла.
При встраивании звуковых файлов в веб-страницы следует внимательно оценить целесообразность их использования на веб-сайте и то, как его посетители используют данные мультимедийные ресурсы. Следует всегда предоставлять возможность включить или отключить воспроизведение звука в случае, если посетители не желают прослушивать аудиосодержимое.
-
В представлении «Дизайн» установите курсор вставки в том месте, куда необходимо внедрить файл, и выполните одно из следующих действий:
В категории «HTML» на панели «Вставка» щелкните значок «Подключаемый модуль» из всплывающего меню.
Выберите «Вставка» > «HTML» > «Подключаемый модуль».
-
Перейдите к аудиофайлу и нажмите кнопку «ОК».
-
Введите значения ширины и высоты в соответствующих полях в инспекторе свойств или путем изменения размера местозаполнителя подключаемого модуля в области «Окно документа».
Эти значения определяют размер отображаемых элементов управления звуком в браузере.