Користувач:Нарадка Віталій - Історія редагувань

Іськов Таня: /* Мої інтереси */

2013-01-02T17:46:59Z

Мої інтереси

← Старіша версія		Версія 17:46, 2 січня 2013
Рядок 17:		Рядок 17:

	*'''Особисті:'''		*'''Особисті:'''
		+	#Комп'ютерна техніка, автомобілі, сім'я.

	==<div style="border: 1px solid #003366; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100%; background:#4169E1;"><font color="white" size="4"><b><center>Мої календарі</center></b></font></div>==		==<div style="border: 1px solid #003366; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100%; background:#4169E1;"><font color="white" size="4"><b><center>Мої календарі</center></b></font></div>==

Іськов Таня: /* Мої роботи */

2013-01-01T15:09:59Z

Мої роботи

← Старіша версія		Версія 15:09, 1 січня 2013
Рядок 111:		Рядок 111:
	<body bgcolor="yellow"><br>		<body bgcolor="yellow"><br>
	<img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400><br>		<img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400><br>
-	~~<br><br>~~
	<img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5"><br>		<img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5"><br>
	</body><br>		</body><br>

Іськов Таня: /* Мої роботи */

2013-01-01T15:09:16Z

Мої роботи

Іськов Таня: /* Мої роботи */

2013-01-01T15:07:53Z

Мої роботи

← Старіша версія		Версія 15:07, 1 січня 2013
Рядок 100:		Рядок 100:
	Width і height – розміри зображення за шириною і висотою в пікселях або відсотках.<br>		Width і height – розміри зображення за шириною і висотою в пікселях або відсотках.<br>
	Border – для створення рамки навколо зображення.<br>		Border – для створення рамки навколо зображення.<br>
-	'''Наприклад'''<br>	+	'''Наприклад:'''<br>
-	<img src=“адреса графічного файлу ”>	+	<img src=“адреса графічного файлу ”><br>
-	За допомогою тега <img> можна також вставляти відеофільми.	+	За допомогою тега <img> можна також вставляти відеофільми.<br>
-	Для цього використовується параметр dynsrc	+	Для цього використовується параметр dynsrc<br>
-	Наприклад:	+	'''Наприклад:'''<br>
-	<img dynsrc=“адреса відеофайлу”>	+	<img dynsrc=“адреса відеофайлу”><br>
-	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.	+	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.<br>
-	 <html>	+	<html>
-	 <head><title>Графіка</title></head>	+	<head><title>Графіка</title></head>
-	 <body bgcolor="yellow">	+	<body bgcolor="yellow">
-	 <img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400>	+	<img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400>
-	 <br>	+	<br>
-	 <img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5">	+	<img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5">
-	 </body>	+	</body>
-	 </html>	+	</html>
-	Зараз ви спостерігаєте наочне зображення графічного об’єкту в	+	Зараз ви спостерігаєте наочне зображення графічного об’єкту в web-документі.<br>
-	web-документі.	+
	Переглянувши другу частину презентації, ви побачили і дізнались про основні елементи створення і редагування графічних об’єктів в		Переглянувши другу частину презентації, ви побачили і дізнались про основні елементи створення і редагування графічних об’єктів в
-	web-документі.	+	web-документі.<br>
-	V. Закріплення вивченого матеріалу. (10 хв.)	+
-	Шановні учні. Ви проглянувши презентацію, побачили, як можна за допомогою спеціальних команд мови HTML встановлювати в web-сторінку таблиці і графічні об’єкти. Тому я зараз вам пропоную створити web-сторінку, яка буде містити таблицю або графічний об’єкт.	+	'''V. Закріплення вивченого матеріалу. (10 хв.)'''<br>
-	(пропоную учням листочки з завданнями).	+	Шановні учні. Ви проглянувши презентацію, побачили, як можна за допомогою спеціальних команд мови HTML встановлювати в web-сторінку таблиці і графічні об’єкти. Тому я зараз вам пропоную створити web-сторінку, яка буде містити таблицю або графічний об’єкт.
-	VI. Підсумок уроку(2 хв.)	+	(пропоную учням листочки з завданнями).<br>
-	Шановні учні, сьогодні ми розглянули дуже цікаву тему. А також я міг спостерігати за тим, як ви засвоїли цей матеріал на основі практичного завдання. Я задоволений результатами вашої роботи.	+
-	Якщо в когось є якісь запитання по темі уроку прошу задавати.	+	'''VI. Підсумок уроку(2 хв.)'''<br>
-	(Оцінюю учнів, які вчасно і правильно виконували всі поставленні завдання на уроці).	+	Шановні учні, сьогодні ми розглянули дуже цікаву тему. А також я міг спостерігати за тим, як ви засвоїли цей матеріал на основі практичного завдання. Я задоволений результатами вашої роботи.<br>
		+	Якщо в когось є якісь запитання по темі уроку прошу задавати.<br>
		+	(Оцінюю учнів, які вчасно і правильно виконували всі поставленні завдання на уроці).<br>

	'''VII. Домашнє завдання(1 хв.)'''<br>		'''VII. Домашнє завдання(1 хв.)'''<br>

