школа по созданию сайтов


Форматирование изображений

Если Вы поместили Ваше изображение на страничке, то теперь необходимо освоить форматирование изображения. Изменить размер изображения, а также задать для него другие свойства элементарно просто. Для этих целей используются атрибуты: height="", width="", vspace="", hspace="", align="", topmargin="", leftmargin="", border="" и etc. Эти атрибуты необходимо указывать в составе тега «img». Рассмотрим основные варианты их использования.

Ширину и высоту Вашего изображения Вы можете задать при помощи тегов: height="n", width="m", где вместо «n» - надо указать высоту изображения в пикселах, а вместо «m» - указать ширину изображения также в пикселах (кавычки "" необходимо оставить). Цифра указанная Вами принимается браузером в пикселах по умолчанию. Но Вы, при необходимости, можете указать величину изображения и в процентах, поставив после значения знак %. Если эти атрибуты не указывать, то изображение будет помещено с оригинальным размером.

Форматирование изображений

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

Поместить изображение в нужном месте на страничке Вы сможете с помощью атрибута align="". Этот тег имеет следующие значения: top – сверху, middle – посередине, bottom – снизу, left – слева, right – справа. Если этот атрибут не указывать, то изображение будет помещаться сверху слева странички, фрейма или ячейки таблицы. Кроме этого, для изображения может быть задан в пикселах отступ от позиции topmargin="" – сверху и leftmargin="" – слева.

Часто изображение присутствует в тексте: предшествует ему, окружено им или дополняет его, и для этого необходимо указать его положение относительно текста, задать отступы. Для этого служат атрибуты vspase и hspace, которые задают отступ в пикселах над и под изображением, а также, слева и справа от изображения соответственно.

Стоит отметить, что разные браузеры разных разработчиков, из-за свободы интерпретации и конкуренции, стремясь улучшить представление графики по-разному (по-своему) отображают Ваше изображение на страничке. Поэтому Вам необходимо для объективного представления Вашей графики тестировать её отображение в нескольких браузерах, особенно в самых популярных, таких как Google Chrome, Opera, Mozilla Firefox, Safari и Internet Explorer.

Конечно, на этом работа с изображениями не заканчивается. Будет очень хорошо, если Вы освоите парочку графических редакторов. Помещайте на страничках только свои фотографии, рисунки, и изображения. Заимствовать их с других сайтов не стоит. Помните, если изображение кажется удачным Вам, то оно покажется удачным и другим людям, например Вашим друзьям, обращайтесь к ним за мнением и советами. Форматирование изображений поможет Вам поместить Вашу графику на страничке самым лучшим образом.




по созданию сайтов


© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2014 гг.