2015-08-21
1340
Фрейми дозволяють розділяти простір вікна Web-браузера на незалежні розділи. Кожен з розділів здатний відображати певну сторінку Web-сайту.
Фрейми широко застосовують у тих випадках, коли необхідно одночасно зберігати на екрані дані з різних джерел. Наприклад, корисно передбачити окремий фрейм для відображення змісту з відповідними гіперпосиланнями, щоб надати можливість користувачам засоби швидкої навігації по сайті в пошуках необхідної інформації.
Щоб побудувати фрейми, потрібно створити спеціальну Web-сторінку, яка містить опис структури фреймів, складений за допомогою дескрипторів < FRAMESET > і < FRAME >.
Дескриптор <FRAMESET> дозволяє сформувати набір фреймів, які розділяють простір Web-браузера на стрічки та стовпчики. Далі необхідно задати значення висоти (ширини) усіх стрічок (стовпчиків), виражені у процентах відносно поточних габаритів вікна браузера, екранних пік селях або у вигляді символу зірочки (*). Застосовуючи символ *, припускається, що розміри фрейму повинні залежати від габаритів решти фреймів сторінки. Наприклад, якщо один фрейм займає 70 % площі вікна браузера, то іншому фрейму. Розмір якого визначений засобом символу *, буде автоматично відведено тільки 30 % площі.
Дескриптор <FRAME> служить для визначення структури та змісту конкретного фрейму – власної назви, назви відтворюваної сторінки та ін.
Для того, щоб створити фрейм, потрібно:
1. Спочатку створити Web-сторінку (згідно з попередньо вказаними інструкціями). Не набирати текст вмісту сторінки та не вводити дескриптор <BODY>.
2. Далі ввести <FRAMESET безпосередньо після дескриптора </HEAD> та додати символ прогалини.
3. Щоб створити горизонтально розміщені фрейми, які розділяють площу вікна на стрічки, потрібно ввести ROWS=” a, b …”> та замінити a і b і т.п. значеннями висоти кожної стрічки-фрейму.
4. Щоб створити вертикально розміщені фрейми, які розділяють площу вікна на стовпчики, потрібно ввести COLS=” a, b …”> та замінити a і b і т.п. значеннями ширини кожного стовпчика-фрейму.
5. Щоб визначити конкретний фрейм, потрібно ввести <FRAME NAME=”?”, замінити? стрічкою назви об’єкту та додати символ прогалини. Після того слід набрати SRC=”?” і замінити? стрічкою, що містить повну назву файлу Web-сторінки, яка повинна відтворюватись всередині фрейму.
6. Далі потрібно повторити всі дії, подані в п.5 інструкції. Для всіх фреймів з набору, створеного при виконанні п.п.3,4.
7. Ввести </FRAMESET>
8. Якщо розміри фреймів недостатні для відтворення відповідної сторінки повністю, Web-браузер автоматично відображає смуги прокрутки.
Наприклад,
<HTML>
<HEAD>
<TITLE> Викладачі кафедри НПЕ</TITLE>
</HEAD>
<FRAMESET ROWS=”50,100,*”>
<FRAME NAME=”banner” SRC=”banner.html”>
<FRAME NAME=”contents” SRC=”contents.html”>
<FRAME NAME=”main” SRC=”Kenyo.html”>
</FRAMESET>
</HTML>
Поєднуючи декілька наборів фреймів, можна побудувати складні структури, які розділяють простір вікна браузера одночасно на стрічки та стовпчики. Щоб досягти такої мети, потрібно всередині опису одного набору фреймів (тобто між дескрипторами <FRAMESET> і </FRAMESET>) розмістити опис іншого набору.
Наприклад,
<HTML>
<HEAD>
<TITLE>Викладачі кафедри НПЕ</TITLE>
</HEAD>
<FRAMESET ROWS=”50, *”>
<FRAME NAME=”banner” SRC=”banner.html”>
<FRAMESET COLS =”150,*”>
<FRAME NAME=”contents” SRC=”contents.html”>
<FRAME NAME=”main” SRC=”Kenyo.html”>
</FRAMESET>
</FRAMESET>
</HTML>
У цьому випадку буде зверху сторінки один горизонтальний фрейм, а знизу – два вертикальні.