Іськов Таня: /* Мої роботи */

2013-01-01T15:05:06Z

Мої роботи

← Старіша версія		Версія 15:05, 1 січня 2013
Рядок 74:		Рядок 74:
	•Rowspan – задає об’єднання комірок по вертикалі тобто в одному стовпчику рядках, значення атрибуту рівне числу комірок, які необхідно об’єднати.<br>		•Rowspan – задає об’єднання комірок по вертикалі тобто в одному стовпчику рядках, значення атрибуту рівне числу комірок, які необхідно об’єднати.<br>
	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.<br>		Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.<br>
-	~~•html~~>	+	html>
-	•<head><title>Таблиця</title></head>	+	<head><title>Таблиця</title></head>
-	•<body>	+	<body>
-	•<table width="90%" height="30%" align="center" border="4" bordercolor=black">	+	<table width="90%" height="30%" align="center" border="4" bordercolor=black">
-	•<tr height="40%">	+	<tr height="40%">
-	•<td colspan="3" align="center" valign="midle" bgcolor="aqua">Об’єднано три комірки по горизонталі</td>	+	<td colspan="3" align="center" valign="midle" bgcolor="aqua">Об’єднано три комірки по горизонталі</td>
-	•</tr>	+	</tr>
-	•<tr><td width="30%" rowspan="2" align="center">	+	<tr><td width="30%" rowspan="2" align="center">
-	~~•Об’єднано~~ по вертикалі</td>	+	Об’єднано по вертикалі</td>
-	•<td>1</td><td>2</td>	+	<td>1</td><td>2</td>
-	•</tr>	+	</tr>
-	•<tr> <td>3</td><td>4</td>	+	<tr> <td>3</td><td>4</td>
-	•</tr>	+	</tr>
-	•</table>	+	</table>
-	•</body>	+	</body>
-	•</html>	+	</html>
-	Зараз ви спостерігаєте наочне зображення таблиці в web-документі.	+	Зараз ви спостерігаєте наочне зображення таблиці в web-документі.<br>
-	Переглянувши частину презентації, ви побачили і дізнались про основні елементи створення і редагування таблиць в web-документі.	+	Переглянувши частину презентації, ви побачили і дізнались про основні елементи створення і редагування таблиць в web-документі.<br>
-	А зараз ми розглянемо спеціальні команди мови HTML, за допомогою яких можливе встановлення графічних об’єктів на web-сторінку. Графічними об’єктами можуть виступати фотографії, картинки, піктограми тощо.	+	А зараз ми розглянемо спеціальні команди мови HTML, за допомогою яких можливе встановлення графічних об’єктів на web-сторінку. Графічними об’єктами можуть виступати фотографії, картинки, піктограми тощо.<br>
-	Для додавання графіки на web-сторінку використовується тег <img> .	+	Для додавання графіки на web-сторінку використовується тег <img>.<br>
-	Обов'язковим є лише параметр src.	+	Обов'язковим є лише параметр src.<br>
-	Додаткові параметри:	+	Додаткові параметри:<br>
-	Alt – альтернативний текст (це текст, який виводиться замість картинки, якщо браузер не може прийняти або відобразити графічний файл.	+	Alt – альтернативний текст (це текст, який виводиться замість картинки, якщо браузер не може прийняти або відобразити графічний файл.<br>
-	Align – задає місце розташування картинки на екрані.	+	Align – задає місце розташування картинки на екрані.<br>
-	Width і height – розміри зображення за шириною і висотою в пікселях або відсотках.	+	Width і height – розміри зображення за шириною і висотою в пікселях або відсотках.<br>
-	Border – для створення рамки навколо зображення.	+	Border – для створення рамки навколо зображення.<br>
-	Наприклад	+	'''Наприклад'''<br>
	<img src=“адреса графічного файлу ”>		<img src=“адреса графічного файлу ”>
	За допомогою тега <img> можна також вставляти відеофільми.		За допомогою тега <img> можна також вставляти відеофільми.
Рядок 127:		Рядок 127:
	(Оцінюю учнів, які вчасно і правильно виконували всі поставленні завдання на уроці).		(Оцінюю учнів, які вчасно і правильно виконували всі поставленні завдання на уроці).

-	VII. Домашнє завдання(1 хв.)	+	'''VII. Домашнє завдання(1 хв.)'''<br>
-	Опрацювати опорні конспекти, підготуватись до практичної роботи.	+	Опрацювати опорні конспекти, підготуватись до практичної роботи.<br>


	[[Категорія: КременецьВікі]]		[[Категорія: КременецьВікі]]
	[[Категорія: Вчитель]]		[[Категорія: Вчитель]]

Іськов Таня: /* Мої роботи */

2013-01-01T15:01:09Z

Мої роботи

← Старіша версія		Версія 15:01, 1 січня 2013
Рядок 60:		Рядок 60:
	•Width – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);<br>		•Width – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);<br>
	•Height – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);<br>		•Height – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);<br>
