Создание ссылки, работа с изображением

В Интернете ссылки играют очень важную роль, так как они связывают разные веб­-страницы. Без них существование Интернета немыслимо. Ссылки создаются с помощью эле­мента А (от англ. "anchor" — указатель). Атрибут href (от англ. "hypertext reference" — ги­пертекстовая ссылка) данного элеме!гга определяет веб-адрес файла, на который разработчик создает ссылку. Этот адрес называется VRL (сокращение от англ. "uniform resource locator") — универсальный указатель ресурса. Так выглядит ссылка в HTML.

href="http://www.dialektika.com/щ>содержимое</А>

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

Если на веб-странице будет только текст, большинство пользователей сочтут этот сайт скучным. Довольно редко встречаются сайты без изображений. При размещении изображе­ний в Интернете обычно используются три формата файлов: GIF, /PEG (также называемый JPG) и PNG.

Где брать изображения? Их можно создавать с "чистого листа", а можно загрузить уже готовые файлы на одном из сайтов. При использовании чу-­жих изображений, а так делает большинство дизайнеров, необходимо сначала ознакомиться с особыми условиями договора, предложенного на сайте. Возможен и другой вариант, когда изображения защищены авторским правом. Тогда их нельзя использовать просто так, без раз­решения. К счастью, большинство собственников изображений в Интернете с удовольствием дадут такое разрешение, попросив взамен лишь создать ссылку обратно на свои адрес. Такое соглашение обеспечивает рост популярности сайта, с которого разработчик заимствует изо­бражение, а разработчику, в свою очередь, оно даст бесплатный высококачественный мате­риал для создания интересного сайта с графикой. Все остаются довольны.

Наиболее распространенные элементы на веб-страницах, кроме теста, — изображения. Для их вставки на страницу используется тег <IMG>. Его обязательный атрибут— src. Он указывает имя графического файла, а при необходимости и путь к нему (если этот файл рас­положен не в той же папке, что и HTML-файл).

 

Таким образом, в простейшем случае для размещения изображения на веб-странице дос­таточно следующего кода . <IMG src="сидящие16.jpg">

Если графика расположена в другой папке, нужно указать путь к файлу, как показано в следующем фрагменте программного кода. <IMG src="CKyKal6.jpg">

Если графический файл вообще размещен на другом веб-сервере, надо указать полный URL-адрес, как в следующем фрагменте программного кода. <IMG src="http://www.имя_сервера.сот/скука16.jpg">

В разделе "Создание ссылок" упоминалось о том, что графику можно использовать в ка­честве ссылок точно так же, как и текст. Для этого необходимо разместить тег <IMG> между открывающим и закрывающим тегами <А>. как в следующем фрагменте программного кода. <А href="http://www.dialektika.com/"><IMG sгс="скука16.jpg"x/A>

В отличие от обычной графики фоновые рисунки создаются с помощью атрибута back­ground тега <BODY>, а не тега <IMG>, как в приведенном фрагменте программного кода. <BODY background»"гитара2.jpg">

Таким образом, происходит мозаичное заполнение фона, т.е. изображение повторяется до тех пор, пока не достигнет конца экрана, как в горизонтальном, так и в вертикальном направ­лении. Благодаря таким свойствам большинство разработчиков предпочитают небольшие фоновые изображения.

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

 

 

 

 

Реклама