Лабораторна робота №5 Створення фреймів Настроювання атрибутів фреймів. Використання посилань, створення фреймового меню.

Мета: вивчити основні можливості фреймів щодо представлення інформації у HTML-документах, опанувати технологію представлення інформації у HTML- документах за допомогою фреймів. Вивчити атрибути елементу FRAME: name, scrolling, noresize, marginwidth, marginheight. Опанувати технологію використання фреймів для створення навігації по сайту.

Основні теоретичні відомості

1. Основні поняття

Фрейми дозволяють розбити вікно перегляду на кілька прямокутних областей, що розташовуються поруч один з одним (причому, в кожин фрейм можна завантажити окремий HTM-документ, перегляд якого здійснюється незалежно від інших).

Фрейми застосовуються:

· принеобхідності організації управління завантаженням документів в одну з підобластей вікна перегляду браузера при роботі в інший підобласті;

· для розташування в певнім місці вікна перегляду інформації, що повинна постійно перебувати на екрані незалежно від змісту інших підобластей екрану;

· для подання інформації, яку зручно розташувати в декількох суміжних підобластях вікна, кожна з яких може проглядатися незалежно.

Оскільки документ із фреймами фактично складається з декількох документів, замість елемента BODY необхідно записувати FRAMESET - елемент фреймової структури. Цей елемент за допомогою своїх атрибутів задає набір фреймів, які відображаються браузером. Те, що перебуває усередині кожного фрейму, визначається елементом FRAME. Всі елементи FRAME розташовуються усередині контейнера <FRAMESET>---</FRAMESET>.

 

Елемент завдання фреймів FRAMESET та його атрибути

Контейнер з тегів <FRAMESET> і </FRAMESET> обрамляє кожний блок визначень фрейму. Усередині контейнеру <FRAMESET> можуть утримуватися тільки теги <FRAME> і вкладені теги <FRAMESET>. Тег <FRAMESET> має два основних параметри: rows (рядка) і cols ( стовпці):

<FRMESET ROWS= "список значень" СОLS= "список значень ">.

 

Приклад:

<FRMESET ROWS="25%,50%,25%"> <FRMESET ROWS="*,2*,3*">

Кожний елемент FRAMESET формує фрейми, що відносяться до одного набору (або рівню). Щоб задати фрейми з різними властивостями (наприклад, різними розмірами або різними видами обрамлення), застосовуються вкладені фрейми.

Web-сторінка із фреймами по горизонталі й по вертикалі ділиться на певну кількість фреймів із заданою товщиною рамок, пофарбованих в обраний автором колір. Всі ці властивості фреймів задаються атрибутами початкового тегу <FRAMESET>, з яких головними є cols і rows.

Атрибут cols

Значення атрибуту cols задає кількість вертикальних фреймів (фреймів-стовпців) і їхні розміри. В якості значення цього атрибуту використовується список розмірів кожного фрейму, розділених комами, наприклад,

<FRAMESET cols="20%,55%,*">

Загальна кількість значень у списку дорівнює кількості фреймів, описуваних даним елементом FRAMESET. Перше значення відповідає ширині крайнього лівого фрейму, а наступні значення відносяться до другого, третього фрейму й т.д. У наведеному вище записі ширина першого фрейму 20% від загальної ширини вікна, другого фрейму - 55%, а третьому фрейму приділяється частина вікна, що залишилася, цей факт відзначається зірочкою (*). Можна також вказувати розмір у пікселях, наприклад: <FRAMESET cols="150, 25%, *">

Змінити розміри фрейму можна переміщенням мишею границі між фреймами. Границі допускають переміщення, якщо в <frameset> відсутній атрибут noresize.

Атрибут rows

Атрибут rows дає змогу вказати кількість і розміри горизонтальних фреймів. Значенням цього атрибуту є список розмірів (аналогічно значенню атрибуту cols). У послідовності чисел, що перераховуються, або символів, спочатку вказується висота верхнього фрейму, завершується список розміром нижнього фрейму.