-	~~• Align~~ – задає спосіб вирівнювання таблиці на сторінці(можливі значення: left, right, center);	+	•Align – задає спосіб вирівнювання таблиці на сторінці(можливі значення: left, right, center);<br>
-	~~• Bgcolor~~ – задає фоновий колір фоновий колір таблиці;	+	•Bgcolor – задає фоновий колір фоновий колір таблиці;<br>
-	~~• Border~~ – створює рамку, ширина якої задається у пікселях (border=”2”);	+	•Border – створює рамку, ширина якої задається у пікселях (border=”2”);<br>
-	~~• Bordercolor~~ – назначає колір для рамки.	+	•Bordercolor – назначає колір для рамки.<br>
-		+	Структура таблиці задається іншими тегами. Рядки таблиці формуються за допомогою контейнера <tr>…</tr>, а комірки – контейнера <td>…</td>.<br>
-	Структура таблиці задається іншими тегами. Рядки таблиці формуються за допомогою контейнера <tr>…</tr>, а комірки – контейнера <td>…</td>.	+	Атрибути тегів <tr> i <td>:<br>
-	Атрибути тегів <tr> i <td>:	+	•Width – визначає ширину комірки (у відсотках 100% - весь екран, у пікселях);<br>
-	~~• Width~~ – визначає ширину комірки (у відсотках 100% - весь екран, у пікселях);	+	•Height – задає висоту комірки чи рядка (у відсотках 100% - весь екран, у пікселях);<br>
-	~~• Height~~ – задає висоту комірки чи рядка (у відсотках 100% - весь екран, у пікселях);	+	•Align – задає спосіб вирівнювання вмісту комірки (можливі значення: left, right, center);<br>
-	~~• Align~~ – задає спосіб вирівнювання вмісту комірки (можливі значення: left, right, center);	+	•Valign – задає вирівнювання вмісту комірки по вертикалі (допустимі значення: top (вгорі), middle (посередині), bottom (внизу));<br>
-	~~• Valign~~ – задає вирівнювання вмісту комірки по вертикалі (допустимі значення: top (вгорі), middle (посередині), bottom (внизу));	+	•Bgcolor – задає фоновий колір фоновий колір рядка чи комірки;<br>
-	~~• Bgcolor~~ – задає фоновий колір фоновий колір рядка чи комірки;	+	•Colspan – задає об’єднання комірок по горизонталі (тобто в одному рядку) значення атрибуту рівне числу комірок, які необхідно об’єднати;<br>
-	~~• Colspan~~ – задає об’єднання комірок по горизонталі (тобто в одному рядку) значення атрибуту рівне числу комірок, які необхідно об’єднати;	+	•Rowspan – задає об’єднання комірок по вертикалі тобто в одному стовпчику рядках, значення атрибуту рівне числу комірок, які необхідно об’єднати.<br>
-	~~• Rowspan~~ – задає об’єднання комірок по вертикалі тобто в одному стовпчику рядках, значення атрибуту рівне числу комірок, які необхідно об’єднати.	+	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.<br>
-	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.	+	•html>
-	~~• html~~>	+	•<head><title>Таблиця</title></head>
-	• <head><title>Таблиця</title></head>	+	•<body>
-	• <body>	+	•<table width="90%" height="30%" align="center" border="4" bordercolor=black">
-	• <table width="90%" height="30%" align="center" border="4" bordercolor=black">	+	•<tr height="40%">
-	• <tr height="40%">	+	•<td colspan="3" align="center" valign="midle" bgcolor="aqua">Об’єднано три комірки по горизонталі</td>
-	• <td colspan="3" align="center" valign="midle" bgcolor="aqua">Об’єднано три комірки по горизонталі</td>	+	•</tr>
-	• </tr>	+	•<tr><td width="30%" rowspan="2" align="center">
-	• <tr><td width="30%" rowspan="2" align="center">	+	•Об’єднано по вертикалі</td>
-	~~• Об’єднано~~ по вертикалі</td>	+	•<td>1</td><td>2</td>
-	• <td>1</td><td>2</td>	+	•</tr>
-	• </tr>	+	•<tr> <td>3</td><td>4</td>
-	• <tr> <td>3</td><td>4</td>	+	•</tr>
-	• </tr>	+	•</table>
-	• </table>	+	•</body>
-	• </body>	+	•</html>
-	• </html>	+
	Зараз ви спостерігаєте наочне зображення таблиці в web-документі.		Зараз ви спостерігаєте наочне зображення таблиці в web-документі.
	Переглянувши частину презентації, ви побачили і дізнались про основні елементи створення і редагування таблиць в web-документі.		Переглянувши частину презентації, ви побачили і дізнались про основні елементи створення і редагування таблиць в web-документі.

