- •1. Як влаштований internet
- •1.1. Що таке мережа Internet
- •1.2. Сервери в мережі Internet
- •1.2.1. Сервери ftp
- •1.2.2. Сервери Gopher
- •1.2.3. Поштові сервери
- •1.2.4. Сервери новин
- •1.2.5. Сервери www
- •1.3.1. З'єднання з сервером www
- •1.3.2. Сервер www
- •1.3.3. Статичні і динамічні документи html
- •1.3. Як працює сервер www
- •1.3.4. Зв'язок сервера www з субд
- •1.3.5. Органи управління ActiveX
- •1.3.6. Що таке орган управління ActibeX?
- •1.3.7. Мови програмування Java, JavaScript і vbScript
- •2. Створення документів html
- •2.1. Перша сторінка html
- •2.2. Структура документа html
- •2.2.1. Заголовок документа
- •2.2.2. Тіло документа
- •2.2.3. Вирівнювання параграфів тексту
- •2.3. Шрифтовое виділення
- •2.3.1. Зміна розміру шрифту
- •Мал. 2.4. Зміна розміру шрифту
- •2.4. Колір в документах html
- •2.4.1. Позначення кольору
- •2.4.2. Зміна кольору фону документа html
- •2.4.3. Зміна кольору тексту
- •2.4.4. Колір в інших елементах документа html
- •2.5. Зміна зображення шрифту
- •2.5.1. Фізичне форматування символів
- •2.5.2. Логічне форматування символів
- •2.5.3. Вставка заздалегідь отформатированного тексту
- •2.5.4. Вказівка шрифту по його назві
- •2.5.5. Виділення параграфа горизонтальною лінією
- •2.6. Організація списків
- •2.6.1. Неврегульовані списки
- •2.6.2. Нумеровані списки
- •2.6.3. Список каталогів
- •2.6.4. Список визначень
- •2.7. Рядок, що Біжить
- •2.8.1. Скасування кэширования сторінки
- •2.8.2. Автоматичне перезавантаження документа
- •2.8.3. Автоматичне завантаження іншого документа
- •2.8.4. Включення додаткових заголовків http
- •2.8.5. Визначення набору символів
- •2.9. Таблиці стилів
- •2.9.1. Способи використання стилів
- •3. Таблиці в документах html
- •3.1. Найпростіша таблиця
- •3.2. Як змінити зовнішній вигляд таблиці
- •3.3. Приклади оформлення таблиць
- •3.3.1. Таблиці із заголовком
- •3.3.2. Об'єднання елементів таблиці
- •3.3.3. Багатошарові заголовки
- •3.3.4. Таблиці з підписом
- •3.3.5. Вирівнювання тексту в елементах таблиці
- •3.3.6. Таблиці всередині таблиць
- •4. Графіка, анімація, відео і звук
- •4.1. Розміщення графічних зображень
- •4.2. Як вибрати формат графічного файла
- •4.2.1. Формат jpeg
- •4.2.2. Формат gif
- •4.2.4. Який формат краще
- •4.3. Прозорі зображення
- •4.4. Підготовка черезстрочних зображень
- •4.4. Анімация
- •4.4.1. Редактор gif Construction Set
- •4.4.2. Редактор Microsoft gif Animator
- •4.4.3. Редактор PhotoImpact gif Animator
- •4.5. Відеофрагменти в документах html
- •4.6. Звук в документах html
- •5. Посилання у документах html
- •5.1. Універсальний ідентифікатор ресурсів url
- •5.2. Вставка посилання
- •5.2.1. Посилання на інші документи
- •5.2.2. Локальні посилання усередині документа
- •5.3. Використання графіки в посиланнях
- •5.3.1. Вставка графічного зображення в посилання
- •5.3.2. Сегментированная графіка
- •5.3.3. Додаток Map This!
- •5.4. Посилання на різноманітні ресурси Internet
- •6. ФреймИ
- •6.1. Структура документа з фреймами
- •6.2. Визначення параметрів фреймов
- •6.3. Приклад документа html із фреймами
- •6.4. Плаваючі фреймы
- •7. Додатки cgi
- •7.1. Створення форм
- •7.1.1. Опис форми
- •7.1.2. Створення органів керування для форми
- •7.1.3. Приклад документа html із формою
- •7.2. Передача даних програмі cgi
- •7.2.1. Метод get
- •7.2.2. Метод post
- •7.2.3. Що краще - get або post
- •7.3. Передача відповіді з програми cgi
- •7.4. Перемінне середовище для програми cgi
- •7.5. Приклади програм cgi
- •7.5.1. Програма cgihello
- •7.5.2. Програма controls
- •7.5.3. Програма aref
- •7.5.4. Програма counter
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 або задати тип вирівнювання тексту, розташованого біля цього вікна.
Приведемо простий приклад (лістинг 4.7).
Лістинг 4.7. Файл chap4\avi\avi.htm
<!DOCTYPE HTML PUBLIC ".//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Вставка файла AVI</TITLE>
</HEAD>
<BODY>
<IMG DYNSRC="skymove.avi" START="P1LEOPEN" CONTROLS>
</BODY>
</HTML>
При завантаженні цієї сторінки автоматично починається програння файла skymove.avi, причому вікно забезпечується органами управління у вигляді кнопки запуску або зупинки програння і двіжкового регулювальника, що дозволяє переміщатися в довільне місце відеофрагмента (мал. 4.33).
МАЛ. 4.33. Сторінка WWW, в яку вставлений відеофрагмент
