<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Про лінії.</metakeywords>
<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Про лінії.</metakeywords>
-
<br> '''Тема: Про лінії.'''
+
== Тема ==
-
'''Мета:''' Розказати про горизонтальні лінії і навчити вставляти їх в html-сторінку. Розглянути види горизонтальних ліній і їх властивості.
+
*'''Про лінії.'''
-
'''Тип уроку:'''теоретично-практичний
+
== Мета ==
-
'''Хід уроку:'''
+
*Розказати про горизонтальні лінії і навчити вставляти їх в html-сторінку.
+
*Розглянути види горизонтальних ліній і їх властивості.
-
<br>
+
== Тип уроку ==
+
+
*теоретично-практичний
+
+
== Хід уроку ==
-
У мові веб-програмування HTML є елемент, який відповідає за створення, вставку і редагування горизонтальних ліній.
+
У мові веб-[[О системном ПО и системах программирования|програмування]] HTML є елемент, який відповідає за створення, вставку і редагування горизонтальних ліній.
Цим елементом є тег '''< HR >'''.
Цим елементом є тег '''< HR >'''.
Строка 19:
Строка 24:
Він малює горизонтальну лінію, зовнішній вид якої залежить від використовуваних параметрів (атрибутів), а також і від власне браузерів.
Він малює горизонтальну лінію, зовнішній вид якої залежить від використовуваних параметрів (атрибутів), а також і від власне браузерів.
-
Важливо знати, що команда '''HR''' – непарний елемент. Тобто, його не потрібно закривати значком «/», на відміну від багатьох інших тегів.
+
Важливо знати, що команда '''HR''' – непарний елемент. Тобто, його не потрібно закривати значком «/», на відміну від багатьох інших [[Основные теги. Каркас веб-страницы. Полные уроки|тегів]].
'''< HR >''' ставиться до блокових елементів. Лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.
'''< HR >''' ставиться до блокових елементів. Лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.
Строка 25:
Строка 30:
<br>
<br>
-
[[Image:Primline1.jpg]]
+
[[Image:Primline1.jpg|480px|Приклад ліній]]
<br>
<br>
-
<u>Параметри (атрибути) тега < HR >:</u>
+
'''Параметри (атрибути) тега < HR >:'''
'''1) ALIGN''' - визначає вирівнювання горизонтальної лінії.
'''1) ALIGN''' - визначає вирівнювання горизонтальної лінії.
Строка 43:
Строка 48:
<br>
<br>
-
[[Image:Primline2.jpg]]
+
[[Image:Primline2.jpg|480px|Приклад ліній]]
<br> '''2) COLOR''' – задає колір лінії
<br> '''2) COLOR''' – задає колір лінії
Строка 55:
Строка 60:
'''4) SIZE''' - визначає товщину лінії в пікселях.
'''4) SIZE''' - визначає товщину лінії в пікселях.
-
'''5) WIDTH''' - Визначає довжину лінії в пікселях або відсотках від розміру вікна браузера.
+
'''5) WIDTH''' - Визначає довжину лінії в пікселях або відсотках від розміру вікна [[Презентация на тему: Что такое Веб - Браузер|браузера]].
<br>
<br>
-
[[Image:Primline3.jpg]]
+
[[Image:Primline3.jpg|480px|Приклад ліній]]
-
Цікаво, що замість горизонтальної лінії можна створити декілька різних по діаметру і кольору кружечків:
+
<br> Цікаво, що замість горизонтальної лінії можна створити декілька різних по діаметру і кольору кружечків:
''1. Який елемент відповідає за вставку в документ горизонтальної лінії? ''
-
{{#ev:youtube|fef8bvnjahs}}
+
''2. Назвіть атрибути, використовувані для зміни параметрів лінії. ''
-
<br>
+
''3. Як вирівняти лінію по центру? ''
-
<br> '''Самоконтроль:'''
+
''4. Які одиниці використовуються для визначення довгі лінії? ''
-
1. Який елемент відповідає за вставку в документ горизонтальної лінії?
+
''5. За що відповідає атрибут < NOSHADE >? ''
-
2. Назвіть атрибути, використовувані для зміни параметрів лінії.
+
<br>
-
3. Як вирівняти лінію по центру?
+
== Список використаної літератури ==
-
4. Які одиниці використовуються для визначення довгі лінії?
+
''1. Урок на тему: «Лінії в мові [[Вступление в HTML. Полные уроки|HTML]]», Багацький А. М., м. Одеса. ''
-
5. За що відповідає атрибут < NOSHADE >?
+
''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''
-
<br>
+
''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''
-
''Список використаної літератури:''
+
''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.''
+
''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. ''
+
<br>
-
1. Урок на тему: «Лінії в мові HTML», Багацький А. М., м. Одеса.
+
----
-
2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.
+
<br> ''Скомпоновано та надіслано викладачем Київського національного [http://xvatit.com/vuzi/ університету] імені Тараса Шевченка Соловйовим М. С.'' <br>
-
3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.
+
----
-
4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.
+
<br> '''Над уроком працювали'''
-
5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.
+
Багацький А. М.
-
<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''
+
Соловйов М. С.
+
<br>
-
Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].
+
----
-
Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].
+
<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.
Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.
Над уроком працювали
Багацький А. М.
Соловйов М. С.
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.
