Использование фреймов
Тема 5: Использование фреймов
План
1. Идея использований фреймов
2. Создание фреймов
3. Загрузка страниц в фреймы
4. Настройка фреймов
1. Идея использований фреймов
В сущности, фреймы – это еще один способ создания уникального интерфейса Web-сервера. Разделив страницу на части, каждая из которых обновляется отдельно, можно создавать для них различные элементы интерфейса. Даже самая простая спецификация фрейма позволяет зафиксировать в нужном месте страницы графическое изображение или логотип фирмы, в то время как остальную часть страницы можно будет прокрутить.
Фреймы прекрасно подходят для оформления следующих элементов
Рекомендуемые материалы
ü Оглавление. Если вы поместите на Web-страницу оглавление в виде вертикального столбца, то пользователи смогут обратиться к нему в любой момент, и им не нужно будет постоянно щелкать на кнопке возврата к предыдущей странице.
ü Неподвижные элементы интерфейса. Как уже упоминалось, можно "закрепить" на экране графику, логотипы и другие элементы, в то время как остальная часть страницы будет прокручиваться в другом фрейме.
ü Формы и результаты. Вы можете создать форму в одном фрейме, а в другом отобразить результаты запроса.
2. Создание фреймов
Чтобы получить страницу, содержащую фреймы, нужно сначала создать несколько документов: во-первых, те, которые будут помещаться в фреймы, а во-вторых, документ, определяющий общую структуру страницы. Его обычно называют документом фреймовой структуры, или просто структурным документом.
Для создания структурного документа используется контейнер FRAMESET. Дескрипторная пара <FRAMESET></FRAMESET> полностью заменяет в структурном документе пару <BODY></BODY>.
В дескрипторе FRAMESET используются два атрибута: ROWS и COLS. Оба они принимают числовые значения (в пикселях или в процентах). Значение * говорит о том, что конкретная строка или столбец будет занимать всю остальную часть страницы. Создавая фреймы, вы должны решить, как будет разделена страница: по вертикали или по горизонтали.
Для этих атрибутов используется следующий формат:
<FRAMESET ROWS="числа, проценты, *">
<FRAMESET COLS="числа, проценты, *">
В отдельном дескрипторе <FRAMESET> может использоваться только один из атрибутов ROWS или COLS. Это означает, что фреймовая структура может состоять или только из строк, или только из столбцов. Чтобы создать строки внутри столбцов (или наоборот), вам потребуются вложенные дескрипторы <FRAMESET>. Например, с помощью кода, приведенного в следующем листинге, создается структура из двух столбцов, каждый из которых содержит по две строки.
<FRAMESET COLS="25%, 75%">
<FRAMESET ROWS="50%, 50%">
</FRAMESET>
<FRAMESET ROWS="10%, 90%">
</FRAMESET>
</FRAMESET>
3. Загрузка страниц в фреймы
С помощью дескриптора <FRAME>, помещенного в контейнер <FRAMESET>, можно определить, что именно должно отображаться в конкретном фрейме. Каждый дескриптор <FRAME> является одиночным. С его помощью можно указать URL или имя, связанное с конкретным фреймом. Для этого используется следующий формат:
<FRAMESET ROWS="50%, 50%">
<FRAME SRC="banner.html">
</FRAMESET>
4. Настройка фреймов
Помимо SRC, в дескрипторе <FRAME> могут использоваться NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE и другие атрибуты, связанные с рамками.
Атрибуты MARGINWIDTH, MARGINHEIGHT используются для определения правого/левого и верхнего/нижнего полей текста и графики внутри фрейма соответственно. Оба эти атрибута принимают числовые значения в пикселях. Например, в следующем коде между содержимым файла и границами фрейма определяется поле шириной 5 пикселей:
<FRAME SRC="text.html" MARGINWIDTH=5 MARGINHEIGHT=5>
Атрибут SCROLLING может принимать значения yes, no, auto. Он позволяет определить присутствуют ли в окне фрейма полосы прокрутки. По умолчанию принимается значения auto, и в большинстве случаев это лучшее решение.
В лекции "2. Общие причины возникновения пожаров" также много полезной информации.
Атрибут NORESIZE не принимает никаких значений; он используется для того, чтобы не позволить пользователю изменить размеры окна фрейма. Фактически, атрибут делает границы фрейма "жестко закрепленными". Причем фиксируются размеры всех фреймов, имеющих с закрепленным общую границу.
Определение границ фреймов
На внешний вид фрейма влияют также атрибуты FRAMEBORDER, BORDER, BORDERCOLOR.
Атрибут FRAMEBORDER можно использовать в дескрипторе <FRAMESET> либо <FRAME>. Он может принимать значения yes (принимается по умолчанию) и no (означает отсутствие границ). С помощью атрибута BORDER можно определить ширину рамки в пикселях.
Если установить значения FRAMEBORDER="no", a BORDER="0", то границы фреймов на вашей странице будут невидимыми.
В дескрипторах <FRAMESET> и <FRAME> можно использовать атрибут BORDERCOLOR. С его помощью определяется цвет рамок (т.е. границ фреймов). При определении можно использовать как его название, так и числовой эквивалент.