1  2  3  4  5  6  7

Модули расширения
Если вы хотите поместить на Web -страницу какое-либо мультимедийное (и не только) содержание, обрабатываемое с помощью модуля расширения, вы, прежде всего, должны удостовериться, что этот модуль расширения установлен у вас на компьютере. В противном случае он не будет появляться в списке установленных модулей расширения, и вы не сможете его выбрать.
Кроме того, у вас должен быть установлен Netscape Navigator версии 4.7*.
Дело в том, что модули расширения считаются устаревшей технологией, и для их поддержки необходимо устаревшее программное обеспечение.
Давайте поместим на нашу Web -страницу небольшой аудиоклип в формате ( WAV ( WAVe — "волна", стандартный формат хранения звуков в Windows ). Откроем новое окно Dreamweaver и сохраним пустую страницу в файле 4.6. htm . В качестве файла данных мы используем небольшой аудиоклип из папки Windows \ Media , например, ding.wav . Скопируйте его в папку, где хранится Web -страница 4.6.htm .
Для вставки на Web -страницу модуля расширения служит кнопка Plugin , расположенная на вкладке Media панели объектов. Вы также можете использовать пункт Plugin подменю Media меню Insert . После этого на экране появится диалоговое окно Select File . Найдите аудиофайл, который вы хотите поместить на страницу, выберите его в списке файлов и нажмите кнопку ОК.
После этого в окне документа появится значок модуля расширения. Измените его размеры, как вы проделывали это с изображением.
Теперь обратим внимание на редактор свойств.
Поля ввода W и Н, Н Space , V Space и Border и раскрывающийся список Align должны быть вам уже знакомы. Также должна быть вам знакома кнопка Play / Stop .
В поле ввода Src вводится имя файла данных. Справа от него расположена уже знакомая нам кнопка с изображением папки. Щелкнув по ней, вы no - j лучите на экране диалоговое окно открытия файла данных. С тем же успехом вы можете выбрать пункт Source File контекстного меню.
Поле ввода Pig URL используется для задания интернет-адреса файла, содержащего дистрибутивный комплект этого модуля расширения.
Кнопка Parameters служит для задания дополнительных параметров модуля расширения. Вместо нажатия кнопки Parameters вы также можете исполь­зовать одноименный пункт контекстного меню. В большинстве случаев это не нужно, но если вы хотите, чтобы модуль расширения вел себя особым образом, вам придется задать параметры. Само собой, предварительно вам необходимо будет выяснить, какие параметры поддерживает этот модуль расширения, для чего вам придется обратиться к его документации.
При нажатии кнопки Parameters на экране появляется диалоговое окно Parameters . Большую его часть занимает список-таблица параметров и их значений. Параметры вводятся простым набором нужных значений в соответствующих колонках таблицы: имени параметра в графе Parameter и значения параметра в графе Value . Кнопка со знаком "плюс" добавляет новую строку таблицы, кнопка со знаком "минус" — удаляет текущую строку. Кнопки ^ и v сдвигают текущую строку выше или ниже.
Теперь посмотрим, как работает наш модуль расширения. Для этого закро­ем окно задания параметров, если оно открыто, выделим модуль расшире­ния в окне документов, если он не выделен, и нажмем кнопку Play редактора свойств. Модуль расширения примет такой вид.
Как видите, это привычный интерфейс проигрывателя мультимедийных файлов. Подавляющее большинство программ-проигрывателей имеют именно такой вид. Здесь мы видим кнопки (перечислены в порядке слева напра во) остановки, запуска и приостановки проигрывания и движок-регулятор громкости воспроизведения звука. Если вы нажмете кнопку запуска проигрывания, то услышите аудиоклип.
Если вы щелкнете по модулю расширения, когда он работает, появится контекстное меню, предлагающее вам запустить (пункт Play ), приостановить ( Pause ) или остановить совсем
( Stop ) проигрывание файла. Пункт Save As позволит вам сохранить файл данных под другим именем, а пункт About выведет небольшое диалоговое окно со сведениями о модуле расширения и его разработчике. Заметьте, что это меню выводит не Dreamweaver , а сам модуль расширения.
Внимание!
Здесь мы описали интерфейс модуля расширения , предназначенного для проигрывания мультимедийных файлов . Интерфейс других модулей расширения , разумеется , будет иным .
Закончив экспериментировать с модулем расширения, нажмите кнопку! Stop . Вот и все! Теперь вы можете загрузить эту страничку в Web - o6oзревателе и проверить ее по полной программе.
Вы также можете задать в качестве файла данных видеоклип. В каталоге Windows ( WinNT ) имеется файл clock.avi в формате АVI ( Audio and Video Interleaved — чередующиеся аудио и видео) — стандартном формате хранения видеоданных в Windows , который можно задать в качестве файла дан­ных. Правда, для этого придется подогнать размеры модуля, чтобы клип) влез в него целиком.
В этом случае в контекстном меню доступны следующие пункты:
Play — запуск проигрывания клипа:
Rewind ( Start of movie ) — перемотка в начало;
Forward ( End of movie ) — перемотка в конец;
Frame Back — перемотка на кадр к началу;
Frame Forward — перемотка на кадр к концу.
Ну что ж, выберем пункт Play и посмотрим, что получится...
Примечание
Модуль расширения помещается на Web - страницу с помощью парного тега < embed >. Этот тег содержит множество атрибутов ; в частности , атрибут src задает интернет - адрес файла данных , атрибут pluginspage — интернет - адрес дистрибутива модуля расширения , атрибут type — тип MIME данных и т . д . Дополнительные параметры задаются внутри тега < embed > набором уже знакомых вам тегов < param >.
Элементы ActiveX
Теперь рассмотрим элементы ActiveX и их размещение на Web -страницах.
Для начала откроем новое окно Dreamweaver и сохраним новую пустую страницу в файле под именем 4.7.htm . После этого найдем файл данных. Водной из папок Microsoft Office 2000 хранится аудиофайл формата MIDI ( Musical Instruments Digital Interface — цифровой интерфейс музыкальных инструментов) по имени Htech _01.mid , который мы и используем в качестве файла данных. Если вы не найдете этого файла, можете использовать любой другой аудио или видеофайл, например, ding .wav или clock .avi .
Для помещения на Web -страницу элемента ActiveX можно использовать либо кнопку ActiveX , расположенную на вкладке Media панели объектов, либо пункт ActiveX подменю Media меню Insert . После этого в окне документа вы увидите значок элемента ActiveX . Увеличьте его размеры, как вы проделывали это с изображениями и модулем расширения.
Заметьте, что запроса на открытие файла данных Dreamweaver при этом не выдает. Как привязать данные к элементу ActiveX , мы сейчас рассмотрим.
Взгляните на редактор свойств. В раскрывающемся списке ClassID выберите нужный элемент ActiveX . В нашем случае это будет из вестная программа мультимедийного проигрывателя RealPlayer — именно с ее помощью мы будем проигрывать MIDI -файл.
Найдите в редакторе свойств кнопку Parameters . Вы помните, зачем она нужна?
Все дело в том, что у элемента ActiveX нет собственного параметра для задания файла данных, как это было у модуля расширения. Файл данных задается в списке дополнительных параметров, вызываемых с помощью кноп ки Parameters или одноименного пункта контекстного меню. Для этого служит параметр под названием src .
Откройте уже знакомое вам диалоговое окно Parameters . В единственной строке таблицы параметров в графе Parameter введите имя п a р a метра — src , а в графе Value — имя MIDI -файла. И нажмите кнопку ОК.
Теперь можно проверить в работе получившийся элемент ActiveX . Нажмите кнопку Play , щелкните по кнопке воспроизведения — и вы услышите музыку.
Неправда ли, он поразительно напоминает модуль расширения, с которым мы познакомились выше. Почему? Дело в том, что многие программы имеют несколько пользовательских интерфейсов. Один из этих интерфейсов-обычная программа, которую пользователь запускает из меню Пуск или щелчком по файлу в окне Проводника. Второй и третий — соответственно модуль расширения Web -обозревателя и элемент ActiveX . И зачастую эти три интерфейса очень похожи друг на друга; это делается для того, чтобы пользователю было удобно. Программа RealPlayer , используемая нами для размещения на Web -страницах аудиоклипов, как раз имеет все эти три интерфейса.
Давайте посмотрим, что еще нам предлагает редактор свойств. Конечно, поля ввода W , H , H Space и V Space и раскрывающийся список Align вам уже знакомы. Рассмотрели также мы и раскрывающийся список ClassID . А вот остальные элементы управления пока еще не знакомы нам.
Поле ввода Base служит для задания интернет-адреса дистрибутивного фай­ла элемента ActiveX . И, если нужного элемента ActiveX на компьютере пользователя не установлено, Web -обозреватель самостоятельно загрузит дистрибутив с указанного адреса и установит его. Единственное: вам нужно точно знать этот интернет-адрес.
Поле ввода Data служит для задания имени файла дополнительных данных для элемента ActiveX . ( He путайте его с файлом данных.) В настоящее вре­мя мало кто использует этот параметр.
В поле ввода Alt Img задается имя файла изображения, которое будет отображаться вместо элемента ActiveX , если Web -обозреватель не сможет загрузить файл или не в полной мере поддерживает технологию ActiveX . Правила хорошего тона и законы рынка требуют написания Web -страниц, совместимых с максимальным числом программ, поэтому лучше предусмотреть такое "альтернативное" изображение. Впрочем, если вы уверены, что нужды в нем не возникнет, можете не задавать — подавляющее большинство Web -дизайнеров так и делают.
Теперь обратимся к флажку Embed и полю ввода Src .
Выше мы выяснили, что элементы ActiveX поддерживаются не всеми программами Web -обозревателей. Но что делать тем, кто предпочитает пользо­ваться теми программами, которые как раз их не поддерживают? Выходит, те, кто помещают на свои Web -страницы элементы ActiveX , ограничивают свою аудиторию? Отчасти, да. Но Dreamweaver предлагает изящное решение этой проблемы.
Все дело в стандартах HTML , определяющих поведение Web -обозревателя, встретившего тег, которого он не "знает" (неизвестный тег). Web - обозреватель должен такой тег игнорировать. Тогда можно сделать так: в код Web -страницы помещается тег элемента ActiveX , а внутри него — тег модуля расширения. Поэтому "знакомая" с элементами ActiveX программа прочитает и обработает первый тег и проигнорирует второй, а "не знакомая", наоборот, проигнорирует первый, т. к. его не "знает", зато обработает второй. Как говорится, и овцы сыты, и волки целы...
Dreamweaver автоматически создает такой "двойной" тег, если в редакторе свойств был включен флажок Embed . В этом случае доступно поле ввода Src , где задается имя файла данных для модуля расширения. Это уже нам знакомо. И еще: если флажок Embed включен, то поле ввода Alt Img , где задается "альтернативное" изображение, выводимое, если элемент ActiveX почему-то не удается запустить, становится недоступным. (Фактически, "альтернативное" изображение задается точно так же, как модуль расшире­ния — расположение внутри тега элемента ActiveX тега < IMG >.)
Выше мы рассмотрели, как можно поместить на Web -страницы изображе­ния в формате Flash — надписи и кнопки. Dreamweaver при этом решал проблему совместимости точно так же, т. е. помещением модуля расшире­ния внутри описания элемента ActiveX . Поэтому наши надпись и кнопка будут одинаково хорошо работать в обеих популярных программах Web -обозревателей.
Примечание
Элемент ActiveX задается уже знакомым вам тегом < object >. Этот тег мы рассмотрели , когда говорили о помещении на Web - страницы изображений Flash . Как видите , изображения формата Flash на самом деле обрабатываются элементом ActiveX .
Что дальше ?
В этой главе мы рассмотрели помещение на Web -страницы различных не­текстовых элементов. Теперь наш Иван Иванович обзавелся лицом, правда, не бог весть каким. А страничка со сведениями об авторе украсилась его портретом.
Но, кроме рисунков, важным средством представления данных являются таблицы. В самом деле, таблица — лучший способ поместить максимальное количество данных на минимальной площади. И в следующей главе мы по­говорим о таблицах. А заодно создадим страницы со списками увлечений нашего воображаемого героя и завершенных им проектов.

1  2  3  4  5  6  7

Вверх