Фрейми. Повні уроки - История изменений

User17 в 21:27, 4 ноября 2012

2012-11-04T21:27:05Z

← Предыдущая		Версия 21:27, 4 ноября 2012
Строка 3:		Строка 3:
	<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>		<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>

-	==Тема==	+	== Тема ==
-	*'''Фрейми.'''	+

-	~~==Мета==~~	+	*'''Фрейми.'''
-	*~~Розглянути поняття фрейма. Навчити ділити веб-сторінку на фрейми і заповнювати їх вмістом~~.	+

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

-	~~==Хід уроку==~~	+	*Розглянути поняття [[Фреймы. Полные уроки\|фрейма]]. Навчити ділити веб-сторінку на фрейми і заповнювати їх вмістом.

		+	== Тип уроку ==

-	Що таке фрейми і навіщо вони потрібні? Фрейми дозволяють відкривати у вікні веб-сторінці одночасно декілька документів наприклад, menu.html, який містить меню сайту, logo.html - з логотипом сторінки, content.html - документ зі змістом сайту і т.д.	+	*теоретично-практичний
		+
		+	== Хід уроку ==
		+
		+	Що таке фрейми і навіщо вони потрібні? Фрейми дозволяють відкривати у вікні [[Основные теги. Каркас веб-страницы. Полные уроки\|веб-сторінці]] одночасно декілька документів наприклад, menu.html, який містить меню сайту, logo.html - з логотипом сторінки, content.html - документ зі змістом сайту і т.д.

	Отже, для того, щоб браузер показав одночасно декілька документів, треба створити фрейм-документ, де вказується:		Отже, для того, щоб браузер показав одночасно декілька документів, треба створити фрейм-документ, де вказується:

