В этой главе мы разберемся, как расположить документы в окне следующим образом:

или

В предыдущей главе было сказано, что мы можем делить окно только на ряды или колонки. Тогда как же расположить наши документы в окне так, как указано на рисунках?

Начнем с первого рисунка:



Каким образом мы будем делить окно? - На ряды. В первом ряду у нас будет располагаться logo.html, а второй ряд мы поделим на две колонки, в которых будут располагаться документы menu.html и content.html.

<html>
<head>
<title>Хождение по фреймам</title>
<frameset rows="100,*">
<frame src="logo.html">
<???>
</frameset>
</head>
</html>


Принцип построения ясен, а обозначить ряд, разбитый на две колонки нам поможет Frameset.

<html>
<head>
<title>Хождение по фреймам</title>
<frameset rows="100,*">

<frame src="logo.html">
<frameset cols="150,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>


</frameset>
</head>
</html> (прим.)


Первый ряд мы оформили при помощи тега frame. Во втором ряду тег <frameset></frameset>.

С помощью параметра cols тега <frameset></frameset> мы делим второй ряд на две колонки (первая шириной 150 пикселов, вторая по ширине занимает все оставшееся пространство). А теги <frame>, которые содержит <frameset></frameset> определяют какие документы будут показаны в колонках (menu.html и content.html).

Второй вариант:



Деление окон на колонки.
Вторая колонка будет содержать в себе документ content.html (содержание), а первую колонку разобьем на два ряда, и поместим в них документы logo.html и menu.html.

<html>
<head>
<title>Хождение по фреймам</title>
<frameset cols="100,*">

<frameset rows="100,*">
<frame src="logo.html">
<frame src="menu.html">
</frameset>
<frame src="content.html">

</frameset>
</head>
</html> (прим.)


Ничего сложного здесь нет.

<< BACK | NEXT >>