<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Про лінії.</metakeywords>
<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Про лінії.</metakeywords>
-
==Тема==
+
== Тема ==
-
*'''Про лінії.'''
+
+
*'''Про лінії.'''
+
+
== Мета ==
-
==Мета==
*Розказати про горизонтальні лінії і навчити вставляти їх в html-сторінку.
*Розказати про горизонтальні лінії і навчити вставляти їх в html-сторінку.
-
*Розглянути види горизонтальних ліній і їх властивості.
+
*Розглянути види горизонтальних ліній і їх властивості.
+
+
== Тип уроку ==
-
==Тип уроку==
+
*теоретично-практичний
-
*теоретично-практичний
+
-
==Хід уроку==
+
== Хід уроку ==
-
У мові веб-програмування HTML є елемент, який відповідає за створення, вставку і редагування горизонтальних ліній.
+
У мові веб-[[О системном ПО и системах программирования|програмування]] HTML є елемент, який відповідає за створення, вставку і редагування горизонтальних ліній.
Цим елементом є тег '''< HR >'''.
Цим елементом є тег '''< HR >'''.
Строка 21:
Строка 24:
Він малює горизонтальну лінію, зовнішній вид якої залежить від використовуваних параметрів (атрибутів), а також і від власне браузерів.
Він малює горизонтальну лінію, зовнішній вид якої залежить від використовуваних параметрів (атрибутів), а також і від власне браузерів.
-
Важливо знати, що команда '''HR''' – непарний елемент. Тобто, його не потрібно закривати значком «/», на відміну від багатьох інших тегів.
+
Важливо знати, що команда '''HR''' – непарний елемент. Тобто, його не потрібно закривати значком «/», на відміну від багатьох інших [[Основные теги. Каркас веб-страницы. Полные уроки|тегів]].
'''< HR >''' ставиться до блокових елементів. Лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.
'''< HR >''' ставиться до блокових елементів. Лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.
Строка 31:
Строка 34:
<br>
<br>
-
'''Параметри (атрибути) тега < HR >:'''
+
'''Параметри (атрибути) тега < HR >:'''
'''1) ALIGN''' - визначає вирівнювання горизонтальної лінії.
'''1) ALIGN''' - визначає вирівнювання горизонтальної лінії.
Строка 57:
Строка 60:
'''4) SIZE''' - визначає товщину лінії в пікселях.
'''4) SIZE''' - визначає товщину лінії в пікселях.
-
'''5) WIDTH''' - Визначає довжину лінії в пікселях або відсотках від розміру вікна браузера.
+
'''5) WIDTH''' - Визначає довжину лінії в пікселях або відсотках від розміру вікна [[Презентация на тему: Что такое Веб - Браузер|браузера]].
<br>
<br>
Строка 63:
Строка 66:
[[Image:Primline3.jpg|480px|Приклад ліній]]
[[Image:Primline3.jpg|480px|Приклад ліній]]
+
<br> Цікаво, що замість горизонтальної лінії можна створити декілька різних по діаметру і кольору кружечків:
-
Цікаво, що замість горизонтальної лінії можна створити декілька різних по діаметру і кольору кружечків:
''1. Який елемент відповідає за вставку в документ горизонтальної лінії? ''
+
''1. Який елемент відповідає за вставку в документ горизонтальної лінії? ''
-
''2. Назвіть атрибути, використовувані для зміни параметрів лінії. ''
+
''2. Назвіть атрибути, використовувані для зміни параметрів лінії. ''
-
''3. Як вирівняти лінію по центру? ''
+
''3. Як вирівняти лінію по центру? ''
-
''4. Які одиниці використовуються для визначення довгі лінії? ''
+
''4. Які одиниці використовуються для визначення довгі лінії? ''
-
''5. За що відповідає атрибут < NOSHADE >? ''
+
''5. За що відповідає атрибут < NOSHADE >? ''
<br>
<br>
-
==Список використаної літератури==
-
''1. Урок на тему: «Лінії в мові HTML», Багацький А. М., м. Одеса. ''
+
== Список використаної літератури ==
-
''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''
+
''1. Урок на тему: «Лінії в мові [[Вступление в HTML. Полные уроки|HTML]]», Багацький А. М., м. Одеса. ''
-
''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''
+
''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''
+
+
''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''
''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.''
''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.''
-
''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. ''
+
''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. ''
+
<br>
----
----
-
<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''
+
<br> ''Скомпоновано та надіслано викладачем Київського національного [http://xvatit.com/vuzi/ університету] імені Тараса Шевченка Соловйовим М. С.'' <br>
-
<br>
+
----
----
+
<br> '''Над уроком працювали'''
-
'''Над уроком працювали'''
+
Багацький А. М.
-
Багацький А. М.
+
Соловйов М. С.
-
+
-
Соловйов М. С.
+
+
<br>
----
----
-
+
<br> Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
Розказати про горизонтальні лінії і навчити вставляти їх в html-сторінку.
Розглянути види горизонтальних ліній і їх властивості.
Тип уроку
теоретично-практичний
Хід уроку
У мові веб-програмування HTML є елемент, який відповідає за створення, вставку і редагування горизонтальних ліній.
Цим елементом є тег < HR >.
Він малює горизонтальну лінію, зовнішній вид якої залежить від використовуваних параметрів (атрибутів), а також і від власне браузерів.
Важливо знати, що команда HR – непарний елемент. Тобто, його не потрібно закривати значком «/», на відміну від багатьох інших тегів.
< HR > ставиться до блокових елементів. Лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.
Параметри (атрибути) тега < HR >:
1) ALIGN - визначає вирівнювання горизонтальної лінії.
Параметр може нести наступні значення:
LEFT - вирівнювання по лівому краю сторінки
RIGHT - вирівнювання по правому краю сторінки
CENTER - вирівнювання по центру сторінки (використовується за замовчуванням)
2) COLOR – задає колір лінії
3) NOSHADE - задає спосіб розфарбовки лінії як суцільний.
Параметр не вимагає вказівки значення.
Без даного параметра лінія відображається як об'ємна.
4) SIZE - визначає товщину лінії в пікселях.
5) WIDTH - Визначає довжину лінії в пікселях або відсотках від розміру вікна браузера.
Цікаво, що замість горизонтальної лінії можна створити декілька різних по діаметру і кольору кружечків:
Самоконтроль
1. Який елемент відповідає за вставку в документ горизонтальної лінії?
2. Назвіть атрибути, використовувані для зміни параметрів лінії.
3. Як вирівняти лінію по центру?
4. Які одиниці використовуються для визначення довгі лінії?
5. За що відповідає атрибут < NOSHADE >?
Список використаної літератури
1. Урок на тему: «Лінії в мові HTML», Багацький А. М., м. Одеса.
2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.
3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.
4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.
5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.
Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.
Над уроком працювали
Багацький А. М.
Соловйов М. С.
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.