Іськов Таня: /* Мої роботи */

2013-01-01T14:57:35Z

Мої роботи

← Старіша версія		Версія 14:57, 1 січня 2013
Рядок 58:		Рядок 58:
	Таблиця задається за допомогою контейнера <table>…</table>.<br>		Таблиця задається за допомогою контейнера <table>…</table>.<br>
	Його атрибути:<br>		Його атрибути:<br>
-	~~• Width~~ – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);	+	•Width – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);<br>
-	~~• Height~~ – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);	+	•Height – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);<br>
	• Align – задає спосіб вирівнювання таблиці на сторінці(можливі значення: left, right, center);		• Align – задає спосіб вирівнювання таблиці на сторінці(можливі значення: left, right, center);
	• Bgcolor – задає фоновий колір фоновий колір таблиці;		• Bgcolor – задає фоновий колір фоновий колір таблиці;

Іськов Таня: /* Мої роботи */

2013-01-01T14:56:33Z

Мої роботи

← Старіша версія		Версія 14:56, 1 січня 2013
Рядок 32:		Рядок 32:
	'''Мета уроку.'''<br>		'''Мета уроку.'''<br>
	'''Навчальна.''' Навчити учнів вставляти таблиці та графіку до найпростішої web-сторінки. Вивчити основні теги для вставляння таблиць та графіки до web-сторінки.<br>		'''Навчальна.''' Навчити учнів вставляти таблиці та графіку до найпростішої web-сторінки. Вивчити основні теги для вставляння таблиць та графіки до web-сторінки.<br>
