Краткий экскурс в ВЕБ

Краткий экскурс в ВЕБ - Изображения

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

Но помните, что изобилие графики – признак дурного тона! В общем, утверждение - «минимализм всегда в моде» - относиться и к web дизайну.

Для вставки в страницу графики используется конструкция:

< IMG SRC="Рисунок" BORDER="0" ALIGN="Выравнивание" WIDTH="Ширина" HEIGHT="Высота" HSPACE="Отступ1" VSPACE="Отступ2" ALT="Подсказка">

Остановимся на каждом параметре более подробно.

SRC – имя файла-картинки и ее расширение. расширением (поддерживаются *.jpg, *.gif, *.png)

ALIGN – Выравнивание нашего изображения. Может иметь значения:
left - по левому краю.
right - по правому краю.
top - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.

BORDER – рамка вокруг изображения. Ели параметр опустить, то рамки не будет (значение 0)

WIDTH и HEIGHT - соответственно ширина и высота изображения. Всегда задавайте размеры картинки в параметрах height и width, резервируя тем самым место в окне Обозревателя еще до загрузки изображения.

HSPACE и VSPACE – соответственно, горизонтальный и вертикальные отступы от кромки изображения. Параметр не является обязательным.

ALT - это сообщение, которое выводится вместо картинки, если она не показывается (не найдена или пользователь настроил свой Обозреватель так, что тот не показывает картинки). Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится на рисунке. Параметр необязателен, но лучше не лениться и прописывать его при вставке каждого изображения.

Советы:

Hе применяйте крупных по "весу" изображений – они долго грузятся.

Большое изображение делайте из нескольких маленьких – "малыши" тратят меньше времени на свою загрузку.

Если на изображении сотни цветов или оно имеет фотографическое качество - пользуйтесь форматом JPEG. Он обеспечивает меньший размер файла для таких изображений. Если же это изображения с крупными монотонными областями или текстом, пользуйтесь форматом GIF, так как JPEG "пачкает" цвета и смазывает текст.