2002 Года Он предназначен для аудиокомпрессии и относится к тому же типу

форматов, что и МР3, AAC, VQF и WMA, то есть к форматам компрессии с по-

терями Достоинством формата Ogg Vorbis является его полная открытость

и свободность Формат Ogg Vorbis не ограничивается двумя аудиоканалами (сте-

рео — левый и правый), он поддерживает до 255 отдельных каналов с частотой

дискретизации до 192 кГц и разрядностью до 32 бит (чего не позволяет ни один

формат сжатия с потерями) Используется для кодирования 6-канального звука

DVD-Audio Данные формата Ogg Vorbis хранятся в файлах с расширением .ogg

Формат AVI

Формат AVI (Audio Video Interleaved — чередующиеся аудио- и видеоданные)

предназначен для записи звука и движущихся изображений и соответствует

спецификации RIFF (Resource Interchange File Format — файловый формат обме-

на ресурсами) Данные формата AVI, которые можно редактировать, экспортиро-

вать и сжимать, хранятся в файлах с расширением .avi Для их воспроизведения

необходима специальная программа, которая входит в комплект поставки неко-

торых браузеров Если в составе вашего браузера нет такой программы, ее можно

загрузить из Интернета

Формат MOV

Формат MOV, или QuickTime, разработанный фирмой Apple, предназначен для

создания, хранения и воспроизведения данных мультимедиа QuickTime позволя-

ет объединить звук, текст, анимацию и видео в одном файле

Семейство форматов MPEG

При работе с цифровым видеосигналом возникает необходимость обработки,

передачи и хранения очень больших объемов информации В связи с этим стала 268     Урок 19. HTML 5

актуальной проблема сжатия видеоданных, для решения которой были разрабо-

таны эффективные методы и алгоритмы Группа MPEG (Moving Pictures Experts

Group) предложила технологию компактного представления цифровых видео-

и аудиосигналов

Эта группа занимается разработкой стандартов сжатия цифрового видео и звука

Такие форматы, как правило, требуют использования кодеков (кодеров/декоде-

ров) Существует несколько версий кодека MPEG, например: MPEG-1, MPEG-2,

MPEG-3, MPEG-4, MPEG-7, MPEG-J

Формат WAV

Формат WAV (от англ wave — волна) был создан корпорацией Microsoft и при-

нят в качестве стандарта для звукового сопровождения операционной систе-

мы и компьютерных игр WAV-данные хранятся в файлах с расширением .wav

Первоначально этот формат был разработан для PC, а затем стал использоваться

и в Macintosh В WAV-файле данные хранятся в несжатом виде; кроме того, в нем

содержится информация о числе дорожек (моно или стерео), количестве битов,

а также образец

Формат AIFF

Формат AIFF (Audio Interchange File Format — формат обмена аудиоданными) —

популярный формат, применяемый на платформе Macintosh, а также используе-

мый для записи аудиоинформации на компакт-диски Данные в формате AIFF

хранятся в файлах с расширением .aif В файле формата AIFF хранятся аудио-

данные, информация о том, записан звук как стерео или как моно, число битов,

образец, а также сведения, применяемые при обработке аудиофайлов

Формат MP3

Формат MP3 (MPEG-1 Audio Layer-3) позволяет создавать файлы небольшого

размера, при воспроизведении которых обеспечивается исходное качество звука

Потоковое видео

Потоковыми называются данные мультимедиа, передаваемые по сети и воспро-

изводимые в реальном времени Информация может быть получена непосред-

ственно от источника данных, например с видеокамеры или с радиостанции, либо

храниться на веб-сервере Потоковое видео — это процесс преобразования видео

и аудио в сжатый цифровой формат, а затем распространение данных через ком-

пьютерные сети Видео и аудио может быть постоянно потоковым или достав-

ляться по требованию

Технология Real Audio/Video — это технология передачи аудио- и видеоинформа-

ции, разработанная фирмой Progressive Networks Для воспроизведения данных

необходим дополнительный модуль RealPlayer Файлы, которые могут обрабаты-

ваться модулем RealPlayer, имеют расширения .ra, .ram, .rm, .rmn и .rmd   Текстовые данные   269

Технология Windows Media Server предлагает набор цифровых компонентов для

работы с мультимедиа Windows Media Player поддерживает форматы WAV, AVI,

MIDI, VOD, AIFF и MPEG-2 Layer-3 (MP3)

Технология QuickTime поддерживает потоковую передачу видео, аудио, текста и

MIDI-информации в реальном масштабе времени

Текстовые данные

Рассмотрим пример использования тега <article> (листинг 19 5) Этот новый тег

выводит на экран внешние текстовые данные

Листинг 19 5  Пример создания веб-страницы, содержащей внешние текстовые данные

<!DOCTYPE HTML>

<html><head><title> ВНЕШНИЕ ДАННЫЕ </title></head>

<body> <article>

<a href="http://blog.netscape.com/2007/12/28/

end-of-support-for-netscape-web-browsers">

Netscape is dead</a><br />

AOL has a long history on the internet</article></body></html>

Новый тег <details> выводит на экран уточненные текстовые данные:

<details> Версия HTML 5 появилась в январе 2008 года</details>

Новый тег <hgroup> выводит на экран заголовок группы:

<hgroup>

<h1>ИСТОКИ МОДЕРНИЗМА</h1>

<h2> "НАД" ИЛИ "ПОД" РЕАЛЬНОСТЬЮ</h2>

</hgroup>

<p> АБСУРД ВМЕСТО ЛОГИКИ</p>

Новый тег <progress> выводит на экран оценку выполнения работы:

СТЕПЕНЬ ЗАГРУЗКИ ОБЪЕКTА:

<progress><span id="objprogress">76</span>%</progress>

Аббревиатура

В уроке 2 уже было показано использование тегов для акронима или аббревиату-

ры Рассмотрим пример с тегом <abbr> Содержимое тега <abbr> выводится в виде

всплывающей подсказки, которая дает пользователю возможность увидеть рас-

шифровку аббревиатуры (листинг 19 6)

Листинг 19 6  Пример создания веб-страницы, содержащей аббревиатуру

<!DOCTYPE HTML>

<html><head><title> Аббревиатура </title></head>

<body> УЧЕБНОЕ ЗАВЕДЕНИЕ <abbr title="ГОСУДАРСТВЕННЫЙ АРХИТЕКТУРНО-СТРОИТЕЛЬНЫЙ

УНИВЕРСИТЕТ">ГАСУ</abbr> БЫЛ ОСНОВАН 27 апреля (9 мая по н. ст.) 1832 г.

</body></html>270     Урок 19. HTML 5

Внешние данные

Новый тег <aside>  управляет внешними данными Пример использования тега

<aside> приведен в листинге 19 7

Листинг 19 7  Пример создания веб-страницы, содержащей внешние данные

<!DOCTYPE HTML>

<html><head><title> Внешние данные </title></head>

<body><p>Операции отрицания, конъюнкции, дизъюнкции</p>

<aside>

<h4>АЛГЕБРА ЛОГИКИ</h4>

Операции эквиваленции или двойной импликации

</aside></body></html>

Направление текста

Новый тег <bdo>  управляет направлением отображаемого текста Имеет обяза-

тельный атрибут dir, который принимает значения ltr (слева направо) и rtl (справа

налево) Пример использования тега <bdo> приведен в листинге 19 8

Листинг 19 8  Пример создания веб-страницы, содержащей текст разного направления

<!DOCTYPE HTML>

<html><head><title> Текст разного направления </title></head>

<body><bdo dir="rtl">

ЭТОТ ТЕКСТ НАПИСАН СПРАВА-НА-ЛЕВО.

</bdo></body></html>

Кнопки

Новый тег <button> сам создает кнопку и управляет нажатием на нее Пример ис-

пользования тега <button> приведен в листинге 19 9

Листинг 19 9  Пример создания веб-страницы, создающей кнопку

<!DOCTYPE HTML>

<html><head><title> Внешние данные </title></head>

<body><button type="button">НАЖМИ МЕНЯ!</button></body></html>

Новый тег <command> управляет внешними различными кнопками посредством

кода:

<menu><command type="command"> НАЖМИ МЕНЯ!</command></menu>

Канва

Новый тег <canvas> используется для рисования графических объектов списка

