KNOWLEDGE HYPERMARKET


О линиях. Полные уроки
 
Строка 3: Строка 3:
<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>  
<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>  
-
==Тема==
+
== Тема ==
-
*'''О линиях. '''
+
-
==Цель==
+
*'''О линиях. '''
-
*Научить вставлять горизонтальные линии в html-страницу. Рассмотреть виды горизонтальных линий и их свойства.  
+
-
==Ход урока==
+
== Цель  ==
 +
 
 +
*Научить вставлять горизонтальные линии в [[Презентация на тему: Создание Web-сайта|html-страницу]]. Рассмотреть виды горизонтальных линий и их свойства.
 +
 
 +
== Ход урока ==
В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.  
В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.  
Строка 15: Строка 17:
Этим элементов является тэг '''&lt; HR &gt;'''.  
Этим элементов является тэг '''&lt; HR &gt;'''.  
-
Он рисует горизонтальную линию, которая по своему виду зависит от используемых параметров (атрибутов), а также и от собственно браузеров.  
+
Он рисует горизонтальную линию, которая по своему виду зависит от используемых параметров (атрибутов), а также и от собственно [[Презентация на тему: Что такое Веб - Браузер|браузеров]].  
Важно знать, что команда '''HR''' – непарный элемент. То есть, его не нужно закрывать значком «/», в отличии от многих других тэгов.  
Важно знать, что команда '''HR''' – непарный элемент. То есть, его не нужно закрывать значком «/», в отличии от многих других тэгов.  
Строка 21: Строка 23:
'''&lt; HR &gt;''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.  
'''&lt; HR &gt;''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.  
 +
<br> [[Image:Primline1.jpg|400px|О линиях]]
-
[[Image:Primline1.jpg|400px|О линиях]]
+
<br> '''Параметры (атрибуты) тэга &lt; HR &gt;:'''  
-
 
+
-
 
+
-
'''Параметры (атрибуты) тэга &lt; HR &gt;:'''  
+
'''1) ALIGN''' - определяет выравнивание горизонтальной линии.  
'''1) ALIGN''' - определяет выравнивание горизонтальной линии.  
Строка 33: Строка 33:
'''LEFT''' - выравнивание по левому краю страницы  
'''LEFT''' - выравнивание по левому краю страницы  
-
'''RIGHT''' - выравнивание по правому краю страницы  
+
'''RIGHT''' - [[Выравнивание текста. Полные уроки|выравнивание]] по правому краю страницы  
'''CENTER''' - выравнивание по центру страницы (используется по умолчанию)  
'''CENTER''' - выравнивание по центру страницы (используется по умолчанию)  
 +
<br> [[Image:Primline2.jpg|400px|О линиях]]
-
[[Image:Primline2.jpg|400px|О линиях]]
+
<br> '''2) COLOR''' – задает линии цвет  
-
 
+
-
 
+
-
'''2) COLOR''' – задает линии цвет  
+
'''3) NOSHADE''' - задает способ окраски линии как сплошной.  
'''3) NOSHADE''' - задает способ окраски линии как сплошной.  
Строка 51: Строка 49:
'''4) SIZE''' - определяет толщину линии в пикселях.  
'''4) SIZE''' - определяет толщину линии в пикселях.  
-
'''5) WIDTH''' - Определяет длину линии в пикселях или процентах от размера окна браузера.  
+
'''5) WIDTH''' - Определяет длину линии в пикселях или процентах от размера [[Работа 3. Запускаем программы. Основные элементы окна программы|окна]] браузера.  
 +
<br> [[Image:Primline3.jpg|400px|О линиях]]
-
[[Image:Primline3.jpg|400px|О линиях]]
+
<br> '''Забавно, что вместо горизонтальной линии можно создать несколько различных по диаметру и цвету кружочков:'''
 +
<br> [[Image:Prostokol.jpg|400px|О линиях]]
-
'''Забавно, что вместо горизонтальной линии можно создать несколько различных по диаметру и цвету кружочков:'''
+
<br> [[Image:Prostokol-2.jpg|400px|О линиях]]
-
 
+
<br> {{#ev:youtube|lXGJaoMbO3I}}  
-
[[Image:Prostokol.jpg|400px|О линиях]]
+
-
 
+
-
 
+
-
[[Image:Prostokol-2.jpg|400px|О линиях]]
+
-
 
+
-
 
+
-
{{#ev:youtube|lXGJaoMbO3I}}  
+
{{#ev:youtube|fEF8bVNjahs}}  
{{#ev:youtube|fEF8bVNjahs}}  
Строка 72: Строка 65:
<br>  
<br>  
-
==Вопросы==
+
== Вопросы ==
-
''1. Какой элемент отвечает за вставку в документ горизонтальной линии? ''
+
''1. Какой элемент отвечает за вставку в документ горизонтальной линии? ''  
-
''2. Назовите атрибуты, используемые для изменения параметров линии.''
+
''2. Назовите атрибуты, используемые для изменения параметров линии.''  
-
''3. Как выровнять линию по центру? ''
+
''3. Как выровнять линию по центру? ''  
-
''4. Какие единицы используются для определения длинны линии?''
+
''4. Какие единицы используются для определения длинны линии?''  
-
''5. За что отвечает атрибут &lt; NOSHADE &gt;? ''
+
''5. За что отвечает атрибут &lt; NOSHADE &gt;? ''  
 +
<br>
-
==Список использованных источников==
+
== Список использованных источников ==
-
''1. Урок на тему: «Горизонтальные линии в HTML», Моргунова А. Н., г. Москва. ''
+
''1. Урок на тему: «Горизонтальные линии в [[Вступление в HTML. Полные уроки|HTML]]», Моргунова А. Н., г. Москва. ''  
-
''2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.''
+
''2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.''  
-
''3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г. ''
+
''3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г. ''  
 +
<br>
----
----
 +
<br> ''Отредактировано и выслано преподавателем Киевского национального [http://xvatit.com/vuzi/ университета] им. Тараса Шевченко Соловьевым М. С.''
-
''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''
+
<br>
-
 
+
----
----
 +
<br> '''Над уроком работали'''
-
'''Над уроком работали'''
+
Моргунова А. Н.
-
Моргунова А. Н.
+
Соловьев М. С.  
-
 
+
-
Соловьев М. С.
+
 +
<br>
----
----
-
 
+
<br> Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>  
-
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>  
+
-
   
+
-
 
+
-
+
[[Category:Информатика_10_класс]]
[[Category:Информатика_10_класс]]

Текущая версия на 19:23, 2 февраля 2013

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: О линиях.

Содержание

Тема

  • О линиях.

Цель

  • Научить вставлять горизонтальные линии в 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. - СПб.: Питер, 2002 г.

3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.




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




Над уроком работали

Моргунова А. Н.

Соловьев М. С.




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

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