KNOWLEDGE HYPERMARKET

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

Гипермаркет знаний>>Информатика>>Информатика 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: