KNOWLEDGE HYPERMARKET


Фон веб-страницы. Полные уроки

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

Содержание

Тема

  • Фон веб-страницы.

Цель

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

Ход урока

Цвет как фон

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

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

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

< html >

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

< /head >

< BODY bgcolor="pink" >

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

< /body >

< /html >


Фон страницы


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

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

Фон страницы


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



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

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


Фон страницы


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

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

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


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

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

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

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

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

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


Фон страницы


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

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




Вопросы

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

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

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


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

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

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

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




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




Над уроком работали

Малахова Е. В.

Соловьев М. С.




Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

Предмети > Информатика > Информатика 10 класс