данных Если вы изучали Delphi, то вы, непременно, встречали уже эту команду

Тег <canvas> предоставляет возможность отображения различной графической ин-

формации Имеет атрибуты height (высота), width (ширина), которые определяют

размер канвы Пример использования тега <canvas>, в котором рисуется красный

квадрат, приведен в листинге 19 10   Текстовые данные   271

Листинг 19 10  Пример создания веб-страницы, содержащей канву

<!DOCTYPE HTML>

<html><head><title> Красный квадрат </title></head>

<body><canvas id="myCanvas"></canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);</script></body></html>

Список данных

Новый тег <datalist> управляет выводом на экран списка данных Пример исполь-

зования тега <datalist> приведен в листинге 19 11 В приведенном листинге ис-

пользуется тег <legend>

Листинг 19 11  Пример создания веб-страницы, содержащей список данных

<!DOCTYPE HTML>

<html><head><title> Список данных </title></head>

<body><input list="МАШИНЫ" />

<datalist id="МАШИНЫ">

<option value="ВОЛГА">

<option value="ЖИГУЛИ">

<option value="BMW">

<option value="Ford">

<option value="Volvo">

</datalist></body></html>

Формы

Тег <fieldset> управляет выводом на экран формы с набором полей Пример ис-

пользования тега <fieldset> приведен в листинге 19 12

Листинг 19 12  Пример создания веб-страницы, содержащей форму с набором полей

<!DOCTYPE HTML>

<html><head><title> Форма с набором полей</title></head>

<body><form><fieldset>

<legend>ПЕРСОНАЛЬНЫЕ ДАННЫЕ:</legend>

ФАМИЛИЯ: <input type="text" /><br />

Email: <input type="text" /><br />

ДАТА РОЖДЕНИЯ: <input type="text" /></fieldset></form>

</body></html>

Новый тег <keygen> определяет ключ генерации

Новый тег <output> используется в форме, определяя вывод:

<form action="form_action.asp" method="get" name="sumform">

<output name="sum"></output>

</form>

Новый тег <nav> выводит на экран навигационную панель:

<nav>

<a href="default.asp">ДОМОЙ</a>272     Урок 19. HTML 5

<a href="tag_meter.asp">ПРЕДЫДУЩИЙ</a>

<a href="tag_noscript.asp">СЛЕДУЮЩИЙ</a>

</nav>

Заголовок объекта

Тег <figcaption> управляет выводом на экран заголовка к фигуре Пример исполь-

зования тега <figcaption> приведен в листинге 19 13

Листинг 19 13  Пример создания веб-страницы, содержащей заголовок объекта

<!DOCTYPE HTML>

<html><head><title>Заголовок объекта </title></head><body>

<figure>

<figcaption>WWF</figcaption>

<p> Организация World Wildlife Foundation

была основана в 1961 году...</p>

</figure></body></html>

Маркировка

Тег <mark> форматирует текст, выполняя его маркировку Пример использования

тега <mark> приведен в листинге 19 14

Листинг 19 14  Пример создания веб-страницы, содержащей маркировку

<!DOCTYPE HTML>

<html><head> <title>Маркировка</title></head>

<body>

<p>ОБЪЕКТНО-ОРИЕНТИРОВАННЫМИ ЯЗЫКАМИ ПРОГРАММИРОВАНИЯ ЯВЛЯЮТСЯ <mark>DELPHI, СИ++</mark>

И ДРУГИЕ ЯЗЫКИ.</p>

</body></html>

Новый тег <meter> выводит на экран данные в ранжированной области:

<meter min="0" max="10">2</meter><br />

<meter>2 out of 10</meter><br />

<meter>20%</meter>

Заголовки в таблице

Тег <thead> определяет заголовки в таблице Его атрибуты уже были описаны

в уроке 8 Пример использования тега <thead> приведен в листинге 19 15

Листинг 19 15  Пример создания веб-страницы, содержащей заголовки в таблице

<!DOCTYPE HTML>

<html><head><title> Заголовок в таблице </title></head>

<body><table border="1"><thead>

<tr><th> МЕСЯЦ </th><th> ПРОДАЖИ </th></tr></thead>

<tfoot><tr><td> СУММА </td><td> €180000 </td></tr></tfoot>