-	Розвиваюча. Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам'ять. Розвивати навички роботи з клавіатурою.	+	'''Розвиваюча.''' Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам'ять. Розвивати навички роботи з клавіатурою.<br>
-	Виховна. Попередня професійна орієнтація учнів.	+	''''Виховна.''' Попередня професійна орієнтація учнів.<br>
-	Обладнання. Комп’ютери класу. Текстовий редактор. Мережа Інтернет.	+	'''Обладнання.''' Комп’ютери класу. Текстовий редактор. Мережа Інтернет.<br>
-	Наочність. Комп’ютерна презентація.	+	'''Наочність.''' Комп’ютерна презентація.<br>
-	Тип уроку. Комбінований.	+	'''Тип уроку.''' Комбінований.<br>
-	Хід уроку.	+	<center>'''Хід уроку.'''</center><br>
-	І. Організаційна частина.(1 хв.)	+
-	1. Привітання.	+	'''І. Організаційна частина.(1 хв.)'''<br>
-	2. Перевірка готовності учнів до уроку.	+	1. Привітання.<br>
-	ІІ. Актуалізація опорних знань.(10 хв.)	+	2. Перевірка готовності учнів до уроку. <br>
-	1.Учні займають місця за комп’ютерами, повторюють правила техніки безпеки і тоді виконують тести. Тести ґрунтуються на теоретичному матеріалі попередньої теми.	+
-	2. Отримані результати тестування записати. А в кінці уроку виставити в журнал.	+	'''ІІ. Актуалізація опорних знань.(10 хв.)'''<br>
-	3. По закінченню тестування учні вимикають монітори і готуються до пояснення нового матеріалу.	+	1.Учні займають місця за комп’ютерами, повторюють правила техніки безпеки і тоді виконують тести. Тести ґрунтуються на теоретичному матеріалі попередньої теми.<br>
-	ІІІ. Мотивація навчальної діяльності учнів(1 хв.)	+	2. Отримані результати тестування записати. А в кінці уроку виставити в журнал.<br>
-	Ми на попередніх уроках навчились створювати найпростіші web-сторінки за допомогою HTML-мови та текстового редактора. На яких ми розміщували різну текстову інформацію та створювали різного типу списки. Але такі web-сторінки не дуже красиві, а також нецікаві. Щоб web-сторінка була інформативною і в той же час привабливою і цікавою, в гіпертекстовий документ також вставляють графічні об’єкти і таблиці. Якщо ви в майбутньому захочете стати web-дизайнером, то саме ці елементи можуть забезпечити успіх вашій web-сторінці.	+	3. По закінченню тестування учні вимикають монітори і готуються до пояснення нового матеріалу.<br>
-	IV. Пояснення нового матеріалу(15 хв)	+
-	Запишіть будь-ласка тему сьогоднішнього уроку «Включення графіки та таблиць до web-сторінки.»	+	'''ІІІ. Мотивація навчальної діяльності учнів(1 хв.)'''<br>
-	А тепер увімкніть монітори комп’ютерів, тому що вашій увазі буде представлена комп’ютерна презентація до теми уроку. Для кращого засвоєння навчального матеріалу.	+	Ми на попередніх уроках навчились створювати найпростіші web-сторінки за допомогою HTML-мови та текстового редактора. На яких ми розміщували різну текстову інформацію та створювали різного типу списки. Але такі web-сторінки не дуже красиві, а також нецікаві. Щоб web-сторінка була інформативною і в той же час привабливою і цікавою, в гіпертекстовий документ також вставляють графічні об’єкти і таблиці. Якщо ви в майбутньому захочете стати web-дизайнером, то саме ці елементи можуть забезпечити успіх вашій web-сторінці.<br>
-	У звичайних текстових редакторах таблиці використовують для наочного подання числової чи текстової інформації.	+
-	Але в web-документі таблиці призначені не лише для розміщення даних в заданій формі – в мові HTML, а також використовується для розмітки web-сторінок. Позиціювання графічних чи інших об’єктів на екрані.	+	'''IV. Пояснення нового матеріалу(15 хв.)'''<br>
-	Таблиця задається за допомогою контейнера <table>…</table>.	+	Запишіть будь-ласка тему сьогоднішнього уроку «Включення графіки та таблиць до web-сторінки.»<br>
-	Його атрибути:	+	А тепер увімкніть монітори комп’ютерів, тому що вашій увазі буде представлена комп’ютерна презентація до теми уроку. Для кращого засвоєння навчального матеріалу.<br>
		+	У звичайних текстових редакторах таблиці використовують для наочного подання числової чи текстової інформації.<br>
		+	Але в web-документі таблиці призначені не лише для розміщення даних в заданій формі – в мові HTML, а також використовується для розмітки web-сторінок. Позиціювання графічних чи інших об’єктів на екрані.<br>
		+	Таблиця задається за допомогою контейнера <table>…</table>.<br>
		+	Його атрибути:<br>
	• Width – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);		• Width – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);
	• Height – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);		• Height – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);

