Мультимедиа
В HTML предусмотрен целый ряд возможностей для работы с мультимедиа.
Это встраивание графики и использование звуков, применение анимационных роликов и видеофильмов.
Применение мультимедийных возможностей является далеко не последним аргументом в борьбе за привлечение новых пользователей web-сайта, в то же время при использовании мультимедиа необходимо соблюдать чувство меры.
Хорошо оформленная web-страница позволит привлечь и удержать внимание посетителей, в то же время чрезмерное увлечение изображениями, звуковыми эффектами и т.п. может затруднить просмотр страницы (при медленных каналах связи) или отпугнуть чересчур навязчивыми мелодиями.
В общем случае при использовании мультимедиа на web-страницах желательно придерживаться следующих правил: оформление сайта должно соответствовать его содержанию, применение графики и мультимедиа должно упрощать навигацию по сайту, должна быть предусмотрена возможность работы с web-страницей для медленных каналов связи (замещающие надписи, дублирующие текстовые меню
или специальные текстовые варианты страницы).
В рамках данного курса будут рассмотрены возможности HTML по использованию изображений на web-страницах.
Примеры
Вставка изображений
<html>
<body>
<p>
Изображение:
<img src="logo.gif"
width="285" height="52">
</p>
<p>
Динамическое изображение:
<img src="100x100_4.gif"
width="100" height="100">
</p>
<p>
Обратите внимание, что синтаксис вставки динамического изображения
не отличается от синтаксиса для обычного изображения.
</p>
</body>
</html>
Этот пример показывает, как вывести изображения на Web-странице.
Вставка изображений из различных мест
<html>
<body>
<p>
Изображение из другой папки:
<img src="/img/dvd.jpg"
width="160" height="237">
</p>
<p>
Изображение с сайта ИНТУИТ:
<img src="http://www.intuit.ru/img/logo.gif" width="285" height="52">
</p>
</body>
</html>
Для выравнивания изображений используется атрибут align.
- align=top – изображение выравнивается по верхнему краю текущей текстовой строки, не меняя позиции по горизонтали. При этом речь идет как о тексте, так и о графике;
- align=middle – изображение центрируется по вертикали на базовой линии текущей текстовой строки, не меняя позицию по горизонтали;
- align=bottom – нижний край изображения выравнивается по горизонтали на базовой линии текущей текстовой строки;
- align=left – изображение смещается к левому краю рабочей зоны, последующий текст сразу же начинает «обтекать» графику;
- align=right – то же что и для left, только изображение смещается к правой части рабочей зоны.
Атрибут Alt
В ряде случаев графическое изображение на Web-странице не может быть отражено. Во избежание этого в HTML используется атрибут alt, который задает цепочку символов (максимальная длина 1024 символа), отображаемую в браузере вместо изображения и в произвольной форме описывающую его (заменяющий текст).
Использование атрибута alt считается признаком хорошего HTML-тона.