<tbody><tr><td> ЯНВАРЬ </td><td> €100000 </td></tr>

<tr><td> ФЕВРАЛЬ </td><td> €80000 </td></tr></tbody>

</table></body></html>  Обработка событий   273

Контроль времени

В версии языка HTML5 появился тег <time>, который позволяет контролировать

дату и время Единственный атрибут <datetime> определяет дату и время Пример

использования тега <datetime> приведен в листинге 19 16

Листинг 19 16  Пример создания веб-страницы, содержащей контроль времени

<!DOCTYPE HTML>

<html><head><title> Дата и время </title></head>

<body><p>

Занятия начинаются в университете в <time>9:00</time> каждое утро</p>

<p>ВЕЛИКИЙ РУССКИЙ ПОЭТ А.С. ПУШКИН родился

<time datetime="1799-06-06">в МОСКВЕ</time></p></body></html>

Обработка событий

Начиная с версии HTML 4 в технологию программирования при создании веб-

страниц добавлена возможность обработки событий и действий и отображения

результатов в браузере, аналогично программированию на JavaScript, когда поль-

зователь нажимает на элемент или выполняет другие действия

Атрибуты тега <body> при обработке событий

Основные атрибуты тега <body>, используемые при программировании обработки

событий, представлены в табл 19 2

Таблица 19 2  Основные атрибуты тега <body>, используемые при программировании обработки 

событий

Атрибут Описание

onafterprint Управление действиями после печати документа

onbeforeprint Управление действиями перед печатью документа

onbeforeonload Управление действиями до загрузки документа

onblur Управление действиями при потере окном фокуса

onerror Управление действиями при возникновении ошибки

onfocus Управление действиями при получении окном фокуса

onhaschange Управление действиями при изменении документа

onload Управление действиями при загрузке документа

onmessage Управление действиями при получении сообщения

onoffline Управление действиями при переходе документа в режим off-line

ononline Управление действиями при переходе документа в режим on-line

onpagehide Управление действиями, когда окно скрыто

onpageshow Управление действиями, когда окно становится видимым

onpopstate Управление действиями, когда история окна изменяется

onredo Управление действиями, когда документ выполняет повтор

onresize Управление действиями при изменении размера окна

продолжение 274     Урок 19. HTML 5

Таблица 19 2 (продолжение)

Атрибут Описание

onstorage Управление действиями при загрузке документа

onundo

Управление действиями, когда документ выполняет отмену дей-

ствий

onunload Управление действиями, когда пользователь выходит из документа

События в форме

Основные атрибуты, используемые при обработке событий в форме, представле-

ны в табл 19 3

Таблица 19 3   Основные  атрибуты,  используемые  при  программировании  обработки  событий 

в форме 

Атрибут Описание

onblur Управление действиями при потери элементом фокуса

onchange Управление действиями при изменении элемента

oncontextmenu

Управление действиями при потере обновления контекстного

меню

onfocus Управление действиями при получении элементом фокуса

onformchange Управление действиями при обновлении формы

onforminput

Управление действиями при обновлении ввода информации

в форму

oninput Управление действиями при обновлении ввода информации

oninvalid Управление действиями при потере информации

onselect Управление действиями при выборе элемента

onsubmit Управление действиями нажатием на кнопку

События, связанные с клавиатурой

Основные атрибуты, используемые при программировании обработки событий,

связанных с клавиатурой, представлены в табл 19 4

Таблица 19 4   Основные  атрибуты  при  программировании  обработки  событий,  связанных 

с клавиатурой

Атрибут Описание

onkeydown Управление действиями нажатием на клавишу

onkeypress

Управление действиями нажатием на клавишу и при ее отпуска-

нии

onkeyup Управление действиями при отпускании клавиши

События, связанные с мышью

Основные атрибуты, используемые при программировании обработки событий,

связанных с мышью, представлены в табл 19 5   Обработка событий   275

Таблица 19 5  Основные атрибуты, используемые при обработки событий, связанных с мышью

Атрибут Описание

onclick Управление действиями при щелчке мышью

ondblclick Управление действиями при двойном щелчке мышью

ondragNew Управление действиями при перетаскивании

ondragend Управление действиями при окончании перетаскивания