-	кількість документів, які відкриваються в одному вікні браузера скільки місця займатиме кожен фрейм яким чином вони будуть розташовані один відносно одного.	+	кількість документів, які відкриваються в одному вікні [[Презентация на тему: Что такое Веб - Браузер\|браузера]] скільки місця займатиме кожен фрейм яким чином вони будуть розташовані один відносно одного.

	{{#ev: youtube\|-NQyopLOctc}}		{{#ev: youtube\|-NQyopLOctc}}
Строка 37:		Строка 39:
	< /html >		< /html >

-	<br> За допомогою фреймів вікно браузера ділиться на декілька вікон, заданих розмірів, де розміщаються незалежні один від одного документи. Це дозволяє залишати одну інформацію видимою, а іншу - замінюваною або прокручуваною.	+	<br> За допомогою фреймів вікно браузера ділиться на декілька вікон, заданих розмірів, де розміщаються незалежні один від одного документи. Це дозволяє залишати одну [[Закрита інформація до теми «Введення, редагування і форматування тексту»\|інформацію]] видимою, а іншу - замінюваною або прокручуваною.

	<br>		<br>
Строка 77:		Строка 79:
	<br>		<br>

-	Тег '''frame''' визначає документи, які завантажуються у фрейми.	+	Тег '''frame''' визначає документи, які завантажуються у [[Практическая работа № 12: Создание фреймов\|фрейми]].

	Фрейми можна поміняти місцями:		Фрейми можна поміняти місцями:
Строка 131:		Строка 133:
	[[Image:Freim5.jpg\|480px\|Фрейми]]		[[Image:Freim5.jpg\|480px\|Фрейми]]

-		+	<br> <br> Насамкінець, треба згадати ще про декілька корисних функцій відносно фреймів:
-	<br> Насамкінець, треба згадати ще про декілька корисних функцій відносно фреймів:	+

	*Атрибут '''Scrolling ''' з параметром "no" забороняє прокручування фрейма		*Атрибут '''Scrolling ''' з параметром "no" забороняє прокручування фрейма
Строка 149:		Строка 150:

	<br>		<br>
-	~~==Самоконтроль==~~

-	~~''1. Що таке фрейм? ''~~	+	== Самоконтроль ==

-	''2. ~~Яка схема роботи фрейма~~? ''	+	''1. Що таке фрейм? ''

-	''3. ~~Який тег відповідає за створення фреймів~~? ''	+	''2. Яка схема [http://xvatit.com/busines/jobs-career/ роботи] фрейма? ''

-	''4. Назвіть основні атрибути фреймів. ''	+	''3. Який тег відповідає за створення фреймів? ''
		+
		+	''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>
Строка 177:		Строка 179:
	----		----

		+	<br> ''Скомпоновано та надіслано викладачем Київського національного [http://xvatit.com/vuzi/ університету] імені Тараса Шевченка Соловйовим М. С.''

-	''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''	+	<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 в 18:58, 2 ноября 2012

2012-11-02T18:58:20Z

← Предыдущая		Версия 18:58, 2 ноября 2012
Строка 3:		Строка 3:
	<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>		<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>

-	===Тема==	+	==Тема==
	*'''Фрейми.'''		*'''Фрейми.'''

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

2012-11-02T18:57:45Z

← Предыдущая		Версия 18:57, 2 ноября 2012
Строка 3:		Строка 3:
	<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>		<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>

-	'''~~Тема:~~ Фрейми.'''	+	===Тема==
		+	*'''Фрейми.'''

-	~~'''~~Мета~~:'''~~ Розглянути поняття фрейма. Навчити ділити веб-сторінку на фрейми і заповнювати їх вмістом.	+	==Мета==
		+	*Розглянути поняття фрейма. Навчити ділити веб-сторінку на фрейми і заповнювати їх вмістом.

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

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

-	~~<br>~~

	Що таке фрейми і навіщо вони потрібні? Фрейми дозволяють відкривати у вікні веб-сторінці одночасно декілька документів наприклад, menu.html, який містить меню сайту, logo.html - з логотипом сторінки, content.html - документ зі змістом сайту і т.д.		Що таке фрейми і навіщо вони потрібні? Фрейми дозволяють відкривати у вікні веб-сторінці одночасно декілька документів наприклад, menu.html, який містить меню сайту, logo.html - з логотипом сторінки, content.html - документ зі змістом сайту і т.д.
-
-	~~<br>~~

	Отже, для того, щоб браузер показав одночасно декілька документів, треба створити фрейм-документ, де вказується:		Отже, для того, щоб браузер показав одночасно декілька документів, треба створити фрейм-документ, де вказується:
Строка 41:		Строка 41:
	<br>		<br>

-	~~<br>~~	+	[[Image:Fram1.jpg\|480px\|Фрейми]]
-		+
-	[[Image:Fram1.jpg]]	+
-		+
-	~~<br>~~	+

	<br>		<br>

-	~~<u>~~Створимо перший варіант сторінки з фреймом. ~~</u>~~	+	'''Створимо перший варіант сторінки з фреймом.'''

	Але перед цим треба створити звичайні *.html документів з логотипом, меню і основним змістом.		Але перед цим треба створити звичайні *.html документів з логотипом, меню і основним змістом.
Строка 65:		Строка 61:
	<br>		<br>

-	[[Image:Fram2.jpg]]	+	[[Image:Fram2.jpg\|480px\|Фрейми]]

	<br>		<br>
Строка 99:		Строка 95:
	<br>		<br>

-	[[Image:Fram3.jpg]]	+	[[Image:Fram3.jpg\|480px\|Фрейми]]
-		+
-	~~<br>~~	+
-		+
-	~~<br>~~	+
-		+
-	~~<br>~~	+

	<br>		<br>
Строка 113:		Строка 103:
	<br>		<br>

-	[[Image:Fram4.jpg]]	+	[[Image:Fram4.jpg\|480px\|Фрейми]]

	<br>		<br>
Строка 139:		Строка 129:
	<br>		<br>

-	[[Image:Freim5.jpg]]	+	[[Image:Freim5.jpg\|480px\|Фрейми]]

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

	<br> Насамкінець, треба згадати ще про декілька корисних функцій відносно фреймів:		<br> Насамкінець, треба згадати ще про декілька корисних функцій відносно фреймів:
Строка 155:		Строка 142:
	<br>		<br>

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

	<br>		<br>
Строка 162:		Строка 149:

	<br>		<br>
		+	==Самоконтроль==

-	''~~'Самоконтроль:'~~''	+	''1. Що таке фрейм? ''

-	1. ~~Що таке фрейм~~?	+	''2. Яка схема роботи фрейма? ''

-	2. ~~Яка схема роботи фрейма~~?	+	''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> Якщо у вас є виправлення чи пропозиції до цього уроку, [http://xvatit.com/index.php?do=feedback напишіть нам].~~

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

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

User17 в 13:05, 25 января 2011

2011-01-25T13:05:42Z

← Предыдущая		Версия 13:05, 25 января 2011
Строка 21:		Строка 21:
	кількість документів, які відкриваються в одному вікні браузера скільки місця займатиме кожен фрейм яким чином вони будуть розташовані один відносно одного.		кількість документів, які відкриваються в одному вікні браузера скільки місця займатиме кожен фрейм яким чином вони будуть розташовані один відносно одного.

-	{{#ev: youtube\|- NQyopLOctc}}	+	{{#ev: youtube\|-NQyopLOctc}}

	<br> Фрейми створюються за допомогою тега FRAMESET. Зверніть увагу, що в коді html -документа немає тега body!		<br> Фрейми створюються за допомогою тега FRAMESET. Зверніть увагу, що в коді html -документа немає тега body!
Строка 159:		Строка 159:
	<br>		<br>

-	{{#ev: youtube\|UFo8S - 55zsA}}	+	{{#ev: youtube\|UFo8S-55zsA}}

	<br>		<br>

User1 в 15:29, 24 января 2011

2011-01-24T15:29:50Z

← Предыдущая		Версия 15:29, 24 января 2011
Строка 39:		Строка 39:
	<br> За допомогою фреймів вікно браузера ділиться на декілька вікон, заданих розмірів, де розміщаються незалежні один від одного документи. Це дозволяє залишати одну інформацію видимою, а іншу - замінюваною або прокручуваною.		<br> За допомогою фреймів вікно браузера ділиться на декілька вікон, заданих розмірів, де розміщаються незалежні один від одного документи. Це дозволяє залишати одну інформацію видимою, а іншу - замінюваною або прокручуваною.

-	<br>	+	<br>

	<br>		<br>
Строка 45:		Строка 45:
	[[Image:Fram1.jpg]]		[[Image:Fram1.jpg]]

-	<br>	+	<br>

	<br>		<br>
Строка 103:		Строка 103:
	<br>		<br>

-		+	<br>

	<br>		<br>
Строка 111:		Строка 111:
	Тепер замінимо '''rows ''' на '''cols''' і подивимося на результат		Тепер замінимо '''rows ''' на '''cols''' і подивимося на результат

-		+	<br>

	[[Image:Fram4.jpg]]		[[Image:Fram4.jpg]]
Строка 137:		Строка 137:
	< /frameset >		< /frameset >

-	<br>	+	<br>

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

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

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

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

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

2011-01-11T14:44:41Z

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

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

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

<metakeywords>Інформатика, клас, урок, на тему, 10 клас, Фрейми.</metakeywords>

'''Тема: Фрейми.'''

'''Мета:''' Розглянути поняття фрейма. Навчити ділити веб-сторінку на фрейми і заповнювати їх вмістом.

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

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

 

Що таке фрейми і навіщо вони потрібні? Фрейми дозволяють відкривати у вікні веб-сторінці одночасно декілька документів наприклад, menu.html, який містить меню сайту, logo.html - з логотипом сторінки, content.html - документ зі змістом сайту і т.д.

 

Отже, для того, щоб браузер показав одночасно декілька документів, треба створити фрейм-документ, де вказується:

кількість документів, які відкриваються в одному вікні браузера скільки місця займатиме кожен фрейм яким чином вони будуть розташовані один відносно одного.

{{#ev: youtube|- NQyopLOctc}}

 Фрейми створюються за допомогою тега FRAMESET. Зверніть увагу, що в коді html -документа немає тега body!

< html >

< head >

< title >Фрейми< /title >

< /head>

< frameset>< /frameset >

< /html >

 За допомогою фреймів вікно браузера ділиться на декілька вікон, заданих розмірів, де розміщаються незалежні один від одного документи. Це дозволяє залишати одну інформацію видимою, а іншу - замінюваною або прокручуваною.

 

 

[[Image:Fram1.jpg]]

 

 

Створимо перший варіант сторінки з фреймом. 

Але перед цим треба створити звичайні *.html документів з логотипом, меню і основним змістом.

 < frameset '''rows'''="100,*, 150" >

< frame src="logo.html" >

< frame src="content.html" >

< frame src="menu.html" >

< /frameset >

 

[[Image:Fram2.jpg]]

 

За допомогою атрибуту rows вказується горизонтальне розташування фрейма.

Тут прописується висота кожного фрейма в пікселях ('''rows'''="100,*, 150").

А значок * вказує на те, що другий (середній) фрейм займає простір, який залишився, по висоті.

 

{{#ev: youtube|1AER6GLtUJs}}

 

Тег '''frame''' визначає документи, які завантажуються у фрейми.

Фрейми можна поміняти місцями:

 

< frameset rows="100,*, 150" >

< frame src="content.html" >

< frame src="menu.html" >

< frame src="logo.html" >

< /frameset >

 

[[Image:Fram3.jpg]]

 

 

 

Тепер замінимо '''rows ''' на '''cols''' і подивимося на результат

[[Image:Fram4.jpg]]

 

Зараз фрейми розмістилися не по горизонталі, а по вертикалі.

Значить, атрибут rows відповідає за горизонтальне розташування фреймів, cols - за вертикальне.

 Спробуємо розмістити фрейми в іншому порядку.

< frameset rows="100,*" >

< frame src="logo.html" >

< /frameset >

< frameset cols="150,*" >

< frame src="menu.html" >

< frame src="content.html" >

< /frameset >

 

[[Image:Freim5.jpg]]

 

 

 Насамкінець, треба згадати ще про декілька корисних функцій відносно фреймів:

*Атрибут '''Scrolling ''' з параметром "no" забороняє прокручування фрейма
*Атрибут '''Noresize ''' - забороняє змінятювати користувачу розмір фрейма
*Атрибут '''Border''' зі значенням "0" прибирає видимі межі фреймів
*Атрибут '''Marginwidth ''' виставляє ширину фрейма
*Атрибут '''Marginheight''' виставляє висоту фрейма.

 

 {{#ev: youtube|xA8WnrgZzuI}}

 

{{#ev: youtube|UFo8S - 55zsA}}

 

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

1. Що таке фрейм?

2. Яка схема роботи фрейма?

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_клас]]