О линиях. Полные уроки - История изменений

User17 в 19:23, 2 февраля 2013

2013-02-02T19:23:10Z

← Предыдущая		Версия 19:23, 2 февраля 2013
Строка 3:		Строка 3:
	<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>		<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>

-	==Тема==	+	== Тема ==
-	*'''О линиях. '''	+

-	~~==Цель==~~	+	*'''О линиях. '''
-	*~~Научить вставлять горизонтальные линии в html-страницу. Рассмотреть виды горизонтальных линий и их свойства~~.	+

-	==Ход урока==	+	== Цель ==
		+
		+	*Научить вставлять горизонтальные линии в [[Презентация на тему: Создание Web-сайта\|html-страницу]]. Рассмотреть виды горизонтальных линий и их свойства.
		+
		+	== Ход урока ==

	В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.		В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.
Строка 15:		Строка 17:
	Этим элементов является тэг '''< HR >'''.		Этим элементов является тэг '''< HR >'''.

-	Он рисует горизонтальную линию, которая по своему виду зависит от используемых параметров (атрибутов), а также и от собственно браузеров.	+	Он рисует горизонтальную линию, которая по своему виду зависит от используемых параметров (атрибутов), а также и от собственно [[Презентация на тему: Что такое Веб - Браузер\|браузеров]].

	Важно знать, что команда '''HR''' – непарный элемент. То есть, его не нужно закрывать значком «/», в отличии от многих других тэгов.		Важно знать, что команда '''HR''' – непарный элемент. То есть, его не нужно закрывать значком «/», в отличии от многих других тэгов.
Строка 21:		Строка 23:
	'''< HR >''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.		'''< HR >''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

		+	<br> [[Image:Primline1.jpg\|400px\|О линиях]]

-	~~[[Image:Primline1.jpg\|400px\|О линиях]]~~	+	<br> '''Параметры (атрибуты) тэга < HR >:'''
-		+
-		+
-	'''Параметры (атрибуты) тэга < HR >:'''	+

	'''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. За что отвечает атрибут < NOSHADE >? ''	+	''5. За что отвечает атрибут < NOSHADE >? ''

		+	<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/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>	+
-		+
-		+
-		+

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User16 в 12:29, 1 февраля 2013

2013-02-01T12:29:52Z

← Предыдущая		Версия 12:29, 1 февраля 2013
Строка 3:		Строка 3:
	<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>		<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>

-	'''~~Тема:~~ О линиях. '''	+	==Тема==
		+	*'''О линиях. '''

-	~~'''~~Цель~~: '''~~Научить вставлять горизонтальные линии в html-страницу. Рассмотреть виды горизонтальных линий и их свойства.	+	==Цель==
		+	*Научить вставлять горизонтальные линии в html-страницу. Рассмотреть виды горизонтальных линий и их свойства.

-	~~<br>~~	+	==Ход урока==

	В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.		В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.
Строка 19:		Строка 21:
	'''< HR >''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.		'''< HR >''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

-	~~<br>~~

-	[[Image:Primline1.jpg]]	+	[[Image:Primline1.jpg\|400px\|О линиях]]

-	~~<br>~~

-	~~<u>~~Параметры (атрибуты) тэга < HR >:~~</u>~~	+	'''Параметры (атрибуты) тэга < HR >:'''

	'''1) ALIGN''' - определяет выравнивание горизонтальной линии.		'''1) ALIGN''' - определяет выравнивание горизонтальной линии.
Строка 31:		Строка 31:
	Параметр может принимать следующие значения:		Параметр может принимать следующие значения:

-	''LEFT'' - выравнивание по левому краю страницы	+	'''LEFT''' - выравнивание по левому краю страницы

-	''RIGHT'' - выравнивание по правому краю страницы	+	'''RIGHT''' - выравнивание по правому краю страницы

-	''CENTER'' - выравнивание по центру страницы (используется по умолчанию)	+	'''CENTER''' - выравнивание по центру страницы (используется по умолчанию)

-	~~<br>~~

-	[[Image:Primline2.jpg]]	+	[[Image:Primline2.jpg\|400px\|О линиях]]
		+

-	~~<br>~~ '''2) COLOR''' – задает линии цвет	+	'''2) COLOR''' – задает линии цвет

	'''3) NOSHADE''' - задает способ окраски линии как сплошной.		'''3) NOSHADE''' - задает способ окраски линии как сплошной.
Строка 53:		Строка 53:
	'''5) WIDTH''' - Определяет длину линии в пикселях или процентах от размера окна браузера.		'''5) WIDTH''' - Определяет длину линии в пикселях или процентах от размера окна браузера.

-	~~<br>~~

-	[[Image:Primline3.jpg]]	+	[[Image:Primline3.jpg\|400px\|О линиях]]

-	~~''Забавно, что вместо горизонтальной линии можно создать несколько различных по диаметру и цвету кружочков:''~~

-	~~[[Image~~:~~Prostokol.jpg]]~~	+	'''Забавно, что вместо горизонтальной линии можно создать несколько различных по диаметру и цвету кружочков:'''

-	~~[[Image:Prostokol-2.jpg]]~~

		+	[[Image:Prostokol.jpg\|400px\|О линиях]]


-	-~~---~~	+	[[Image:Prostokol-2.jpg\|400px\|О линиях]]
		+

-	~~<br>~~ {{#ev:youtube\|lXGJaoMbO3I}}	+	{{#ev:youtube\|lXGJaoMbO3I}}

	{{#ev:youtube\|fEF8bVNjahs}}		{{#ev:youtube\|fEF8bVNjahs}}
Строка 73:		Строка 72:
	<br>		<br>

-	~~<br> '''~~Вопросы~~:'''~~	+	==Вопросы==

-	1. Какой элемент отвечает за вставку в документ горизонтальной линии?	+	''1. Какой элемент отвечает за вставку в документ горизонтальной линии? ''

-	2. Назовите атрибуты, используемые для изменения параметров линии.	+	''2. Назовите атрибуты, используемые для изменения параметров линии.''

-	3. Как выровнять линию по центру?	+	''3. Как выровнять линию по центру? ''

-	4. Какие единицы используются для определения длинны линии?	+	''4. Какие единицы используются для определения длинны линии?''

-	5. За что отвечает атрибут < NOSHADE >?	+	''5. За что отвечает атрибут < NOSHADE >? ''


		+	==Список использованных источников==

-	''~~Список использованных источников~~:''	+	''1. Урок на тему: «Горизонтальные линии в HTML», Моргунова А. Н., г. Москва. ''

-	1. ~~Урок на тему: «Горизонтальные линии в HTML», Моргунова~~ А. Н., г. ~~Москва.~~	+	''2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.''

-	2. ~~Гончаров А~~. ~~Самоучитель~~ HTML. - СПб.: ~~Питер~~, ~~2002~~ г.	+	''3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г. ''

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

		+	----


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

	----		----

-	'''~~<u>~~Над уроком работали~~</u>~~'''	+
		+	'''Над уроком работали'''

	Моргунова А. Н.		Моргунова А. Н.
Строка 109:		Строка 111:

	----		----
-

User11 в 13:43, 29 марта 2011

2011-03-29T13:43:12Z

← Предыдущая		Версия 13:43, 29 марта 2011
Строка 99:		Строка 99:
	''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''		''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''

-	~~Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].~~	+	----

-	~~Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь~~ - [http://xvatit.com/forum/ ~~Образовательный форум~~].	+	'''<u>Над уроком работали</u>'''
		+
		+	Моргунова А. Н.
		+
		+	Соловьев М. С.
		+
		+
		+	----
		+
		+
		+
		+	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
		+
		+
		+

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User17: Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

2010-11-11T13:09:23Z

Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

Новая страница

'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: О линиях.'''