ondragenter Управление действиями при начале нового перетаскивания

ondragleave

Управление действиями при завершении процесса перетаскива-

ния

ondragover

Управление действиями при покрытии объекта при перетаскива-

нии

ondragstart Управление действиями при начале нового перетаскивании

ondrop Управление действиями при остановке процесса перетаскивания

onmousedown Управление действиями при нажатой кнопке мыши

onmousemove Управление действиями при движении указателя мыши

onmouseout

Управление действиями при покидании элемента указателем

мыши

onmouseover

Управление действиями при покрытии элемента указателем

мыши

onmouseup Управление действиями при отпускании кнопки мыши

onmousewheel Управление действиями при прокручивании колесика мыши

onscroll Управление действиями при прокручивании в полосе прокрутки

Медиа-события

К медиа-событиям относятся события, связанные с видео, изображениями

и аудио Основные атрибуты обработки медиа-событий представлены в табл 19 2

Таблица 19 2  Основные атрибуты тега <body> при обработке событий

Атрибут Описание

onabort  Управление действиями в случае отмены событий

oncanplay

Управление действиями в случае начала медиа-воспроизведения,

но возможна остановка для буферизации

oncanplaythroug

Управление действиями при окончании медиа-воспроизведения

без остановки для буферизации

ondurationchange

Управление действиями в случае изменения длины медиа-

воспроизведения

onemptied

Управление действиями при внезапном исчезновении медиа-

ресурсов (сетевые ошибки, ошибки при загрузке и т д )

onended

Управление действиями при окончании воспроизведения медиа-

ресурсов

onerror

Управление действиями в случае возникновения ошибки при за-

грузке документа

onloadeddata Управление действиями в случае загрузки данных

onloadedmetadata Управление действиями в случае загрузки медиа-данных

продолжение 276     Урок 19. HTML 5

Таблица 19 2 (продолжение) 

Атрибут Описание

onloadstart

Управление действиями в том случае, когда браузер начинает за-

гружать медиа-данных

onpause

Управление действиями в случае выполнения паузы при воспро-

изведении медиа-данных

onplay Управление действиями в случае проигрывания медиа-данных

onplaying Управление действиями в случае запуска медиа-данных

onprogress

Управление действиями в случае извлечения медиа-данных брау-

зером

onratechange

Управление действиями в случае изменения скорости проигрыва-

ния медиа-данных

onreadystatechange Управление действиями в случае изменения состояния

onseeked

Управление действиями в случае поиска медиа-элементов и при

окончании поиска

onseeking

Управление действиями в случае поиска медиа-элементов в на-

чале поиска

onstalled

Управление действиями в случае присутствия ошибок в медиа-

данных (тупик)

onsuspend

Управление действиями в случае извлечения медиа-данных брау-

зером и остановки до их загрузки

ontimeupdate

Управление действиями в случае изменения позиции проигрыва-

ния

onvolumechange

Управление действиями в случае изменения объема медиа-

данных, а также при «нулевой» громкости

onwaiting

Управление действиями в том случае, когда медиа-средства пере-

стали воспроизводиться, но как ожидается, должно возобновиться

воспроизведение

Подведем итоги

В этом уроке рассматриваются базовые понятия, относящиеся к созданию веб-

страниц для версии языка HTML 5 Приведены примеры работы с аудио- и видео-

файлами, с новыми тегами, появившимися в новой версии языка HTML 5 При-

ведены атрибуты для различных событий !

<A>, 28

<abbr>, 269

<ABBR>, 51

<ACRONYM>, 51

Adobe Flash, 266

<APPLET>, 97

<AREA>, 69

<article>, 269

<aside>, 270

<audio>, 264

<B>, 45

<BASEFONT>, 40

<bdo>, 270

<BIG>, 45

<BLOCKQUOTE>, 49

<BODY>, 26, 79, 238

<BR>, 40

<button>, 270

<canvas>, 270

<CAPTION>, 123

<CENTER>, 42

<CODE>, 53

<COL>, 122

<COLGROUP>, 123

<command>, 270

<COMMENT>, 98

<datalist>, 271

<datetime>, 273

<DD>, 116

<details>, 269

<DFN>, 52

<DIR>, 118

