Глобальные сети компьютеров. Практическое введение в Internet

         

Вставка графических изображений


Серверы 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

выполняется выравнивание нижней линии текста по нижнему краю изображения
Используя специфические параметры, разработанные фирмой Netscape, вы можете улучшить внешний вид вашей страницы, причем эти расширения совместимы с навигатором Microsoft Internet Explorer .

Из-за недостатка места мы не будем подробно останавливаться на параметрах, позволяющих размещать на странице так называемую сегментированную графику. Это параметры USEMAP и ISMAP.

Сегментированное графическое изображение - это специальным образом подготовленное битовое изображение, в котором при помощи специальных программ определены "чувствительные точки". При этом описание этих точек находится в отдельном файле, размещенном на сервере WWW.

Обычно сегментированную графику используют для создания графических инструментальных линеек с кнопками, с помощью которых пользователь может переходить на те или иные страницы WWW. Однако создавая такие страницы, не забывайте о тех пользователях сети Internet, которые просматривают страницы WWW в текстовом режиме. В этом случае вы должны предусмотреть либо полностью текстовый вариант страницы, либо предоставить альтернативную возможность для доступа к страницам, ссылки на которые организованы в виде графического меню.


Содержание раздела