Створення фреймів

В якомусь значенні фрейм - це саме те, що означає дане слово: рамка навкруги картинки, віконце або сторінка. Вводячи тэг <FRAME>, дизайнер НТМL-сторінки розділяє екран браузера на частини. В результаті людина, що проглядає сторінку, може вивчати одну частину сторінки незалежно від решти частини. Вміст фрейма - це окрема HTML-сторінка, яка може знаходитися де завгодно - в іншому каталозі, на локальному сервері або на видаленому вузлі десь в мережі. Фреймова структура визначає тільки спосіб організації екрану з фреймами і указує, де знаходиться початковий вміст кожного фрейма. Для всіх фреймів задаються URL, що описують місцезнаходження їх даних. Спершу ми повинні уявити собі загальний вид сторінки - де і якого розміру будуть фрейми. Потім можна подумати про їх зміст. Нижче приводиться код простої фреймової структури з використанням тэга <FRAMESET>. Зверніть увагу: сторінка з фреймовою структурою не містить тэга <ВОDY>.

Приклад 1.Создание вертикального фрейма

<HTML> <HEAD><TITLE>Приклад фреймов</TITLE> </HEAD> <FRAMESET COLS="25%, 75%" <FRAME SRC="a.html"> <FRAME SRC="b.html" NAME="main"> </FRAMESET> <NOFRAMES> Ви бачите цю сторінку браузером не підтримуючою фрейми. </NOFRAMES> </HTML>

Ось і весь код, необхідний для завдання фреймової структури. Зверніть увагу на тег <NOFRAMES>. В результаті ми одержали екран, розділений на два вікна. Ліве вікно займає 25 відсотків екрану і містить сторінку з назвою a.html. Вікно справа займе 75 відсотків і спочатку покаже файл b.html. Поки у нас їх ні, так що ви побачите сторінку з двома порожніми фреймами. Помітьте, що праву сторінку ми назвали <main > ( <головна>) за допомогою рядка:

Це означає, що фрейм під ім'ям main міститиме сторінку b.html. Той, що вертикальне розташовує, встановлюється параметром cols="...M, а для горизонтальних смуг використовують параметр rows="...". Параметр border= визначає межу між фреймами. Це ім'я можна використовувати, щоб завантажувати нові документи в раніше створену область. Для цього в тег <А>, визначаючий гіперпосилання, необхідно додати атрибут target="...", значення якого співпадає з раніше певним ім'ям області. При переході по даному гіперпосиланню новий документ завантажиться у вказаний фрейм. Наприклад, припустимо, що початкова сторінка Web-вузла складається з двох фреймів: зліва розташовується навігаційна панель, а справа - поточна сторінка. Якщо правій області привласнено ім'я, що використовується у всіх посиланнях, що є в лівій області, то клацання на будь-якому посиланні навігаційної панелі приведе до оновлення інформації в сусідній області, залишаючи навігаційну панель без змін. В даному документі знаходяться тільки посилання на інші (існуючі) HTML-документи, які будуть завантажені браузером при відкритті сторінки з фреймами. Файл menu.html маєнаступну структуру:

HTML>

<HEAD>

</HEAD>

<BODY>

<H1>Первый фрейм</H1>

</BODY>

</HTML>

Файл main.html також має вказану вище структуру. Слід сказати, що обидва ці файли повинні розташовуватися в тому ж каталозі, де розташований файл з фреймами.

Розташувати ці фрейми по вертикалі, використовуючи атрибут rows=".". В результаті у вас повинно вийти наступне