Плавающие фреймы
Навигатор Microsoft Internet Explorer позволяет создавать еще одну разновидность фреймов - так называемые плавающие фреймы.
Вы можете использовать плавающий фрейм не только для размещения текста в тексте, но и для организации ссылок на другие документы.
Вокруг плавающего фрейма может располагаться текст или другие графические изображения. Вы можете указывать для фрейма такие же атрибуты выравнивания, как и для графических изображений.
Плавающий фрейм вставляется в документ HTML при помощи оператора <IFRAME>, который всегда используется в паре с оператором </IFRAME>. Для этого оператора можно задавать параметрALIGN, который задает выравнивание текста, расположенного около плавающего фрейма, параметры WIDTH и HEIGHT, задающие размеры фрейма, а также параметры HSPACE и VSPACE.
Еще один параметр, который допустим при описании плавающего фрейма - FRAMEBORDER. Он может принимать значения 1 или 0. Если значение этого параметра равно 1, плавающий фрейм заключается в трехмерную рамку (используется по умолчанию), а если 0 - рамка не отображается.
Параметр SCROLLING может принимать значения “yes”,“no”или“auto”. Если указано значение“yes”, окно плавающего фрейма будет иметь полосы просмотра. Если“no” - полос просмотра не будет. В том случае, когда для параметра SCROLLING указано значение“auto”, полосы просмотра будут создаваться только при необходимости, когда содержимое документа не помещается в окне фрейма.
Пример
<HTML>
<HEAD>
<TITLE>Плавающие фреймы в документах HTML</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<H2>Размещение плавающих фреймов в документах HTML</H2>
Вы можете включить внутрь документа HTML плавающий фрейм:
<P><IFRAME SRC="include.html" ALIGN=LEFT>
</IFRAME>Если указано выравнивание по левой границе,
текст, расположенный рядом с плавающим фреймом, будет
расположен справа от фрейма
</BODY>
</HTML>
В этом документе определен плавающий фрейм, в который загружается документ HTML, расположенный в файлеinclude.html
Include.Html
<HTML>
<HEAD>
<TITLE>Документ для плавающего фрейма</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<P>Содержимое этого документа отображается внутри
плавающего фрейма.
<P>Оно отображается в окне, которое имеет
вертикальную полосу просмотра.
<P>Если содержимое документа,
загруженного в плавающий фрейм, не помещается в окне фрейма,
пользователь может пролистать его при помощи этой
полосы просмотра.
</BODY>
</HTML>
Лабораторное задание №5
1) Создать документ с фреймами следующего вида:
|
В этой области необходимо разместить рисунок. | |
|
Три ссылки на заранее созданные htmlдокументы, при нажатии на ссылки их содержание должно отображаться в окне фрейма №3. |
П |
ервоначально
здесь должна быть расположена информация
об авторе
2) Создать документ с фреймами следующего вида:
|
В этой области необходимо разместить рисунок с использованием элемента карта. Элемент должен содержать области разного цвета, которые должны использоваться как ссылки на личные страницы (т.е. страница пункта 6 лабораторной работы 1,2) Личные страницы должны выводиться в окне фрейма №2 |
|
|
3) Создать документ с фреймами следующего вида:
|
| |
|
Видеофрагмент 1 |
Три ссылки н |
|
Описание видеофрагмента 1
Ссылка на видеофрагмент2 | |
Первоначально
здесь должна быть расположена информация
об авторе
а
заранее созданныеhtmlдокументы, при нажатии на ссылки их
содержание должно отображаться в окне
фрейма №1.
В окне фрейма2 должна располагаться страница с видеофрагментом1, при нажатии на видеофрагмент1 в окно фрейма3 должна загрузиться информация, содержащая: описание видеофрагмента1 и ссылку на видеофрагмент 2, при нажатии на эту ссылку в окне фрейма 2 должен загрузиться видеофрагмент 2, при нажатии на видеофрагмент2 в окне фрейма 3 должна загрузиться информация, содержащая: описание видеофрагмента2 и ссылку на видеофрагмент 1…
4) Самостоятельно придумать 4 примера документов с фреймами для демонстрации работы параметра TARGET с предопределенными именами (_top, _parent, _self, _blank).
5) Самостоятельно придумать примеры документов с фреймами, чтобы продемонстрировать умение:
задавать размер фреймов
задавать рамки для фреймов
задавать расстояние между фреймами
задавать отступ
знать, как сделать невозможным изменение окна фрейма
сделать появление полосы прокрутки, только при необходимости
6)Создать документ с плавающим фреймом, без рамки, полоса прокрутки должна появляться при необходимости, текст, расположенный рядом с фреймом должен быть расположен слева от фрейма.
|
|