Как и обещала, продолжим изучение фреймов. Возможно, вы сделали домашнее задание, возможно и нет. Я имею в виду, планировку вашей квартиры во фреймах. Может у кого-то не получилось? Что ж, сейчас, на собственном примере, я попытаюсь сделать то, что предлагала вам.
Для того, чтобы лучше ориентироваться во фреймах, рекомендую сначала нарисовать (хотя бы от руки) схему квартиры. Я же открыла свой ненаглядный Adobe Photoshop и нарисовала следующее:
Сразу можно заметить, что есть два сложных фрейма. Один, верхний, включает в себя Большую комнату, Маленькую комнату, Кухню, Проход и Туалет. Причем Кухня, Проход и Туалет разбивают один фрейм на три фрейма. А второй (нижний фрейм) вмещает в себя Коридор и Ванную. Это можно записать так:
- Бк + Мк + [К + (П +Т)] - это занимает, примерно 70% по величине
- Кр + В - оставшиеся 30 процентов
Каждому фрейму полагается своя страничка. Так приложим скорей!
- Бк - BigRoom.html - Большая комната
- Мк - SmallRoom.html - Маленькая комната
- К - Kitchen.html - Кухня
- П - Prohod.html - Проход
- Т - Toilet.html - Туалет
- Кр - Coridor.html - Коридор
- В - Vanna.html - Ванная
Запишем по порядку.
<FRAMESET rows="70%, 30%"></FRAMESET>
Пишем фреймы, которые входят в верхние 70%. Так как они разбиты по вертикали, используем атрибут cols.
<FRAMESET cols="40%, 25%,35%">
<frame src="BigRoom.html">
<frame src="SmallRoom.html">
Последний фрейм (35% который) - разбивается по горизонтали (rows) на 2 две части: 68% (кухня) и 32% (проход + туалет). Пишем далее:
<FRAMESET rows="68%, 32%">
<frame src="Kitchen.html">
Далее идет FRAMESET, разделяющий проход и туалет по вертикали (cols):
<FRAMESET cols="40%, 60%">
и перечисляем их:
<frame src="Prohod.html">
<frame src="Toilet.html">
Не забудем, что тег FRAMESET обязательно нужно закрыть. Сначала, по правилу матрешки закроем тег Прохода и Туалета.
</FRAMESET>
Теперь закрываем FRAMESET кухни + (проход+туалет)
</FRAMESET>
И закрываем FRAMESET большая комната+маленькая комната + (проход+туалет):
</FRAMESET>
Теперь на очереди нижний FRAMESET, который разделяет между собой по вертикали (cols) коридор и ванную:
<FRAMESET cols="80%, 20%">
<FRAME src="Coridor.html">
<FRAME src="Vanna.html">
</FRAMESET>
Ну, и окончательно закрываем главный FRAMESET:
</FRAMESET>
Ну, надеюсь я нигде не наврала и вот привожу полный комплект. Надеюсь, вы не забыли, что тега BODY тут быть не должно?
<HTML>
<HEAD>
<TITLE>Квартира во фреймах</TITLE>
</HEAD>
<FRAMESET rows="70%, 30*">
<FRAMESET cols="40%, 25%,35%">
<frame src="BigRoom.html">
<frame src="SmallRoom.html">
<FRAMESET rows="68%, 32%">
<frame src="Kitchen.html">
<FRAMESET cols="40%, 60%">
<frame src="Prohod.html">
<frame src="Toilet.html">
</FRAMESET>
</FRAMESET>
</FRAMESET>
<FRAMESET cols="80%, 20%">
<FRAME src="Coridor.html">
<FRAME src="Vanna.html">
</FRAMESET>
</FRAMESET>
<html lang="ru">
Вот и все. Сейчас посмотрим, что у меня там получилось… Аха… все-таки соврала. И у меня с первого раза не получилось. В одном случае перепутала cols c rows, в другом - забыла поставить угловую скобку, в третьем - вместо процента поставила звездочку. Ошиблась, с кем не бывает? Не бывает с тем, кто ни хрена не делает (да простят меня благочестивые читатели). Но теперь все исправила и получилось вот как:
Ну, и поместим в каждый фрейм свою отдельную страничку:
Вместо процентов вы можете писать просто целые числа, и тогда размер фрейма будет строго фиксирован по фреймам в пикселах, можете и в звездочках (частях). Можете комбинировать. В общем, как хотите, так и пишите.
Ну, и вот что получилось в конце концов:
Что ж, если вы сумели со всем этим разобраться, значит вы - большие молодцы, и тогда пора вам заняться своей коммерцией. Чем мы и займемся на следующем уроке. Удачи!