<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Розміщення графічних зображень</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<Н2>Розміщення графіки в документах HTML</H2>
Приведемо приклад документа HTML, в якому є графічне зображення.
<Р><IMG SRC="sun.gif" ALIGN=BOTTOM BORDER=2>Бути декілька способів вирівнювання тексту відносно графічного зображення, які можна вибирати за допомогою параметра <ALIGN> оператора <IMG≷
</BODY>
</HTML>
Ha мал. 4 зображений зовнішній вигляд документа з графічним зображенням, взятим в рамку. Для нього також указано вирівнювання тексту вздовж нижньому кордону.
МАЛ. 4 Вирівнювання тексту вздовж нижньому кордону зображення
Приведемо приклад документа HTML, в якому є графічне зображення
вирівнювання тексту відносно графічного зображення, які можливо вибирати
за допомогою параметра <ALIGN> оператора <IMG>
Вказуючи для параметра ALIGN значення LEFT і RIGHT, можна добитися ефекту, що обтікається зображення текстом відповідно з правого і лівого боку.
4.4. Анімация
Як вже говорилося, формат GIF дозволяє зберігати в одному файлі декілька графічних зображень. При відображенні такого файла навігаторы можуть показувати ці зображення по черзі, як кадри звичайного кінофільму. Підготувавши достатню кількість кадрів, можна створити невеликий фільм (або мультфільм) і розмістити його в документі HTML
4.5. Відеофрагменти в документах HTML
Анімаціоні зображення, виконані у вигляді файлів GIF, використовуються в документах WWW досить широко, оскільки для їх підготовки можливо застосовувати недорогі або навіть безкоштовні кошти. Однак таким чином можна зробити тільки "німе кіно". Повноцінні озвучені відеофрагменти можливо розмістити в документах HTML як посилання на файли в форматі Microsoft Video for Windows (файл AVI).
Існує декілька можливостей для створення файла AVI.
По-перше, можна записати в файл AVI сигнал від відеомагнітофона або відеокамери. Для цього доведеться придбати спеціальний адаптер, призначений для введення відеосігнала. У залежності від можливостей такий адаптер може коштувати від декількох сотень до декількох тисяч доларів. Більш дорогі моделі забезпечують апаратне стиснення сигналу і більш високий дозвіл.
Помітимо, однак, що файл AVI з високоякісним відеофрагментом тривалістю порядку декількох хвилин може займати десятки мегабайт дискового простору (навіть після стиснення з метою усунення надмірної інформації). Якщо розмістити в документі HTML такий файл, то видалений користувач ніколи не дочекається його повного завантаження, оскільки середня швидкість передачі даних через Internet становить 1-3 Кбайта в секунду. Тому для розміщення на сервері WWW придатні файли AVI розміром не більш декількох десятків кілобайт. А для створення такого файла можна використати самий недорогий адаптер, лише б він був здатний записувати відеосигнал в реальному часі.
По-друге, можна зробити файл AVI як мультфільми з окремих зображень, намальованих будь-яким графічним редактором. Ця технологія нагадує технологію створення анімаціоних файлів GIF, з тим виключенням, що на відміну від файла GIF файл AVI можливо озвучити. Причому озвучення файла AVI можливо виконати в будь-який час.
Більш детально технологія підготовки файлів AVI з використанням пакету програм Microsoft Video for Windows була описана в 15-м тому "Бібліотеки системного програміста", який називається "Мультимедіа для Windows".
Тепер про те, як вставити файл AVI в документ HTML. Для вставки файлів AVI можете використати описаний вище оператор <IMG> з різними параметрами, такими, як DYNSRC, START і CONTROLS.
Нижче приведений список параметрів оператора <IMG>, які використовуються для вставки файлів AVI з їх коротким описом.
Параметр | Опис |
DYNSRC SRC | Цей параметр аналогічний параметру SRC, вказуючому шлях до файла з графічним зображенням. Він визначає шлях до файла AVI, що містить відеофрагмент. За допомогою параметра SRC можливо указати шлях до графічного зображення, яке з'явиться в документі HTML замість файла AVI в тому випадку, якщо навігатор не здатний програвати відеофрагменти |
START | Параметр визначає момент, коли треба починати програння відеофрагмента. Якщо цей параметр має значення FILEOPEN, програння починається відразу, як тільки файл буде завантажений. Якщо ж значення параметра рівне MOUSEMOVE, програння почнеться після того, як користувач вмістить курсор на вікно, призначене для програння відеофрагмента |
CONTROLS | Якщо вказаний цей параметр, під вікном з відеофрагментом відображаються органи управління, що дозволяють керувати процесом програння |
LOOP | Параметр LOOP визначає, скільки разів буде програватися відеофрагмент. Якщо значення цього параметра рівно - I або INFINITE, програння буде виконуватися нескінченно (тобто поки ви не перейдете до перегляду іншої сторінки або не завершите роботу навігатора) |
LOOPDELAY | За допомогою параметра LOOPDELAY можливо задати затримку в мілісекундах перед початком чергової операції програння відео фрагмента |
Крім перерахованих вище, при вставці файла AVI в операторі <IMG> можна використати і інші параметри, про які розказувалося раніше в розділі "Розміщення графічних зображень". Наприклад, можна створити рамку навколо вікна перегляду файла AVI або задати тип вирівнювання тексту, розташованого біля цього вікна.
Приведемо простий приклад (лістинг 5).