<DIV>, 41, 229, 232

<DL>, 116

<!DOCTYPE>, 224

<EM>, 52

<embed>, 266

<fieldset >, 271

<figcaption>, 272

<FONT>, 38

<FORM>, 156

<FRAME>, 169

<FRAMESET>, 168

<H1>, 37

<HEAD>, 26, 225, 237

<hgroup>, 269

<HR>, 89

<HTML>, 26, 224

<I>, 45

<IMG>, 59

<INPUT>, 157, 159

<INS>, 55

<KBD>, 54

<keygen>, 271

<LAYER>, 229, 233

<legend>, 271

<LI>, 106

<LINK>, 227

<LISTING>, 56

<MAP>, 69

<mark>, 272

<MARQUEE>, 101

<MEDIA>, 99

Алфавитный указатель278   Алфавитный указатель

<MENU>, 118

<meter>, 272

<nav>, 264, 271

<NOBR>, 48

<NOFRAME>, 169

<OBJECT>, 98

<OL>, 106, 107

<OPTION>, 162

<output>, 271

<P>, 25, 40

<PRE>, 25, 43

<progress>, 269

<Q>, 50

<S>, 47

<SAMP>, 54

<SCRIPT>, 97

<section>, 264

<SELECT>, 162

<SMALL>, 45

<source>, 266

<SPAN>, 46, 254

<STRIKE>, 45

<STRONG>, 45

<STYLE>, 98, 240

<SUB>, 45

<SUP>, 45

<TABLE>, 121

<TBODY>, 123

<TD>, 122

<TEXTAREA>, 165

<TFOOT>, 124

<TH>, 123

<thead>, 272

<THEAD>, 124

<time>, 273

<TITLE>, 25

<TR>, 122

<TT>, 45, 53

<TYPE>, 99

<U>, 45

<UL>, 111

<VAR>, 45

<video>, 264, 265

<WBR>, 48

<А>, 193

A

ACCESSKEY, 71, 194

ACTION, 157

ADDRESS, 43

Advanced Research Project

Agency (ARPA), 14

AIFF, 268

AJAX, 20

ALIGN, 37, 40, 59, 89, 101, 121, 122, 123,

124, 172

ALINK, 31

ALT, 59, 70

autoplay, 265

AVI, 267

B

BACKGROUND, 31, 121, 124, 233

BASEFONT, 38

BEHAVIOR, 101

BGCOLOR, 31, 80, 101, 121, 122, 123,

124

BGPROPERTIES, 31

BORDER, 59, 121, 124, 169

BORDERCOLOR, 121

BOTTOMMARGIN, 32

C

Cascading Style

Sheets (CSS), 18, 236

CELLPADDING, 121

CELLSPACING, 121

CENTER, 37, 40

CHARSET, 98

CHECKBOX, 159

CHECKED, 159

Chrome, браузер, 26

CITE, 49

CLASS, 116, 229, 239  Алфавитный указатель   279

CLEAR, 41

CLIP, 233

COLOR, 39

COLS, 165, 169

COLSPAN, 124

COLSPEC, 122

COMPACT, 116

controls, 265

COORDS, 70

D

DEFER, 98

DIRECTION, 101

Document Type Definition

(DTD), 15, 224

Domain Name System (DNS), 15

dpi, 62

E

Extensible Markup Language (XML), 18

F

FLC, 266

FLI, 266

FRAME, 125, 193

FRAMEBORDER, 169, 171, 172

H

height, 265

HEIGHT, 59, 101, 172, 233, 258

HIDDEN, 159

HREF, 70, 193, 227

HSPACE, 59, 101, 121

HTTP-EQUIV, 226

HyperText Markup

Language (HTML), 15, 23

HyperText Transfer Protocol

(HTTP), 15

I

ID, 116, 122, 125, 193, 229, 233

IMAGE, 159

Internet Explorer, 28

Internet Explorer, браузер, 26

ISMAP, 59, 68

J

JavaScript, 234

Java-апплет, 97

JUSTIFY, 37, 40

L

LANG, 116

LANGUAGE, 98

LEFT, 37, 40, 233

LEFTMARGIN, 32

LINK, 31, 80

LONGDESC, 59

loop, 265

LOOP, 101

M

