Maker, создадим новый документ, импортируем в него картинку, выделим ее и кликнем на

Проще будет задать указанные свойства через наш веб-конструктор. Откроем Web Page

Случае, через значение border атрибута style, мы выбрали границу толщиной 16 пикселей,

Парный, открывающий и закрывающий свойства пространства вокруг рисунка. В данном

Страшновато получилось (см. рис. 23, a), вот почему лучше нам добавить к рисунку

Эксперимента ради попробуем изменить толщину границы, напишем вместо нуля

Его рамки.

Бут src означает описание, дескрипцию тэга. Сейчас описание у нас никуда не годится,

Ваться кодом. Тем более что он несложен, основывается на использовании одинарного тега

Ствляется посредством навигационной панели Web Page Maker, где есть иконка Image

Вставка настоящего рисунка в веб-документ тоже предельно проста, она осуще-

(или через меню Insert › Image – «Вставка › Изображение»). Но нужно уметь и пользо-

‹img›. Рассмотрим пример: ‹img src=“images/very_beautiful_girl.jpg"›: на страничке задан

рисунок very_beautiful_girl.jpg, который броузер должен открыть из папки images. Атри-

зададим дополнительные атрибуты: ‹img width=536 height=427 border=0 src=“images/

very_beautiful_girl.jpg"›. Теперь у нас есть ширина, высота рисунка и толщина обрамляющей

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

новый тэг ‹div› и написать вот такую штуку: ‹div style=“border:#808080 16px windowinset"›‹

img width=536 height=427 border=0 src=“images/very_beautiful_girl.jpg"›‹/div›. Тэг

с форматом window-inset (оконная рама) и с расцветкой #808080 (один из оттенков серого).

Мило, но выбранная нами рамка не подходит картинке по размеру (рис. 23, b). Вот почему

иконку свойств Properties. Выбираем закладку Colors and Borders – заливки и границы, здесь

выставляем параметры рамочки (рис. 24).

Рис. 23. Неудачные решения для рамочки

С. Н. Бердышев. «Искусство оформления сайта. Практическое пособие»

Рис. 24. Решение для рамочки от Web Page Maker

Пока мы в «Свойствах», не забудем поставить для этой картинки альтернативный текст.

Выберем закладку Image и запишем название рисунка в окошечке Alt text.

Примечательно, что тэг ‹img› тоже имеет собственный атрибут align=. Когда рисунок

находится в блоке ‹div›, это не особенно важно, смысл этот атрибут приобретает при вне-

дрении рисунка в текст. Различаются следующие варианты расположения картинки:

align=“left” – текст обтекает рисунок, который располагается слева;

align=“right” – текст обтекает рисунок, который располагается справа;

align=“top” (или “texttop”) – рисунок внутри текстовой строки, его верхняя граница

совпадает с верхней границей букв текста;

align=“middle” (или “absmiddle”) – рисунок внутри текстовой строки, которая верти-

кально выравнивается по центру рисунка;

align=“bottom” (также “absbottom” либо “baseline”) – рисунок внутри текстовой строки,

Дата добавления: 2015-06-28