Вставка графических изображений
Серверы WWW получили такое широкое распространение не в последнюю очередь за счет возможности размещения на страницах WWW графических изображений.
Однако как и в любом деле, здесь нельзя перебарщивать. Когда разработчик размещает на странице графическое изображение большого размера, он должен учитывать, что удаленный абонент, подключенный к сети Internet
через низкоскоростной модем, может потратить немало времени на загрузку страницы. Едва ли это ему понравится. Поэтому будет лучше, если вы разместите на странице графическое изображение небольшого размера, и сделаете ссылку, пользуясь которой пользователь при необходимости сможет просмотреть полноформатное изображение.
Однако вернемся к вставке графических изображений.
Для вставки графического изображения в документ HTML вы можете воспользоваться командой <IMG…>, как это показано в приведенном ниже примере:
<IMG SRC="pic.jpg" ALT="Sample">
Параметр SRC задает указатель на файл графического изображения, который в данном случае при размещении страницы на диске сервера WWW должен находиться в том же каталоге, где и страница.
Вы можете включать в указатель полный путь к файлу, содержащему графическое изображение, однако такой подход может затруднить перенос файла документа HTML из одного каталога в другой.
Параметр ALT задает текст, который отображается вместо графического изображения, если возможность вывода графики отсутствует или отключена, либо если файл изображения еще не успел загрузиться на локальный диск пользователя. Так как некоторые пользователи могут просматривать вашу страницу WWW в текстовом режиме (например, при помощи программы LYNX ), мы рекомендуем всегда указывать параметр ALT.
Помимо параметров SRC и ALT
вы можете использовать и другие. Например, параметр ALIGN. Этот параметр, который может иметь значения TOP, MIDDLE или BOTTOM, определяет расположение текста, который находится в том же параграфе, что и графическое изображение:
| Параметр | Описание |
| TOP | Если параметр ALIGN имеет значение TOP, текст параграфа выравнивается по верхнему краю графического изображения |
| MIDDLE | Текст центрируется по высоте изображения |
| BOTTOM | Текст параграфа выравнивается по нижнему краю графического изображения |
Фирма Netscape разработала собственные расширения для команды <IMG…>, добавив новые значения для параметра ALIGN: right, texttop, absmiddle, baseline и absbottom:
| Параметр | Описание |
| right | Если указан параметр right, графическое изображение будет выравнено по правой границе окна просмотра, а текст, размещенный в том же параграфе, что и графическое изображение, окажется слева |
| texttop | Параметр texttop аналогичен параметру TOP, за исключением того что выравнивание текста выполняется по наиболее высоким буквам в верхней строке |
| absmiddle | При использовании параметра absmiddle средняя линия текста центруется по вертикали относительно изображения |
| baseline | Параметр baseline предназначен для выравнивания базовой линии текста по нижнему краю изображения |
| absbottom | С помощью параметра absbottom выполняется выравнивание нижней линии текста по нижнему краю изображения |
Из-за недостатка места мы не будем подробно останавливаться на параметрах, позволяющих размещать на странице так называемую сегментированную графику. Это параметры USEMAP и ISMAP.
Сегментированное графическое изображение - это специальным образом подготовленное битовое изображение, в котором при помощи специальных программ определены "чувствительные точки". При этом описание этих точек находится в отдельном файле, размещенном на сервере WWW.
Обычно сегментированную графику используют для создания графических инструментальных линеек с кнопками, с помощью которых пользователь может переходить на те или иные страницы WWW. Однако создавая такие страницы, не забывайте о тех пользователях сети Internet, которые просматривают страницы WWW в текстовом режиме. В этом случае вы должны предусмотреть либо полностью текстовый вариант страницы, либо предоставить альтернативную возможность для доступа к страницам, ссылки на которые организованы в виде графического меню.
