Фреймы - Создание сайта

Использование техники фреймов позволяет разбить окно браузера на произвольное число независимых подокон, каждое из которых отображает отдельную HTML - страницу, например, навигационную панель, область данных, область рекламной информации и т. п. HTML-документы, отображаемые в отдельных фреймах, не зависят один от другого

Структура фреймовой области задается в рамочном фрагменте документа, ограниченном дескрипторами <frameset>, </frameset>. Этот фрагмент содержит также ссылки на отображаемые внутри фреймов HTML - документы. Допускается вложение фреймовых областей, т. е. элементом данной фреймовой области может быть отдельный фрейм, а может быть вложенная фреймовая область, описываемая собственным дескриптором.

Для описания самого фрейма используется дескриптор <frame>, концевого дескриптора не требуется. Атрибуты фрейма определяют его формат и другие особенности.

Не все браузеры могут воспринимать фреймы. Но если браузер лишен такой возможности, он просто игнорирует рамочный раздел документа.

Атрибуты тэга <frameset>

Атрибут

Функция

Cols

Количество и ширина столбцов

Rows

Количество и высота строк

Border

Ширина рамки (в пикселях)

Значения атрибутов: n (ширина столбцов или высота строк в пикселях), n% (ширина столбцов или высота строк в процентах от ширины или высоты окна), * (оставшаяся часть окна).

Атрибуты тэга <frame>

Атрибут

Функция

Name

Имя фрейма

Src

HTML-документ (содержимое) данного фрейма

Пример

<html>

<head>

<title>

Структура фреймов

</title>

</head>

<frameset rows="50,*" border=4 >

<frame src="Заголовок. htm" name="top" >

<frameset cols="36%,*">

<frame src="index. htm" name="left">

<frame src="main. htm" name = "right">

</frameset>

</html>

Разберем из приведенного примера строки:

<frameset rows="50,*" border=4 >

Данный тег задает количество горизонтальных фреймов и их размер при отображении в браузере (50 - высота 1- го фрейма по вертикали в пикселах. * - значит, второй фрейм занимает остальную область окна).

<frame src="Заголовок. htm" name="top" >

Данный тег ссылается на html-файл, содержимое которого отражается в верхнем фрейме. Атрибут Name="top" указывает на то, что фрейм будет отображаться верхним в окне браузера.

<frameset cols="36%,*">

Данный тег задает количество вертикальных фреймов и их размер при отображении в браузере (36% - ширина левого фрейма по горизонтали в процентах от окна браузера. * - значит, правый фрейм будет отображаться на всю остальную ширину окна браузера).

<frame src="index. htm" name="left">

<frame src="main. htm" name = "right">

Два данных тега ссылаются на соответствующие html-файлы, содержимое которых отображается в соответствующих фреймах (атрибут Name="left" указывает на то, что содержимое файла будет отображаться в левом фрейме, а Name = "right" - в правом соответственно).

Упражнение: Построить фреймовую структуру согласно данному коду (все документы сохраняйте в: //Server/Личные папки/Фамилия Имя)

Рамочная Часть Документа:

<html>

<head>

<title>Структура

</title>

</head>

<frameset rows="50,*" border=4>

<frame src="Заголовок. htm" name="top">

<frameset cols="36%,,*">

<frame src="index. htm" name="left">

<frame src="main. htm" name = "right">

</frameset>

</html>

HTML-документ Для Верхнего Фрейма:

<html>

<head>

<title>Верхний фрейм

</title>

</head>

<body>

<h2 align=center>

Заголовок

</h2>

</body>

</html>

HTML-документ Для Левого Фрейма:

<html>

<head>

<title>Левый фрейм

</title>

</head>

<body>

<h2 align=center>

Содержание

</h2>

</body>

</html>

HTML-документ Для Правого Фрейма:

<html>

<html>

<head>

<title>Правый фрейм

</title>

</head>

<body>

<h2 align=center>

Основная информация

</h2>

</body>

</html>

Так мы создали простейший сайт с помощью кодировки.

Похожие статьи




Фреймы - Создание сайта

Предыдущая | Следующая