Главная » Мастерская » Статьи » ФРЭЙМЫ (HTML Уроки)

Учебник по HTML (HTML Уроки) - Урок 2

Метка <FRAMESET> производит все деление. Это - все, что требуется для ... деления окна. Она определяет несколько параметров, как делить окно. Помните, что всякий раз, когда Вам необходимо выполнить некоторое деление - используйте <FRAMESET>.
Можно ли делить окно на более чем 2 части? Да, только удостоверьтесь, что Вы определили страницу для каждой секции, или браузер запутается.

<FRAMESET COLS="20%,20%,20%,20%,20%">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAME SRC="kim.htm">
  <FRAME SRC="tina.htm">
  <FRAME SRC="shannon.htm">
</FRAMESET>


Довольно очевидно, что мы можем делать фреймы такими, чтобы все они были различных размеров. Только удостоверитесь, что ваша арифметика правильна или браузер придумает собственную интерпретацию.

<FRAMESET COLS="10%,20%,30%,15%,25%">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAME SRC="kim.htm">
  <FRAME SRC="tina.htm">
  <FRAME SRC="shannon.htm">
</FRAMESET>


Если мы определим деление в СТРОКАХ - ROWS вместо СТОЛБЦОВ - COLS мы получил нечто совсем другое.

<FRAMESET ROWS="10%,20%,30%,15%,25%">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAME SRC="kim.htm">
  <FRAME SRC="tina.htm">
  <FRAME SRC="shannon.htm">
</FRAMESET>


Давайте вернемся к делению на 2 равных фрейма - столбца.

<FRAMESET COLS="50%,50%">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
</FRAMESET>


Мы можем определить 50 пикселей вместо 50%. И, мы можем использовать * вместо числа. * означает какой-то остаток.

<FRAMESET COLS="50,*">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
</FRAMESET>

Есть важный момент..., давайте предположим, что Вы делаете фреймы 100 пикселей шириной слева и 100 пикселей шириной справа. Так как Вы управляете экраном 800x600, Вы делаете 3-ью среднюю область шириной в 600 пикселей. Наш экран 640x480. Эти реймы шириной в 100 пикселей, которые Вы помещаете на вашу страницу, теперь на нашеи экране 80 пикселей шириной. Если Вы используете некоторые бсолютные размерности в ваших метках <FRAMESET>, ВСЕГДА необходимо иметь, по крайней мере, один * , как упругий фрейм. Таким способом все будет выглядеть хорошо для каждого экрана и фрейма.

Это общая проблема фреймов и мы хотим потратить время, чтобы привлечь дополнительное внимание. к ней. Популярное размещение фреймов - узкое окно каталога слева и большее основное окно справа. Но есть проблемма... Если Вы делите окно, используя проценты (типа <FRAMESET COLS="15%,85%">) все будет возможно выглядеть превосходно как у Вас. Но... у кого-то с другой разрешающей способностью экрана вид может быть совершенно другой.

Причина этого в том, что Вы определили левое окно в 15 %. 15 % от чего? 15 % любой горизонтальной экранной разрешающей способности. Это означает что, левое окно может выглядеть немного по разному различным людям. Используйте только абсолютную размерность для левого окна и делайте правое окно гибким (типа <FRAMESET COLS="120,*">).

Это хорошая идея делать абсолютную размерность чуть - чуть больше, чем необходимо. Дайте наполнению в левом окне небольшой участок пространства для существования. Например, если 100 пикселей достаточно для заполнения в «притык» ..., делают окно 120 или 125 пикселей.

Хороший и безболезненный способ проверить ваше размещение при различных экранных разрешающих способностях изящным небольшим MS PowerToy, называемой Quickres.


Мы можем иметь больше чем один остаточный фрейм и определять их связанные между собой размеры.

<FRAMESET COLS="50,*,2*">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAME SRC="kim.htm">
</FRAMESET>

