KNOWLEDGE HYPERMARKET


Фон веб-сторінки. Повні уроки

Версия 14:35, 11 января 2011

Гіпермаркет Знань>>Інформатика>>Інформатика 10 клас. Повні уроки>> Інформатика: Фон веб-сторінки.


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

Мета: Навчити змінювати фон веб-сторінки за допомогою як кольору, так і картинки.

Тип уроку:теоретично-практичний

Хід уроку:


Колір як фон.

Колір фону веб-сторінки встановлюється за допомогою вже знайомого тега < BODY>.

Наприклад, якщо ми хочемо, щоб фон документа було рожевим, то код виглядає так:


< html >

< head > < title > Фон сторінки < /title >

< /head >

< Body bgcolor="pink" >

< h2 > Зараз використовується рожевий колір для фону < h2 >

< /body >

< /html >


Fon1.jpg


Документ можна розфарбувати будь-яким іншим кольором.

Якщо в елементі BODY колір не вказувати, то за замовчуванням він буде білим.

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 и CSS. Основа любого сайта. - Эксмо, 2010.

3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.

4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.

5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.


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


Якщо у вас є виправлення чи пропозиції до цього уроку, напишіть нам.

Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - Образовательный форум.

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