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

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

2013-02-02T19:59:39Z

User16 в 13:03, 1 февраля 2013

2013-02-01T13:03:09Z

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

2011-03-29T13:02:58Z

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

-	~~Если у вас есть исправления или предложения к данному уроку, [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 в 13:22, 15 ноября 2010

2010-11-15T13:22:11Z

← Предыдущая		Версия 13:22, 15 ноября 2010
Строка 35:		Строка 35:
	<br> С помощью фреймов окно браузера делится на несколько окон, заданных размеров, где помещаются независимые друг от друга документы. Это позволяет оставлять одну информацию видимой, а другую - заменяемой или прокручиваемой.		<br> С помощью фреймов окно браузера делится на несколько окон, заданных размеров, где помещаются независимые друг от друга документы. Это позволяет оставлять одну информацию видимой, а другую - заменяемой или прокручиваемой.

-		+	<br>

	[[Image:Fram1.jpg]]		[[Image:Fram1.jpg]]

-		+	<br>

	<u>Создадим первый вариант страницы с фреймом. </u>		<u>Создадим первый вариант страницы с фреймом. </u>
Строка 59:		Строка 59:
	[[Image:Fram2.jpg]]		[[Image:Fram2.jpg]]

-		+	<br>

	С помощью атрибута rows тэга указывается горизонтальное расположение фреймоа.		С помощью атрибута rows тэга указывается горизонтальное расположение фреймоа.
Строка 93:		Строка 93:
	[[Image:Fram3.jpg]]		[[Image:Fram3.jpg]]

		+	<br>

		+	<br>

		+	<br>

-		+	Теперь заменим '''rows '''на '''cols''' и посмотрим на результат
-		+
-		+
-	Теперь заменим '''rows '''на '''cols''' и посмотрим на результат	+

	[[Image:Fram4.jpg]]		[[Image:Fram4.jpg]]

-		+	<br>

	Сейчас фреймы разместились не по горизонтали, а по вертикали.		Сейчас фреймы разместились не по горизонтали, а по вертикали.
Строка 125:		Строка 125:
	< /frameset >		< /frameset >

-	[[Image: ~~freim5~~.jpg]]	+	[[Image:Freim5.jpg]]
-		+
-		+

		+	<br>

		+	<br>

	<br> На последок, нужно вспомнить еще о нескольких полезных функциях относительно фреймов:		<br> На последок, нужно вспомнить еще о нескольких полезных функциях относительно фреймов:
Строка 138:		Строка 138:
	*Атрибуты '''Marginheight''' – выставляет высоту фрейма.		*Атрибуты '''Marginheight''' – выставляет высоту фрейма.

-	<br> {{#ev:youtube\|xA8WnrgZzuI}} {{#ev:youtube\|UFo8S-55zsA}}	+
		+
		+	<br> {{#ev:youtube\|xA8WnrgZzuI}}
		+
		+
		+
		+	{{#ev:youtube\|UFo8S-55zsA}}

	<br>		<br>

User17 в 13:20, 15 ноября 2010

2010-11-15T13:20:42Z

Внесённые изменения

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

2010-11-15T13:18:21Z

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

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

'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 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 >

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

*Атрибут '''Scrolling '''с параметром "no" запрещает прокручивание содержимого фрейма
*Атрибут '''Noresize '''– запрещает менять размер фрейма Атрибут Border со значением "0" убирает видимые границы фреймов
*Атрибуты '''Marginwidth '''выставляет ширину фрейма
*Атрибуты '''Marginheight''' – выставляет высоту фрейма.

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

 

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

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

2. Какая схема работы фрейма?

3. Какой тэг отвечает за создание фреймов?

4. Назовите основные атрибуты фреймов.

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

1. Урок на тему: «Что такое фреймы?», Кашин Е. Н., г. Чернигов.

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

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

4. Хольцшлаг М. Языки HTML и CSS: для создания Web-сайтов. — М.: ТРИУМФ, 2007 г.

5. postroika.ru

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

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

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

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