KNOWLEDGE HYPERMARKET

Фон веб-страницы. Полные уроки
Строка 37: Строка 37:
[[Image:Fon1.jpg]]  
[[Image:Fon1.jpg]]  
-
 
+
<br>
Документ можно раскрасить любым другим цветом. <br>  
Документ можно раскрасить любым другим цветом. <br>  
-
Если в элементе '''&lt; '''''BODY<span style="font-weight: bold;"> </span>''<span style="font-weight: bold;" />'''&gt;''' цвет не указывать, то по умолчанию он будет белым.  
+
Если в элементе '''&lt; '''''BODY<span style="font-weight: bold;"> </span>''&lt;span style="font-weight: bold;" /&gt;'''&gt;''' цвет не указывать, то по умолчанию он будет белым.  
[[Image:Fon2.jpg]]  
[[Image:Fon2.jpg]]  
-
 
+
<br>
Больше цветов для использования их как фона можно взять по этой ссылке: http://www.artlebedev.ru/tools/colors/  
Больше цветов для использования их как фона можно взять по этой ссылке: http://www.artlebedev.ru/tools/colors/  
Строка 61: Строка 61:
<br> [[Image:Fon3.jpg]]  
<br> [[Image:Fon3.jpg]]  
-
 
+
<br>
Но есть некоторые правила при использовании цвета для фона.  
Но есть некоторые правила при использовании цвета для фона.  
Строка 75: Строка 75:
Кроме цвета, фоном также может служить и картинка или какой-нибудь узор.<br>  
Кроме цвета, фоном также может служить и картинка или какой-нибудь узор.<br>  
-
С помощью того же тэга &lt; '''BODY''' &gt; и такого атрибута как '''«Background»''', можно использовать любую картинку как фон веб-страницы. ]
+
С помощью того же тэга &lt; '''BODY''' &gt; и такого атрибута как '''«Background»''', можно использовать любую картинку как фон веб-страницы. ]  
Атрибут ''"Background"'' указывает путь, где лежит картинка для фона.  
Атрибут ''"Background"'' указывает путь, где лежит картинка для фона.  
Строка 87: Строка 87:
[[Image:Fon4.jpg]]  
[[Image:Fon4.jpg]]  
-
 
+
<br>
Существуют некоторые замечания по поводу использования картинки как фона:  
Существуют некоторые замечания по поводу использования картинки как фона:  

Версия 13:35, 29 марта 2011

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Фон веб-страницы.

Тема: Фон веб-страницы.

Цель: Научить изменять фон веб-страницы посредством как цвета, так и картинки.


Цвет как фон.

Цвет фона веб-страницы устанавливается в уже знакомом тэге < BODY>.

Например, мы хотим, чтобы фон документа был розовым.

Вот так выглядит код:


< html >

< head > < title > Фон страницы < /title >

< /head >

< 'BODY'bgcolor="pink" >

< h2 > Сейчас используется розовый цвет для фона < h2 >

< /body >

< /html >


Fon1.jpg


Документ можно раскрасить любым другим цветом.

Если в элементе < BODY <span style="font-weight: bold;" />> цвет не указывать, то по умолчанию он будет белым.

Fon2.jpg


Больше цветов для использования их как фона можно взять по этой ссылке: http://www.artlebedev.ru/tools/colors/




Важно иметь ввиду, что в тэге < BODY > одновременно можно прописывать и цвет текста, и цвет фона.

Например: <body text="green" bgcolor="pink">


Fon3.jpg


Но есть некоторые правила при использовании цвета для фона.

Например, не нужно злоупотреблять яркими фонами: желтым, красным, салатовым и т.д.

Пожалейте глаза посетителей – ведь яркие цвета трудно воспринимаются.


Картинка как фон

Кроме цвета, фоном также может служить и картинка или какой-нибудь узор.

С помощью того же тэга < BODY > и такого атрибута как «Background», можно использовать любую картинку как фон веб-страницы. ]

Атрибут "Background" указывает путь, где лежит картинка для фона.

В этом примере он указывает на то, что картинка лежит в той же папке, что и наш документ.

Например, <body background="image1.jpg" >


Fon4.jpg


Существуют некоторые замечания по поводу использования картинки как фона:

  • Во-первых, нужно тщательно выбирать картинку для фона, так как их большинство просто не годятся для фона или же ужасно выглядят во множестве
  • Во-вторых, рекомендуется для фона брать какой-либо узор (как в примере, выше)
  • В-третьих, важно знать, что картинка в документе «размножается» слева направо и сверху вниз






Вопросы:

1. Какая команда позволяет установить фоновый цвет документа?

2. Что нужно сделать для того, чтобы поставить на фон картинку?

3. Перечислите основные правила при размещении фоновой картинки на веб-страницу.


Список использованных источников:

1. Урок на тему: «Выбираем фон для веб-странички», Малахова Е. В., г. Киев.

2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.

3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.


Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.

Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.

Источник — «http://edufuture.biz/index.php?title=%D0%A4%D0%BE%D0%BD_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B._%D0%9F%D0%BE%D0%BB%D0%BD%D1%8B%D0%B5_%D1%83%D1%80%D0%BE%D0%BA%D0%B8»
Предмети > Информатика > Информатика 10 класс

Авторські права | Privacy Policy |FAQ | Партнери | Контакти | Кейс-уроки

©  Автор системы образования 7W и Гипермаркета Знаний - Владимир Спиваковский

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: