TRuEINfo.narod.ru
Учебное пособие по Html...
Навигация
Раздел
Содержание
Счетчики
Местонахождение: Web-мастерам / Учебное пособие по html

Раскрашивание страничек

Параметры тега <BODY>, влияющие на изменение цвета:
  1. BGCOLOR - цвет фона.
  2. ТЕХТ - цвет текста. Действие последнего распространяется на весь текст, кроме тех фрагментов, где цвет изменен с помощью параметра <font соlоr="..">текст</font>.
  3. LINK - цвет гипертекстовой связи.
  4. VLINK - цвет гипертекстовой связи, уже посещенной в прошлом.
  5. ALINK - цвет активной гипертекстовой связи.
Обозначать чистые цвета можно по-английски: black, white, green, red, blue, yellow и т. д. Но есть и другая форма записи цвета:
     <body bgcolor="#FF0000" background="file.jpg" text="#000000" link="blue" vlink="green">
В указанном выше примере цвет фона (bgcolor= "#ff0000") указывается шестнадцатеричным числом, имеющим следующую структуру: RED - GREEN - BLUE или RGB . На каждый цвет отводится 256 значений, обозначающих присутствие того или иного компонента в окончательном цвете.
Установка значения цвета фона выглядит следующим образом:

BGCOLOR = "#Шестнадцатеричное значение".

     Таблицы цветов есть в графических редакторах, а также в некоторых Web-редакторах, например в редакторе Web Pen. Там же можно выбрать смешанные цвета, подобрать оттенки. Но я рекомендую пользоваться таблицей цветов, которые воспринимает Интернет. Найти ее можно в разделе "Бесплатное" на сервере известного Web-дизайнера Артемия Лебедева но адресу http://www.design.ru.

Обои на странице.

     "Обои" - это фон, на котором будет располагаться вся ваша информация. Они представляют собой графический файл, обычно с расширением .GIF или .JPG.
     Вставить "обои" в HTML-документ можно с помощью параметра BACKGROUND тега <BODY>. Графический файл "обоев" не должен занимать больше 5 Кбайт памяти. Очень важно сделать bgcolor того же оттенка, что и "обои".

<body background="kirpich.jpg" bgco1or="оrangе">

     Простейший пример включения графического изображения в страницу:

<IMG SRC="l.gif">

     Если графический файл находится в том же каталоге, что и HTML-документ, то можно указать только имя этого файла:

<IMG SRC= "1.GIF">

     Если на том же сервере, но в другом каталоге, то указывается имя каталога и файла:

<IMG SRC="pics/ 1.gif">

     В случае, когда файл с изображением находится на другом сервере, необходимо указать URL, то есть дать полный путь:

<IMG SCR="URL"> ; <IMG SRC="http://www.belti.гu/pics/belti.gif">

     <img src= "рics/1.gif" a1ign="1eft" width= "300" height="400" hspace="5" vsрасе= "10" a1t= "1ogo">
     Если вы располагаете изображение внутри параграфа, то его можно выровнять с помощью атрибута ALIGN (выравнивание), который имеет дополнительные параметры:
  1. MIDDLE или СЕNTЕR - выравнивание по центру (ALIGN= middle или center);
  2. LEFT - выравнивание по левому полю (ALIGN=left);
  3. RIGHT - выравнивание по правому полю (ALIGN=right);
  4. ТОР - выравнивание по верхней границе (ALIGN=top);
  5. BOTTOM - выравнивание по нижней границе (ALIGN= bottom).

     Многие программы просмотра, в том числе Netscape Navigator, перед началом отображения пытаются "спланировать" размещение текста, рисунков и таблиц на странице и не выводят изображение до тех пор, пока не узнают его размеры. Если вы хотите, чтобы программы просмотра сразу начинали выводить текст вашего документа по мере его получения, вам следует указать фактические размеры рисунков и таблиц в пикселах. Для этого и используются дополнительные параметры картинки WIDTH (ширина) и HEIGHT (высота) в описаниях графических изображений. Эти небольшие добавления оказываются очень полезными при работе в сетях с низкой пропускной способностью. Размер графического файла в байтах никак не ограничен, но все же необходимо помнить, что передача большого графического (да и текстового) файла может занять очень много времени, особенно при низкой пропускной способности Сети. Тем временем большинство путешествующих по WWW используют медленное соединение. Перегрузив вашу страницу большими изображениями, которые передаются по Сети целую вечность, вы можете попасть в безлюдный уголок киберпространства.
     Атрибуты HSPASE и VSPASE обозначают горизонтальный и вертикальный отступ. Они используются для того, чтобы задать отступ от краев изображения до текста.

<IMG SRC=" image/yuk42.jpg" align=left hspace=20>
<p> текст </p>

     Атрибут ALT - альтернативный текст, который выводится на том месте, где должен находиться рисунок.
Реклама
Hosted by uCoz