Коли між фреймами не використані гіперпосилання — це не завжди зручно.

HTML-документи, які містять фрейми

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

Переваги використання фреймів:

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

Можна розташувати в певному місці вікна інформацію, яка повинна постійно знаходитися на екрані незалежно від змісту інших областей екрана.

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

Для того щоб створити веб-сторінку з фреймами, потрібно кілька HTML-документів. В одному з них задають розмітку екрана, тобто розташовують у вікні браузера фрейми, кожному з яких призначають свої документи.

Сторінка з розміткою, як і звичайна, починається з тегу <HTML> і закінчується тегом </HTML>. Для поділу екрана на кілька фреймів використовують теги <FRAMESET> і </FRAMESET>.

Тег <frameset> має такі параметри:

• Rows – рядки (горизонтальні області);

(Rows=”список значень”)

• Cols – стовбці (вертикальні області)

(Cols=”список значень”).

Список значень параметрів Rows і Cols тега <frameset> представляє собою розділений комами список значень, які можуть задаватися в пікселях, відсотках, або у відносних одиницях.

Після поділу екрана на вікна для кожного фрейму слід задати HTML-документ, який відображатиметься в ньому. Для цього використовують тег <FRAME> з атрибутами, що керують властивостями фреймів:

• SRC — задає ім'я файлу, що відображатиметься у фреймі;

• NAME — задає ім'я фрейму;

• SCROLLING — визначає наявність (значення yes ) або відсутність (значення nо) смуг прокручування у вікні фрейму (за умовчанням — yes);

• NORESIZE — забороняє користувачу змінювати розміри фрейму;

• BORDER — визначає ширину розділювальної смуги між фреймами в пікселах;

• BORDERCOLOR — визначає колір розділювальної смуги між фреймами;

• MARGINHEIGHT — додає порожнє поле, висота якого визначена в пікселах, між верхньою межею фрейму і початком тексту або графіки;

MARGINWIDTH — додає порожнє поле, ширина якого визначена в пікселах, між боковими межами фрейму і початком тексту або графіки.

Приклади

Задання значень у відсотках має такий вигляд

<frameset rows=25%,30%,45%> - три фрейма розташовані в рядок (горизонтально) на всю ширину екрана;

перший (верхній) рядок займає 25% екрана,

другий – 30%,

третій – 45%

<frameset cols=250,100,200> - три фрейма розташовані в стовбчик (вертикально) на всю ширину екрана;

перший (лівий) стовбчик має ширину 250 пікселів,

Другий – 100 пікселів

Третій – 200 пікселів

<frameset cols=*,2*,3*>

Зірочка (*) використовується для пропорційного поділу

Простору. Кожна зірочка являє собою одну частину цілого.

Тобто, перший стовбець займає 1/6 (1+2+3=6)

частину від загальної ширини вікна,

другий – 2/6 (1/3),

третій – 3/6 (1/2)

Можна використовувати всі три варіанта задання значень:

<frameset cols=100,30%,2*>

Якщо використати тег <frameset> в якому задані і cols і rows, то буде утворена сітка із фреймів (подібно до таблиці)

Тег <FRAME>

Тег <FRAME> визначає (задає) один фрейм. Він повинен розташовуватися між тегами <frameset> і </frameset>.

Наприклад:

<frameset rows=*,2*>

<frame>

<frame>

</frameset>

Використання посилань у фреймах

Коли між фреймами не використані гіперпосилання — це не завжди зручно.

• Якщо заплановано використовувати певний фрейм для відображення інформації, яка змінюватиметься після вибору відвідувачами іншого посилання, то йому надають ім'я.

• Наприклад, <FRAME NAME="frame1">.

• Для створення гіперпосилань (посилань на інші документи та файли) в html-документах використовують тег <A>