Переведем, что говорит пример выше: Сделать 3 фрейма. Первый сделать шириной в 50 пикселей. Остаток разделить между 2-ым и 3-им фреймами , но 3-ий в двое больше 2-го фрейма. Поместите lisa в первый фрейм, Terri во второй и Kim в третий.

Важно обратить внимание на порядок выполнения. Первый <FRAME> отображается согласно первому атрибуту размера в метке <FRAMESET> (50/lisa), второй со вторым (*/terri) и третий с третьим (2*/kim).


Что, если мы захотим разделить kim пополам горизонтально? Не забудьте, если Вы хотите произвести любое деление, Вы должны использовать метку <FRAMESET>. Сначала мы должны заменить Kim на пару меток <FRAMESET>.

<FRAMESET COLS="50,*,2*">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAMESET>
  </FRAMESET>
</FRAMESET>

В этой метке мы сообщили браузеру: Сделать 3 фрейма. Первый шириной в 50 пикселей. Остаток разделить между 2-ым и 3-им фреймами, но сделать 3-ий фрейм в два раз шире, чем 2-ой фрейм. Поместите lisa в первый фрейм , Terri во второй, а третий фрейм мы собираемся делить далее. Теперь мы должны определить, как делить третий фрейм.


Мы собирались делить его пополам горизонтально.

<FRAMESET COLS="50,*,2*">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAMESET ROWS="50%,50%">
  </FRAMESET>
</FRAMESET>


И я думаю, что мы поместим Kim в верхнюю часть, а Tina в нижнюю часть.

<FRAMESET COLS="50,*,2*">
  <FRAME SRC="lisa.htm">
  <FRAME SRC="terri.htm">
  <FRAMESET ROWS="50%,50%">
    <FRAME SRC="kim.htm">
    <FRAME SRC="tina.htm">
  </FRAMESET>
</FRAMESET>


Давайте разделим Lisa горизонтально на 3 секции. Верхнее окно должно быть 50 пикселей высотой. Другие два могут быть равными по высоте. Мы поместим Lisa во все три. Все изменения в одном большом куске.

<FRAMESET COLS="50,*,2*">
  <FRAMESET ROWS="50,*,*">
    <FRAME SRC="lisa.htm">
    <FRAME SRC="lisa.htm">
    <FRAME SRC="lisa.htm">
  </FRAMESET>
  <FRAME SRC="terri.htm">
  <FRAMESET ROWS="50%,50%">
    <FRAME SRC="kim.htm">
    <FRAME SRC="tina.htm">
  </FRAMESET>
</FRAMESET>

Фактически, если страница была разделена на много частей, то она будет выглядеть довольно алляписто. Хорошее правило - не иметь больше чем 3 фрейма на странице. Если Вы можете избежать и это число, это даже лучше.

Самое время подумать о людях, которые используют браузеры, не поддерживающие фреймы. Хотя большинство ваших посетителей смогут видеть фреймы, есть несчастная малая часть, которая пытается просматривать web страницы устаревшими браузерами. Если Вы хотите помочь этим людям, Вы можете написать не-фреймовую версию вашей главной страницы и добавить ее ...

<FRAMESET COLS="50,*,2*">
  <FRAMESET ROWS="50,*,*">
    <FRAME SRC="lisa.htm">
    <FRAME SRC="lisa.htm">
    <FRAME SRC="lisa.htm">
  </FRAMESET>
  <FRAME SRC="terri.htm">
  <FRAMESET ROWS="50%,50%">
    <FRAME SRC="kim.htm">
    <FRAME SRC="tina.htm">
  </FRAMESET>
</FRAMESET>
<NOFRAMES>
<BODY>
Поместите вашу не-фреймовую страницу здесь ниже.
Если кто-то использует старый браузер,
он пропустит все выше и перейдет прямо сюда.
Браузеры поддерживающие фреймы игнорируют то,
что появляется между метками <NOFRAMES>.

</BODY>
</NOFRAMES>

[дальше] [дальше]


Copyright ByWeb©
Hosted by uCoz