Робота із зовнішнім виглядом тексту. Повні уроки - История изменений

User17 в 20:48, 4 ноября 2012

2012-11-04T20:48:37Z

User16 в 18:17, 2 ноября 2012

2012-11-02T18:17:01Z

← Предыдущая		Версия 18:17, 2 ноября 2012
Строка 9:		Строка 9:
	*Навчити змінювати зовнішність тексту за допомогою спеціальних тегів.		*Навчити змінювати зовнішність тексту за допомогою спеціальних тегів.

-	==Тип уроку=	+	==Тип уроку==
	*теоретично-практичний		*теоретично-практичний

User16 в 18:16, 2 ноября 2012

2012-11-02T18:16:46Z

← Предыдущая		Версия 18:16, 2 ноября 2012
Строка 3:		Строка 3:
	<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Робота із зовнішнім виглядом тексту.</metakeywords>		<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Робота із зовнішнім виглядом тексту.</metakeywords>

-	~~<br>~~ '''~~Тема:~~ Робота із зовнішнім виглядом тексту.'''	+	==Тема==
		+	*'''Робота із зовнішнім виглядом тексту.'''

-	~~'''~~Мета~~:'''~~ Навчити змінювати зовнішність тексту за допомогою спеціальних тегів.	+	==Мета==
		+	*Навчити змінювати зовнішність тексту за допомогою спеціальних тегів.

-	~~'''~~Тип уроку~~:'''~~ теоретично-практичний	+	==Тип уроку=
		+	*теоретично-практичний

-	~~'''~~Хід уроку~~:'''~~	+	==Хід уроку==
-		+
-	~~<br>~~	+

	За зовнішній вигляд тексту в мові html відповідає чимало елементів.		За зовнішній вигляд тексту в мові html відповідає чимало елементів.
Строка 33:		Строка 34:
	<br>		<br>

-	[[Image:Color-1.jpg]]	+	[[Image:Color-1.jpg\|480px\|колір тексту]]

	2) атрибут '''«size»''' - відповідає за розмір вміщеного в контейнер тексту.		2) атрибут '''«size»''' - відповідає за розмір вміщеного в контейнер тексту.

-	~~[[Image:Size-1.jpg]]~~

-	~~<br>~~	+	[[Image:Size-1.jpg\|480px\|розмір тексту]]

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

		+	[[Image:Size-2.jpg\|480px\|розмір тексту]]

-
-
-
-	~~<br>~~

	3) атрибут '''«face»''' - відповідає за шрифт вміщеного в контейнер тексту.		3) атрибут '''«face»''' - відповідає за шрифт вміщеного в контейнер тексту.
Строка 53:		Строка 49:
	''< font color=”red” size=”+20” face="arial”>Це моя перша сторінка (шрифт Arial) < /font >''		''< font color=”red” size=”+20” face="arial”>Це моя перша сторінка (шрифт Arial) < /font >''

-	~~<br>~~

		+	[[Image:Face-1.jpg\|480px\|шрифт тексту]]

-
-	~~[[Image:Face-1.jpg]]~~
-
-
-
-	~~<br>~~

	Наступні типи шрифтів обов’язково повинні бути встановлені на комп'ютері кожного користувача і їх можна завжди використовувати:		Наступні типи шрифтів обов’язково повинні бути встановлені на комп'ютері кожного користувача і їх можна завжди використовувати:
Строка 74:		Строка 64:
	*''Garamond''		*''Garamond''

-	~~<br>~~

	В атрибуті '''«face»''' можна вказати кілька типів шрифтів через кому, наприклад:		В атрибуті '''«face»''' можна вказати кілька типів шрифтів через кому, наприклад:
Строка 100:		Строка 89:
	*'''< TT >''' відображає монотонний текст (начебто він набраний на друкарській машинці)		*'''< TT >''' відображає монотонний текст (начебто він набраний на друкарській машинці)

-	~~<br>~~

-	[[Image:Kursivs-1.jpg]]	+	[[Image:Kursivs-1.jpg\|480px\|курсив]]

-	~~<br>~~

	*'''< BLINK '''> Виводить «блимаючий» текст.		*'''< BLINK '''> Виводить «блимаючий» текст.
Строка 110:		Строка 97:
	<br>		<br>