Іськов Таня: /* Мої роботи */

2013-01-01T14:52:01Z

Мої роботи

← Старіша версія		Версія 14:52, 1 січня 2013
Рядок 28:		Рядок 28:

	==<div style="border: 1px solid #003366; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100%; background:#4169E1;"><font color="white" size="4"><b><center>Мої роботи</center></b></font></div>==		==<div style="border: 1px solid #003366; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100%; background:#4169E1;"><font color="white" size="4"><b><center>Мої роботи</center></b></font></div>==
		+	<font size="4"><b><center>КОНСПЕКТ УРОКУ ІНФОРМАТИКИ В 11 КЛАСІ</center></b></font><br>
		+	<font color="purple" size="3"><b><center>Включення графіки та таблиць до web-сторінки.</center></b></font><br>
		+	'''Мета уроку.'''<br>
		+	'''Навчальна.''' Навчити учнів вставляти таблиці та графіку до найпростішої web-сторінки. Вивчити основні теги для вставляння таблиць та графіки до web-сторінки.<br>
		+	Розвиваюча. Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам'ять. Розвивати навички роботи з клавіатурою.
		+	Виховна. Попередня професійна орієнтація учнів.
		+	Обладнання. Комп’ютери класу. Текстовий редактор. Мережа Інтернет.
		+	Наочність. Комп’ютерна презентація.
		+	Тип уроку. Комбінований.
		+	Хід уроку.
		+	І. Організаційна частина.(1 хв.)
		+	1. Привітання.
		+	2. Перевірка готовності учнів до уроку.
		+	ІІ. Актуалізація опорних знань.(10 хв.)
		+	1.Учні займають місця за комп’ютерами, повторюють правила техніки безпеки і тоді виконують тести. Тести ґрунтуються на теоретичному матеріалі попередньої теми.
		+	2. Отримані результати тестування записати. А в кінці уроку виставити в журнал.
		+	3. По закінченню тестування учні вимикають монітори і готуються до пояснення нового матеріалу.
		+	ІІІ. Мотивація навчальної діяльності учнів(1 хв.)
		+	Ми на попередніх уроках навчились створювати найпростіші web-сторінки за допомогою HTML-мови та текстового редактора. На яких ми розміщували різну текстову інформацію та створювали різного типу списки. Але такі web-сторінки не дуже красиві, а також нецікаві. Щоб web-сторінка була інформативною і в той же час привабливою і цікавою, в гіпертекстовий документ також вставляють графічні об’єкти і таблиці. Якщо ви в майбутньому захочете стати web-дизайнером, то саме ці елементи можуть забезпечити успіх вашій web-сторінці.
		+	IV. Пояснення нового матеріалу(15 хв)
		+	Запишіть будь-ласка тему сьогоднішнього уроку «Включення графіки та таблиць до web-сторінки.»
		+	А тепер увімкніть монітори комп’ютерів, тому що вашій увазі буде представлена комп’ютерна презентація до теми уроку. Для кращого засвоєння навчального матеріалу.
		+	У звичайних текстових редакторах таблиці використовують для наочного подання числової чи текстової інформації.
		+	Але в web-документі таблиці призначені не лише для розміщення даних в заданій формі – в мові HTML, а також використовується для розмітки web-сторінок. Позиціювання графічних чи інших об’єктів на екрані.
		+	Таблиця задається за допомогою контейнера <table>…</table>.
		+	Його атрибути:
		+	• Width – визначає ширину таблиці(у відсотках 100% - весь екран, у пікселях);
		+	• Height – задає висоту таблиці (у відсотках 100% - весь екран, у пікселях);
		+	• Align – задає спосіб вирівнювання таблиці на сторінці(можливі значення: left, right, center);
		+	• Bgcolor – задає фоновий колір фоновий колір таблиці;
		+	• Border – створює рамку, ширина якої задається у пікселях (border=”2”);
		+	• Bordercolor – назначає колір для рамки.
		+
		+	Структура таблиці задається іншими тегами. Рядки таблиці формуються за допомогою контейнера <tr>…</tr>, а комірки – контейнера <td>…</td>.
		+	Атрибути тегів <tr> i <td>:
		+	• Width – визначає ширину комірки (у відсотках 100% - весь екран, у пікселях);
		+	• Height – задає висоту комірки чи рядка (у відсотках 100% - весь екран, у пікселях);
		+	• Align – задає спосіб вирівнювання вмісту комірки (можливі значення: left, right, center);
		+	• Valign – задає вирівнювання вмісту комірки по вертикалі (допустимі значення: top (вгорі), middle (посередині), bottom (внизу));
		+	• Bgcolor – задає фоновий колір фоновий колір рядка чи комірки;
		+	• Colspan – задає об’єднання комірок по горизонталі (тобто в одному рядку) значення атрибуту рівне числу комірок, які необхідно об’єднати;
		+	• Rowspan – задає об’єднання комірок по вертикалі тобто в одному стовпчику рядках, значення атрибуту рівне числу комірок, які необхідно об’єднати.
		+	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.
		+	• html>
		+	• <head><title>Таблиця</title></head>
		+	• <body>
		+	• <table width="90%" height="30%" align="center" border="4" bordercolor=black">
		+	• <tr height="40%">
		+	• <td colspan="3" align="center" valign="midle" bgcolor="aqua">Об’єднано три комірки по горизонталі</td>
		+	• </tr>
		+	• <tr><td width="30%" rowspan="2" align="center">
		+	• Об’єднано по вертикалі</td>
		+	• <td>1</td><td>2</td>
		+	• </tr>
		+	• <tr> <td>3</td><td>4</td>
		+	• </tr>
		+	• </table>
		+	• </body>
		+	• </html>
		+	Зараз ви спостерігаєте наочне зображення таблиці в web-документі.
		+	Переглянувши частину презентації, ви побачили і дізнались про основні елементи створення і редагування таблиць в web-документі.
		+	А зараз ми розглянемо спеціальні команди мови HTML, за допомогою яких можливе встановлення графічних об’єктів на web-сторінку. Графічними об’єктами можуть виступати фотографії, картинки, піктограми тощо.
		+	Для додавання графіки на web-сторінку використовується тег <img> .
		+	Обов'язковим є лише параметр src.
		+	Додаткові параметри:
		+	Alt – альтернативний текст (це текст, який виводиться замість картинки, якщо браузер не може прийняти або відобразити графічний файл.
		+	Align – задає місце розташування картинки на екрані.
		+	Width і height – розміри зображення за шириною і висотою в пікселях або відсотках.
		+	Border – для створення рамки навколо зображення.
		+	Наприклад
		+	<img src=“адреса графічного файлу ”>
		+	За допомогою тега <img> можна також вставляти відеофільми.
		+	Для цього використовується параметр dynsrc
		+	Наприклад:
		+	<img dynsrc=“адреса відеофайлу”>
		+	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.
		+	 <html>
		+	 <head><title>Графіка</title></head>
		+	 <body bgcolor="yellow">
		+	 <img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400>
		+	 <br>
		+	 <img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5">
		+	 </body>
		+	 </html>
		+	Зараз ви спостерігаєте наочне зображення графічного об’єкту в
		+	web-документі.
		+	Переглянувши другу частину презентації, ви побачили і дізнались про основні елементи створення і редагування графічних об’єктів в
		+	web-документі.
		+	V. Закріплення вивченого матеріалу. (10 хв.)
		+	Шановні учні. Ви проглянувши презентацію, побачили, як можна за допомогою спеціальних команд мови HTML встановлювати в web-сторінку таблиці і графічні об’єкти. Тому я зараз вам пропоную створити web-сторінку, яка буде містити таблицю або графічний об’єкт.
		+	(пропоную учням листочки з завданнями).
		+	VI. Підсумок уроку(2 хв.)
		+	Шановні учні, сьогодні ми розглянули дуже цікаву тему. А також я міг спостерігати за тим, як ви засвоїли цей матеріал на основі практичного завдання. Я задоволений результатами вашої роботи.
		+	Якщо в когось є якісь запитання по темі уроку прошу задавати.
		+	(Оцінюю учнів, які вчасно і правильно виконували всі поставленні завдання на уроці).
		+
		+	VII. Домашнє завдання(1 хв.)
		+	Опрацювати опорні конспекти, підготуватись до практичної роботи.


	[[Категорія: КременецьВікі]]		[[Категорія: КременецьВікі]]
	[[Категорія: Вчитель]]		[[Категорія: Вчитель]]

Іськов Таня: /* Про себе */

2013-01-01T13:44:00Z

Про себе

← Старіша версія		Версія 13:44, 1 січня 2013
Рядок 2:		Рядок 2:

	[[Файл:657.jpg\|300px]]<br>		[[Файл:657.jpg\|300px]]<br>
-	Вчитель фізики, інформатики, креслення, завідувач кабінету фізики [[Лопушненська ЗОШ I-IIІ ст.\|Лопушненської ЗОШ І-ІІІ ступенів]]<br>	+	Вчитель фізики, інформатики, креслення, завідувач кабінету фізики [[Лопушненська ЗОШ I-IIІ ст.\|Лопушненської ЗОШ І-ІІІ ступенів.]]<br>
	Електронна адреса: '''''nvv20ukr''''' на '''''mail.ru'''''<br>		Електронна адреса: '''''nvv20ukr''''' на '''''mail.ru'''''<br>

← Старіша версія		Версія 15:09, 1 січня 2013
Рядок 33:		Рядок 33:
	'''Навчальна.''' Навчити учнів вставляти таблиці та графіку до найпростішої web-сторінки. Вивчити основні теги для вставляння таблиць та графіки до web-сторінки.<br>		'''Навчальна.''' Навчити учнів вставляти таблиці та графіку до найпростішої web-сторінки. Вивчити основні теги для вставляння таблиць та графіки до web-сторінки.<br>
	'''Розвиваюча.''' Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам'ять. Розвивати навички роботи з клавіатурою.<br>		'''Розвиваюча.''' Розвивати практичні навички роботи з ПК, уміння працювати з текстовим редактором, пам'ять. Розвивати навички роботи з клавіатурою.<br>
-	''''Виховна.''' Попередня професійна орієнтація учнів.<br>	+	'''Виховна.''' Попередня професійна орієнтація учнів.<br>
	'''Обладнання.''' Комп’ютери класу. Текстовий редактор. Мережа Інтернет.<br>		'''Обладнання.''' Комп’ютери класу. Текстовий редактор. Мережа Інтернет.<br>
	'''Наочність.''' Комп’ютерна презентація.<br>		'''Наочність.''' Комп’ютерна презентація.<br>
Рядок 107:		Рядок 107:
	<img dynsrc=“адреса відеофайлу”><br>		<img dynsrc=“адреса відеофайлу”><br>
	Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.<br>		Зараз ми розглянемо приклад однієї web-сторінки написаної мовою HTML.<br>
-	<html>	+	<html><br>
-	<head><title>Графіка</title></head>	+	<head><title>Графіка</title></head><br>
-	<body bgcolor="yellow">	+	<body bgcolor="yellow"><br>
-	<img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400>	+	<img src="C:\Documents and Settings\User\Рабочий стол\fff\12.jpg" align="right" width=500 height=400><br>
-	<br>	+	<br><br>
-	<img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5">	+	<img dynsrc="C:\Съемный диск (I)\Web\clock.avi" loop="5"><br>
-	</body>	+	</body><br>
-	</html>	+	</html><br>
	Зараз ви спостерігаєте наочне зображення графічного об’єкту в web-документі.<br>		Зараз ви спостерігаєте наочне зображення графічного об’єкту в web-документі.<br>
	Переглянувши другу частину презентації, ви побачили і дізнались про основні елементи створення і редагування графічних об’єктів в		Переглянувши другу частину презентації, ви побачили і дізнались про основні елементи створення і редагування графічних об’єктів в