Реферат: Лекция17
<FRAME SRC="a.htm"> <FRAME SRC="b.htm"> <FRAME SRC="c.htm"> <FRAME SRC="d.htm"> </FBAMESET></HTML>
Что еще можно делать с рамками?
Например, можно задать соотношение между ними.
Создайте файл demo4.htm:
<HTML><HEAD><Т1ТLЕ>Демонстрация фреймов 4</TITLE></HEAD>
<FRAMESET COLS="100, *, 2*">
<FRAME SRC="a.htm"><FRAME SRC="b.htm"><FRAME SRC="c.htm">
</FBAMESET> </HTML>
Откройте файл в программе просмотра :
Разберемся, как задан размер трех рамок в данном примере: <FRAMESETCOLS="100, *, 2*">
Самая левая рамка имеет горизонтальный размер 100 пикселей, вторая должна занимать всю оставшуюся часть главной страницы, а третья (самая правая) — в два раза больше второй.
Теперь разделите третью рамку пополам. Текст на языке HTML в Вашем файле demo5.htm должен выглядеть следующим образом:
<HTML><HEAD><Т1ТLЕ>Демонстрация фреймов 5</TITLE></HEAD>
<FRAMESET COLS="100, *, 2*">
<FRAME SRC="a.htm"><FRAME SRC="b.htm"><FRAMESET ROWS="50%,50%">
<FRAME SRC="c.htm"></FRAMESET></FRAMESET></HTML>
На экране компьютера Вы увидите, что рамка С разделена на две части
Рамки — мощное и удобное средство, но не следует злоупотреблять ими. Не располагайте на экране более трех рамок и старайтесь не применять их без надобности.
Вернемся к примеру с двумя рамками, каждая из которых занимает ровно половину области главной страницы (файл baza.htm):
<HTML><HEAD><Т1ТLЕ>Демонстрация фреймов</ТIТLЕ></HEAD>
<FRAMESET COLS="50%,50%">
< FRAME SRC="a.htm">< FRAME SRC="b.htm"></FBAMESET></HTML>
„Найдите какую-нибудь небольшую картинку в формате .gif или .jpg. Измените значение второгo флага FRAME так, чтобы он указывал не на страницу, а на графическое изображение:
<HTML><HEAD><Т1ТLЕ>Демонстрация фреймов 6 </TITLE> </HEAD>
<FRAMESET COLS="50%,50%"><FRAME SRC=”a.htm”>
<FRAME SRC: ="fly.gif"> </FBAMESET> </HTML>
Вы можете сделать страницу более элегантной, если укажете, что размер рамки, содержащей графическое изображение, равен размеру изображения, а вторая рамка покрывает оставшуюся часть главного окна.
Отобразите это в файле demo7.htm так:
<HTML><HEAD> <Т1ТLЕ>Демонстрация фреймов 7</TITLE></HEAD>
<FRAMESET COLS="*, 78%"> -
<FRAME SRC ="fly.gif"><FRAME SRC="a.htm"></FBAMESET></HTML>
Если мы зададим размер рамки-фрейма, содержащей графическое изображение, меньшим, чем раз мер изображения, то увидим появление полос прокрутки (файл demo8.htm):
<HTML><HEAD><Т1ТLЕ>ДемонстраЦия фреймов 8</TITLE></HEAD>
FRAMESET COLS="*, 85%"> <FRAME SRC ="fly.gif"><FRAME SRC="a.htm">
</FBAMESET> </HTML>
На экране Вы увидите стрелочки, появившиеся внизу левой рамки
Введя атрибут SCROLLING в соответствующий флаг < FRAME>, можно управлять появлением на экране полос прокрутки. Возможные значения атрибута SCROLLING
SCROLLING = YES — у рамки всегда будут полосы прокрутки, независимо от того, нужны ли они или нет.
SCROLLING=NO—у рамки не будет полос прокрутки, независимо от того, нужны ли они или нет.
SCROLLING = AUTO — у рамки будут полосы прокрутки только в случае необходимости.
Проведем эксперимент с полосами прокрутки
Создадим файл demo9.htm
<HTML><HEAD><TITLE>neMOHCTpauuH фреймов 9</TITLE></HEAD>
<FRAMESET COLS="*, 85%">
<FRAME SRC ="fly.gif" SCROLLING=NO> <FRAME SRC="a.htm"></FBAMESET>|</HTML>
Обратите внимание на то, что на экране на левой рамке, где размещено графическое изображение, исчезла полоса прокрутки. Теперь мы не можем просмотреть изображение полностью.
Давайте посмотрим, как выровнять графическое изображение по левой границе рамки. Как видно из предыдущего рисунка, графическое изображение не-много смещено вправо от границы рамки. Выровнять его можно с помощью атрибутов MARGINWIDTH и MARGINHEIGHT. Эти атрибуты управляют отступом изображения внутри рамки Создайте файл demolO.htm. и установите минимальные значения каждого атрибута:
<HTML><HEAD> <TITLE>демонстрацияфреймов 10</TITLE></HEAD>
<FRAMESET COLS="*,80 %">
<FRAME SRC="fly.gif"MARGINWIDTH=1MARGINHEIGHT=1>
<FRAME SRC=" a.htm">
</FBAMESET>
</HTML>
На экране Вы увидите, что графическое изображение выровнялось:
Связь между рамками
Вернемся к часто используемому нами примеру с двумя рамками (baza.htm). Измените содержимое файла a.htm, добавив ссылку на другой файл (c.htm):
<HTML> <HEAD><Т1ТЬЕ>Демонстрация фреймов (ссылка) </TITLE> </HEAD>
A link to <A HREF="c.htm">c.htm</A> </BODY> </HTML>
Если Вы загрузите базовый пример с двумя рамками и активизируете ссылку, то получите содержимое страницы С, отображенное внутри рамки А. А как отобразить содержимое страницы С внутри рамки В? Внимательно изучите пример:
<HTML><HEAD><Т1ТLЕ>Демонстрация фреймов </TITLE></HEAD>
<FRAMESET COLS="50%, 50%"><FRAME SRC="a.htm">
<frame SRC ="b.htm" NAME="FRAME_B"></FBAMESET></HTML>
Добавление имени не отражается на его внешнем виде — это лишь внутреннее изменение. Но Вы можете использовать это имя в качестве параметра атрибута targetфлага <А>:
<HTML><HEAD>;<Т1ТLЕ>Демонстрацияфреймов </TITLE> </HEAD><BODY>
<A HREF="c.htm" TARGET="FRAME B"> c.htm</A></BODY> </HTML>
Посмотрев на этот пример в программе просмо тра, Вы обнаружите, что содержимое страницы С отображается теперь внутри фрейма В.