-	[[Image:Migau.gif]]	+	[[Image:Migau.gif\|480px\|«блимаючий» текст]]

	*'''< SUB >''' означає нижній індекс, тобто текст, укладений у даний елемент, буде виводитися трохи нижче базової лінії.		*'''< SUB >''' означає нижній індекс, тобто текст, укладений у даний елемент, буде виводитися трохи нижче базової лінії.
	*'''< SUP >''' означає верхній індекс, тобто текст, укладений у даний елемент, буде виводитися трохи вище базової лінії.		*'''< SUP >''' означає верхній індекс, тобто текст, укладений у даний елемент, буде виводитися трохи вище базової лінії.

-	~~<br>~~

-	[[Image:Indexx.jpg]]	+	[[Image:Indexx.jpg\|480px\|індекс]]
		+

	{{#ev:youtube\|5YPvfe_cCRk&feature=related}}		{{#ev:youtube\|5YPvfe_cCRk&feature=related}}
Строка 123:		Строка 110:
	<br>		<br>

-	~~'''~~Самоконтроль~~:'''~~	+	==Самоконтроль==

-	1. Який тег відповідає за зовнішність тексту?	+	''1. Який тег відповідає за зовнішність тексту? ''

-	2. Особливості атрибутів COLOR, SIZE, FACE.	+	''2. Особливості атрибутів COLOR, SIZE, FACE. ''

-	3. Які шрифти є стандартними?	+	''3. Які шрифти є стандартними? ''

-	4. Який тег відповідає за: - курсивний шрифт - напівжирний шрифт - підкреслений шрифт - закреслений шрифт?	+	''4. Який тег відповідає за: - курсивний шрифт - напівжирний шрифт - підкреслений шрифт - закреслений шрифт? ''

	<br>		<br>

-	''Список використаної літератури~~:''~~	+	==Список використаної літератури==

-	1. Урок на тему: «Робота з текстом в HTML», Малин Г. А., м. Севастополь.	+	''1. Урок на тему: «Робота з текстом в HTML», Малин Г. А., м. Севастополь. ''

-	2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.	+	''2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010. ''

-	3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.	+	''3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010. ''

-	4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.	+	''4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008. ''

-	5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.	+	''5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007. '

	<br>		<br>
		+
		+	----

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

		+	<br>

-	~~<br>~~ ----	+	----

-	'''~~<u>~~Над уроком працювали~~</u>~~'''	+
		+	'''Над уроком працювали'''

	Малин Г. А.		Малин Г. А.

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

	----		----

User11 в 10:15, 10 марта 2011

2011-03-10T10:15:33Z

← Предыдущая		Версия 10:15, 10 марта 2011
Строка 152:		Строка 152:


-	~~Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].~~	+	<br> ----

-	~~Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут~~ - [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 в 12:55, 25 января 2011

2011-01-25T12:55:51Z

← Предыдущая		Версия 12:55, 25 января 2011
Строка 17:		Строка 17:
	Найосновніші будуть розглянуті в цьому уроці.		Найосновніші будуть розглянуті в цьому уроці.

-	{{#ev:youtube\|~~atvcghjm~~-gu}}	+	{{#ev:youtube\|atvcGhjM-gU}}

	Отже, найголовніший елемент, який відповідає за оформлення тексту, це тег '''< font >'''.		Отже, найголовніший елемент, який відповідає за оформлення тексту, це тег '''< font >'''.
Строка 88:		Строка 88:
	<br>		<br>

-	{{#ev:youtube\|~~xgrsrnf~~-~~nxg~~&feature=related}}	+	{{#ev:youtube\|xGRSrNf-Nxg&feature=related}}

	<br>		<br>
Строка 119:		Строка 119:
	[[Image:Indexx.jpg]]		[[Image:Indexx.jpg]]

-	{{#ev:youtube\|~~5Ypvfe_ccrk~~&feature=related}}	+	{{#ev:youtube\|5YPvfe_cCRk&feature=related}}

	<br>		<br>

User17: Новая страница: «'''Гіпермаркет Знань>>Інформатика>...»

2011-01-11T14:29:33Z

Новая страница: «'''Гіпермаркет Знань>>Інформатика>...»

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

'''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика|Інформатика]]>>[[Інформатика 10 клас. Повні уроки|Інформатика 10 клас. Повні уроки]]>> Інформатика: Робота із зовнішнім виглядом тексту.'''

<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Робота із зовнішнім виглядом тексту.</metakeywords>

 '''Тема: Робота із зовнішнім виглядом тексту.'''

'''Мета:''' Навчити змінювати зовнішність тексту за допомогою спеціальних тегів.

'''Тип уроку:''' теоретично-практичний

'''Хід уроку:'''

 

За зовнішній вигляд тексту в мові html відповідає чимало елементів.

Найосновніші будуть розглянуті в цьому уроці.

{{#ev:youtube|atvcghjm-gu}}

Отже, найголовніший елемент, який відповідає за оформлення тексту, це тег ''''''.

Він має кілька параметрів:

1) атрибут '''«сolor»''' – відповідає за колір вміщеного в контейнер тексту.

Атрибут "color", як і інші атрибути, не належить тільки одному тегу, він може бути привласнений і деяким іншим.

Власне, сам колір тексту вводиться у лапках після знаку дорівнює. Замість вказаного кольору «red» можна підставляти інші значення.

'' Це моя перша сторінка ''

 

[[Image:Color-1.jpg]]

2) атрибут '''«size»''' - відповідає за розмір вміщеного в контейнер тексту.

[[Image:Size-1.jpg]]

 

[[Image:Size-2.jpg]]

 

3) атрибут '''«face»''' - відповідає за шрифт вміщеного в контейнер тексту.

''Це моя перша сторінка (шрифт Arial) ''

 

[[Image:Face-1.jpg]]

 

Наступні типи шрифтів обов’язково повинні бути встановлені на комп'ютері кожного користувача і їх можна завжди використовувати:

*''Times New Roman''
*''Aria''
*''Helvetica''
*''Courier''
*''Verdana''
*''Tahoma''
*''Cosmic Sans''
*''Garamond''

 

В атрибуті '''«face»''' можна вказати кілька типів шрифтів через кому, наприклад:

'' текст ''

У цьому випадку якщо в користувача немає шрифту Arial, то текст буде відображений шрифтом Verdana.

Якщо немає Verdana, то текст буде відображений шрифтом Courier і т.д.

Якщо хочеться використовувати якийсь екзотичний шрифт, то краще зберегти цей текст із таким типом шрифта як картинку – і ніяких проблем не буде.

 

{{#ev:youtube|xgrsrnf-nxg&feature=related}}

 

Наступними елементами для роботи з текстом розглянуті нижче:

*'''''' - Напівжирний шрифт
*''' '''- Виділяє текст курсивом
*'''< S >''' - Перекреслює шрифт
*'''''' - Підкреслює текст
*'''< TT >''' відображає монотонний текст (начебто він набраний на друкарській машинці)

 

[[Image:Kursivs-1.jpg]]

 

*'''< BLINK '''> Виводить «блимаючий» текст.

 

[[Image:Migau.gif]]

*'''''' означає нижній індекс, тобто текст, укладений у даний елемент, буде виводитися трохи нижче базової лінії.
*'''''' означає верхній індекс, тобто текст, укладений у даний елемент, буде виводитися трохи вище базової лінії.

 

[[Image:Indexx.jpg]]

{{#ev:youtube|5Ypvfe_ccrk&feature=related}}

 

'''Самоконтроль:'''

1. Який тег відповідає за зовнішність тексту?

2. Особливості атрибутів COLOR, SIZE, FACE.

3. Які шрифти є стандартними?

4. Який тег відповідає за: - курсивний шрифт - напівжирний шрифт - підкреслений шрифт - закреслений шрифт?

 

''Список використаної літератури:''

1. Урок на тему: «Робота з текстом в HTML», Малин Г. А., м. Севастополь.

2. Агулар Р. HTML и CSS. Основа любого сайта. - Эксмо, 2010.

3. Квинт И. HTML и XHTML. Языки разметки web-страниц. - Питер, 2010.

4. Богомолова О.Б. Web-конструирование на HTML. - БИНОМ. Лаборатория знаний, 2008.

5. Глинський Я., Ряжська В. Інтернет. Мережі, HTML і телекомунікації. Самоучитель. - Деол, 2007.

 

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

Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].

Якщо ви хочете побачити інші виправлення чи пропозиції до уроків, дивіться тут - [http://xvatit.com/forum/ Образовательный форум].

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