<metakeywords>Информатика, класс, урок, на тему, 10 класс, О линиях.</metakeywords>

'''Тема: О линиях. '''

'''Цель: '''Научить вставлять горизонтальные линии в html-страницу. Рассмотреть виды горизонтальных линий и их свойства.

 

В языке веб-программирования HTML есть элемент, отвечающий за создание и редактирования горизонтальных линий.

Этим элементов является тэг '''< HR >'''.

Он рисует горизонтальную линию, которая по своему виду зависит от используемых параметров (атрибутов), а также и от собственно браузеров.

Важно знать, что команда '''HR''' – непарный элемент. То есть, его не нужно закрывать значком «/», в отличии от многих других тэгов.

'''< HR >''' относится к блочным элементам; линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

 

[[Image:Primline1.jpg]]

 

Параметры (атрибуты) тэга < HR >:

'''1) ALIGN''' - определяет выравнивание горизонтальной линии.

Параметр может принимать следующие значения:

''LEFT'' - выравнивание по левому краю страницы

''RIGHT'' - выравнивание по правому краю страницы

''CENTER'' - выравнивание по центру страницы (используется по умолчанию)

 

[[Image:Primline2.jpg]]

 '''2) COLOR''' – задает линии цвет

'''3) NOSHADE''' - задает способ окраски линии как сплошной.

Параметр не требует указания значения.

Без данного параметра линия отображается объемной.

'''4) SIZE''' - определяет толщину линии в пикселях.

'''5) WIDTH''' - Определяет длину линии в пикселях или процентах от размера окна браузера.

 

[[Image:Primline3.jpg]]

''Забавно, что вместо горизонтальной линии можно создать несколько различных по диаметру и цвету кружочков:''

[[Image:Prostokol.jpg]]

[[Image:Prostokol-2.jpg]]

----

 {{#ev:youtube|lXGJaoMbO3I}}

{{#ev:youtube|fEF8bVNjahs}}

 

 '''Вопросы:'''

1. Какой элемент отвечает за вставку в документ горизонтальной линии?

2. Назовите атрибуты, используемые для изменения параметров линии.

3. Как выровнять линию по центру?

4. Какие единицы используются для определения длинны линии?

5. За что отвечает атрибут < NOSHADE >?

''Список использованных источников:''

1. Урок на тему: «Горизонтальные линии в HTML», Моргунова А. Н., г. Москва.

2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.

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

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

Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

[[Category:Информатика_10_класс]]