Лістинг 4. Файл chap4\bottom.htm

<!"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>Бути декілька способів вирівнювання тексту відносно графічного зображення, які можна вибирати за допомогою параметра &lt;ALIGN&gt; оператора &lt;IMG&gl;

</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).