Web Builder II

В практике, изображения имеют очень большую роль, так как "сухая" страница, можна сказать, "отпугивает" пользователей, хоть и не всех.
Здесь сложного ничего нет - всего один тэг:

Путь SRC вказывать обезательно, остальные параметры - нет.

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

Наполняя страницу, не переусербствуйте, не использейте много рисунков различной цветовой гаммы, очень ярких и контрастных, а то она будет выгледить не лучше рекламной доски. Вообще, странича должна быть такой, чтобы глядя на ее, глаза не уставали.

SRC Имя графического файла с расширением (поддерживаются *.jpg, *.gif, *.png). Если файл находится в другом каталоге, укажите к нему путь (значение src).

ALIGN Выравнивание изображения в документе:
left - по левому краю.
right - по правому краю.
top или texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - выравнивает центр текущей текстовой строки с центром изображения.
bottom или baseline - выравнивают нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

BORDER Рамка вокруг рисунка. Значение по умолчанию - 0 (без рамки).

WIDTH Ширина изображения в пикселях.

HEIGHT Высота изображения в пикселях.

HSPACE Горизонтальный отступ графического изображения в пикселях. Не обязательный параметр.

VSPACE Вертикальный отступ в пикселях. Не обязательный параметр.

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

NAME Определяет имя изображения. Для обычного изображения, не связанного ни с чем, этот параметр совсем не обязательный.

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

Примеры:

<img src="im/22.gif" width="68" height="69">

<img src="im/23.gif" width="96" height="44" border="3">

Обратите внимание, во втором рисунке параметр border="3" создает границу, шириной 3 пикселя. Черная рамка вокруг анимации - встановленная граница.

Всегда задавайте размеры картинки в параметрах height и width, резервируя тем самым место в окне обозревателя еще до загрузки изображения. Вы наверно встречали страницы, когда начинаешь что-нибуть читать, а рисунки, загружаясь, мешают, создавая ефекты скачков. Параметр alt можно не указывать, но вдруг у человека не загрузилась картинка, он хоть будет знать, что она собой представляет. Но если рисунок - елемент дизайна страницы, лучше не указывайте, чтобы не было лишних ненужных текстов на екране.

Если фон картинкы или анимации отличается от фона страницы, выглядит на нем некрасиво, рекомендую сдулать для картинкы границу(border).

Ищё забил о создании рисунков. Чаще всего, вам понадобится самому рисовать разные елементы обделки страничек. Так вот, в Фотошопе есть замечательная улитка - Сохранить для веб. С ее помощю, можна сохранить изображения, размеры которого в несколько раз меньше, что очень важно для интернет-страничек.

Участие в каталогах