MARGINHEIGHT, 171, 172

MARGINWIDTH, 171, 172

MAXLENGTH, 159

META-информация, 225

META-тег, 225

METHOD, 157

METHODS, 193

Mosaic, браузер, 26

MOV, 267

Moving Pictures Experts Group

(MPEG), 268

Mozilla Firefox, браузер, 26

MP3, 268

MPEG, 268

N

NAME, 69, 157, 159, 165, 171, 172,

193, 225

Netscape Navigator, браузер, 26

NOHREF, 70

NONE, 41280   Алфавитный указатель

NORESIZE, 171

NOSHADE, 89

NOWRAP, 124

O

ONBLUR, 71

ONFOCUS, 71

Opera, браузер, 26

P

PASSWORD, 159

ppi, 62

preload, 265

PSD, 256

Q

QuickTime, 267

R

RADIO, 159

Real Audio/Video, 268

RealPlayer, 268

REL, 227

RESET, 160

REV, 227

RGB, 39

RIGHT, 37, 40

RIGHTMARGIN, 32

ROWS, 165, 169

ROWSPAN, 124

RULES, 125

S

Safari, браузер, 26

SCROLLAMOUNT, 101

SCROLLDELAY, 101

SCROLLING, 171, 172

SHAPE, 69

Shockwave Flash (SWF), 266

SIZE, 38, 89, 157, 159

spi, 62

SRC, 59, 98, 159, 171, 172

Standard Generalized Markup

Language (SGML), 15

START, 107

STYLE, 116, 230

SUBMIT, 160

SWF, 266

T

TABINDEX, 70

TARGET, 70, 157, 172

TEXT, 31, 80, 160

TITLE, 70, 193

TOP, 233

TOPMARGIN, 32

twitter, популярный сайт, 220

TYPE, 98, 107, 111, 159, 227

U

Uniform Resource Identifier

(URI), 49

Uniform Resource Locator

(URL), 192

USEMAP, 59, 71

V

VALIGN, 122, 123, 124

VALUE, 160

VLINK, 31

VSPACE, 59, 101, 122

W

WAV, 268

WEIGHT, 258

width, 265

WIDTH, 59, 89, 101, 122, 172, 233

Windows Media Player, 269

Windows Media Server, 269

Word Wide Web (WWW), 23

World Wide Web Consortium

(W3C), 17, 224

World Wide Web (WWW), 15  Алфавитный указатель   281

Z

ZEL, 266

А

аббревиатура, 51

абзац, 40

аккаунт, 220

акроним, 51

альтернативный текст, 59

апплет, 19

атрибут, 30

Б

баннер, 211

баннерная реклама, 210

бегущая строка, 101

блог, 220

браузер, 26

Microsoft Internet Explorer, 17

Mosaic, 17

Netscape Navigator, 17

В

Ванневар Буш (Vannevar Bush), 15

веб-браузер, 26

веб-мастер, 23

веб-сайт, 23

веб-страница, 14

вложенный список, 114

вложенный фрейм, 187

внешний объект, 98

внешняя ссылка, 195

внутренняя ссылка, 194

волшебная палочка, 257

встраиваемый стиль, 240

выделение

прямоугольное, 257

столбца пикселов, 257

строки пикселов, 257

эллиптическое, 257

выравнивание

изображений, 67

по вертикали, 122

по горизонтали, 122

текста, 37, 42

Г

гипертекст, 15, 28

гипертекстовая ссылка, 28

глоссарий, 116

горизонтальная линия, 89

горизонтальное выравнивание, 37

графика, 59

анимационная, 266

векторная, 266

растровая, 62

графическая ссылка, 199

графический файл, 59

группирование стилей, 239

Д

динамический слой, 234

домен, 218

З

заголовок

таблицы, 123

текста, 37

значение, 238

И

изображение

коррекция, 260

открытие, 256

размер, 258

разрешение, 258

сохранение, 256

импортируемый стиль, 244

инструмент

Crop, 262

Elliptical Marquee, 257

Lasso, 257

Magic Wand, 257

Magnetic Lasso, 257

Poliganol Lasso, 257282   Алфавитный указатель

Rectangular Marquee, 257

Single Column Marquee, 257

Single Row Marquee, 257

