Коли між фреймами не використані гіперпосилання — це не завжди зручно.
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>