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

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

Давайте вернемся к простому примеру...

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


Мы можем помещать изображения во фреймы. В папке с именем 'examples' есть рисунок названный world.gif. Найдите его и скопируйте в вашу рабочую папку.

<FRAMESET COLS="50%,50%">
  <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162>
  <FRAME SRC="terri.htm">
</FRAMESET>

Не забудьте, включать атрибуты HEIGHT и WIDTH для каждой метки рисунка.

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

<FRAMESET COLS="146,*">
  <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162>
  <FRAME SRC="terri.htm">
</FRAMESET>


Затем мы разделим левый фрейм горизонтально на 2 секции. Верхняя секция должна быть высотой в 162 пикселя, а остальное для нижней части. Мы поместим world.gif и Lisa соответственно.

<FRAMESET COLS="146,*">
  <FRAMESET ROWS="162,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162>
    <FRAME SRC="lisa.htm">
  </FRAMESET>
  <FRAME SRC="terri.htm">
</FRAMESET>

Как можете видеть, мы имеем часть проблемы.

Линейки прокрутки, которые Вы видите, могут быть определены как YES, NO или AUTO. YES означает означает окно всегда имеет линейки прокрутки, независимо необходимы они или нет. NO означает, что не будет никаких линеек прокрутки, даже если ваше содержание фрейма столь же велико, как и New Jersey... - значение по умолчанию. AUTO - если линейки прокрутки необходимы, они появляются, если необходимости нет, то нет и линеек прокрутки. Давайте избавляться от наших линеек прокрутки.

<FRAMESET COLS="146,*">
  <FRAMESET ROWS="162,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO>
    <FRAME SRC="lisa.htm">
  </FRAMESET>
  <FRAME SRC="terri.htm">
</FRAMESET>


Мы все еще имеем проблему. Изображение не правильно расположено во фрейме. Следующие два атрибута имеют дело с полями. Браузер автоматически дает каждому фрейму некоторый вакуум вокруг содержания. Это обычно необходимо для asthetics. Вы можете управлять размером этих полей, используя MARGINWIDTH и MARGINHEIGHT. Они управляют левым, правым и верхним, нижним полями соответственно. Мы установим их оба в 1. (1 - минимум)

<FRAMESET COLS="146,*">
  <FRAMESET ROWS="162,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="lisa.htm">
  </FRAMESET>
  <FRAME SRC="terri.htm">
</FRAMESET>


К сожалению это все еще не решает поставленную задачу. Размерности фрейма измеряются от центра до центра.

Минимальная рамка 1. Так как заданный по умолчанию размер рамки - 6 пикселей, мы должны добавить 8 к каждому размеру изображения (половина от 6, плюс 1 и 2 раза). Если это путает, только добавьте 8 к каждой размерности изображения, чтобы получить ваш размер окна.

<FRAMESET COLS="154,*">
  <FRAMESET ROWS="170,*">
    <FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
     MARGINWIDTH=1 MARGINHEIGHT=1>
    <FRAME SRC="lisa.htm">
  </FRAMESET>
  <FRAME SRC="terri.htm">
</FRAMESET>

Это отобразит ваше изображение точно в окне, или по крайней мере довольно близко. Вы когда-либо видели изображение во фрейме, который был урезан по одной или более сторон? Если Вы используете абсолютные размерности, наряду с упругим фреймом. И если Вы добавите 8 к размеру изображения, чтобы получить размеры фрейма, ваше изображение будет выглядеть прекрасно.

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


Copyright ByWeb©
Hosted by uCoz