Интернет, 14, 23

информации об авторе

документа, 96

К

кадрирование, 262

каскадные листы стилей, 236

клавиатурный символ, 91

кнопка, 160

комментарий, 50, 51, 98

консорциум W3C, 238

корпоративный сайт, 219

Л

лассо, 257

магнитное, 257

многоугольное, 257

линия горизонтальная, 89

лист стиля, 98

М

магнитное лассо, 257

маркер, 111

маркированный список, 106, 111

метод

file, 192

ftp, 192

http, 192

mailto, 192

news, 192

telnet, 192

многострочное поле, 165

многострочный список, 163

многоугольное лассо, 257

моноширинный шрифт, 53

Н

набор фреймов, 168

начертание, 45

неразрывная строка, 48

нумерованный список, 106

О

объект внешний, 98

объявление, 238

определение

META-определение, 237

на веб-странице, 52

типа документа, 224

отклик баннера, 211

П

паук, 221

переключатель, 159

пиксел, 63, 76

плавающий фрейм, 187

подключаемый стиль, 240

поиск

по URL-адресу, 218

по тематическим ссылкам, 218

с помощью поисковых

систем, 221

поисковая система, 221

поле ввода, 159

ползун, 221

потоковое видео, 268

потоковые данные, 268

правило, 238

предварительное

форматирование, 43

пробел, 56

прямоугольное выделение, 257

Р

разрешение изображения, 62, 258

разрыв строки, 40

региональный сервер, 220

С

сайт, 217

свойство, 238  Алфавитный указатель   283

связываемый стиль, 243

селектор класса, 240

сетевой робот, 221

символ

клавиатурный, 91

специальный, 94

синтаксис листа стиля

значение, 238

объявление, 238

правило, 238

свойство, 238

элемент, 238

слой

динамический, 234

понятие, 229

создание, 229

текстовый, 230

служба

e-mail, 15

Usernet, 15

специальный символ, 94

список

вложенный, 114

выбора, 162

маркированный, 106, 111

многострочный, 163

нумерованный, 106

определений, 106, 116

ссылка, 191

внешняя, 195

внутренняя, 194

графическая, 199

стандартный цвет, 80

стиль, 98, 237

встраиваемый, 240

импортируемый, 244

подключаемый, 240

связываемый, 243

столбец таблицы, 122

строка

бегущая, 101

неразрывная, 48

таблицы, 122

структурная разметка, 15

сценарий, 97

Т

таблица, 121

создание, 121

столбцы, 122

строки, 122

цветов, 82

ячейки, 122

тег, 25, 29

текст

абзацы, 40

акроним, 51, 269

альтернативный, 59

выравнивание, 37, 42

комментарий, 51

начертание, 45

неразрывные строки, 48

определение, 52

предварительное

форматирование, 43

размер, 38

уровни заголовков, 36

цитирование, 49

шрифт, 38

шрифтовое выделение, 52

текстовый слой, 230

технология

Java, 211

QuickTime, 269

Real Audio/Video, 268

ShockWave, 211

Windows Media Player, 269

Windows Media Server, 269

Тим Бернерс-Ли

(Tim Berners-Lee), 15

тип документа, 224

У

универсальный указатель

ресурса, 192

Ф

флажок, 159

фон, 79

фоновый рисунок, 79284   Алфавитный указатель

форма, 157

формат

AIFF, 268

AVI, 267

BMP, 61

GIF, 60, 211, 256

JPEG, 61

JPG, 211

MOV, 267

MP3, 268

MPEG, 268

Ogg Vorbis , 267

PCX, 62

PNG, 61

PSD, 256

QuickTime, 267

SWF, 266

WAV, 268

форматирование

предварительное, 43

фрейм, 167

вложенный, 187

плавающий, 187

Х

хост, 216

хостинг, 216

Ц

цвет

ссылки, 80

стандартный, 80

шрифта, 38

цитата, 49

Ч

червь, 221

Ш

шрифт, 38, 53

шрифтовое выделение, 52

Э

элемент

листа стиля, 238

управления, 159

эллиптическое выделение, 257

Я

язык

Dynamic HTML, 19

Java, 19

JavaScript, 19

Perl, 20

PHP, 20