Информатика и выч. техника \ Информационные технологии и системы

Использование графики при разработке html-страниц, страница 3

<BODY background="http://webapp/images/fon3.jpg">

Фоновая картинка выкладывается "черепицей" по всей html-странице. При этом важно чтобы картинка стыковалась сама с собой по левой и правой, верхней и нижней границам. Некоторые из прилагаемых к работе картинок обладают этим свойством.

Пример html-страницы, содержащей картинки. (См. также файл test_l3.html.)

<html>

<head>

<title>Страница с картинками</title>

<head>

<body background=images/fon1.jpg>

<img src=images/butte.gif align=left width=110 height=84 vspace=12>

<img src=images/runrabit.gif align=right width=135 height=129 hspace=50>

Пример html-страницы с картинками и gif-анимацией. Картинки попарно выровнены по левой и правой сторонам.<br>

<img src=images/rowboat_small.gif align=left width=51 height=37 hspace=50>

<img src=images/superav_small.gif align=right width=72 height=48>

Две из них выровнены по границам пространства, ограниченного соседними картинкам. Один из зайцев и лодка сдвинуты атрибутом hspace.

<br><br><br>

<img src=images/butte.gif align=right width=110 height=84>

<img src=images/runrabit.gif align=left width=135 height=129>

</body>

</html>

2.3. Картинки и гиперссылки

Для связей между html-страницами и сайтами нередко используются картинки вместо текстового описания гиперссылки. В случае ссылок на другие сайты такие картинки называются баннерами. Баннеры, как правило, представляют собой логотипы компаний – владельцев сайтов или счётчики числа посещений сайтов, что также нередко привлекает интерес к сайтам. Трудно сказать, насколько эффективен такой подход, так как большое количество баннеров перегружает html-страницы, которые начинают напоминать витрины магазинов. Поэтому правильное размещение рекламных баннеров на сайте – основа его успеха.

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

Скачать файл