среда, 27 июня 2012 г.

Фреймы

Вопрос:
  • Фреймы. Набор фреймов, целевой фрейм по умолчанию, «плавающие» фреймы.
Создание фрейма
Для создания фрейма используется парный тег <frameset>, заменяющий тег <body>.
Атрибуты:
rows задаёт количество фреймов по вертикали 
cols  задаёт количество фреймов по горизонтали
Количество фреймов задаётся путём перечисления их размеров через запятую.




Загружаемые HTML-документы указываются в одиночном теге <frame> следующими атрибутами:
src - путь к html-документуname - имя документаnoresize - указывает на то, что размер фрейма не может быть изменён пользователем scrilling - указывает присуствует ли вертикальная полоса прокрутки в фреймеframeborder - размер границ областей в которых отображаются HTML-документы 

Для задания нескольких фреймов в несколько строк вкладывают  парные теги <frameset> друг в друга. К примеру в первом фрейме задаётся количество разбиений по вертикали, а во втором - по строкам. Пример:
<html><head>  <title>Лабораторная работа №5</title></head>
<frameset cols="234, *" > <!-- Здесь указано, что фрейм делится на две части (два столбца), первая из которых занимает 234 пикселя, а второй - всю оставшуюся часть-->
<frame src=menu.html frameborder=5 width=235 noresize>  <!-- определяется левая область (левый столбец), которая будет отображать меню--> 
    <frameset rows="100, *" >  <!-- Здесь указано, что фрейм делится на две части, первая из которых занимает 100 пикселей, а второй - всю оставшуюся часть--> 
    <frame src="1.htm" name="1" frameborder=1> <!-- определяется верхняя область правого столбца, которая будет отображать содержимое документа 1.htm-->  
    <frame src="2.htm" name="2" frameborder=1>  <!-- определяется нижняя область правого столбца, которая будет отображать содержимое документа 2.htm-->  
    </frameset></frameset></html>
Файл меню содержит следующий HTML-код:
<html> <head>       <style type="text/css">               atext-decoration:none;}       </style> </head><body><table width=211 cellspacing=0><tr height=25><td background="images/fon.jpg"><a href="lab1.html" target="2"><pre>   Лаба#1</pre>      </a><td></tr><tr height=25><td background="images/fon.jpg"><a href="lab2.html" target="2"><pre>   Лаба#2</pre></a><td></tr><tr height=25><td background="images/fon.jpg"><a href="lab3.html" target="2"><pre>   Лаба#3</pre></a><td></tr><tr height=25><td background="images/fon.jpg"><a href="anketa.htm" target="2"><pre>   Лаба#4</pre></a><td></tr></table></body></html> 
Как видно, в ссылках присутствует атрибут target, который указывает на то, что соответствующие html-документы должны быть открыты в области 2. Если данный атрибут будет отсутствовать, тогда  html-документы будут открываться в области с меню.