KNOWLEDGE HYPERMARKET

Фон веб-сторінки. Повні уроки
Строка 120: Строка 120:
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
-
<br> Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].  
+
<br> <br> ----
 +
 
 +
'''<u>Над уроком працювали</u>'''
 +
 
 +
Соломка А. І.
 +
 
 +
Соловйов М. С.
 +
 
 +
----
 +
 
 +
 
 +
 
 +
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-
Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].
 
[[Category:Інформатика_10_клас]]
[[Category:Інформатика_10_клас]]

Версия 10:19, 10 марта 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.


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



----

Над уроком працювали

Соломка А. І.

Соловйов М. С.


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

Источник — «http://edufuture.biz/index.php?title=%D0%A4%D0%BE%D0%BD_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B8._%D0%9F%D0%BE%D0%B2%D0%BD%D1%96_%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: