Теоретичні відомості: Фрейми
Фрейми дозволяють розбивати web-сторінки на скролліруємі підвікна з метою поліпшення зовнішнього вигляду і функціональності інформаційних систем і застосувань web -додатків. Кожний фрейм має наступні властивості:
кожний фрейм має свій URL, що дозволяє завантажувати його незалежно від інших фреймів;
кожний фрейм має власне ім'я (атрибут name), що дозволяє переходити до нього з іншого фрейму (атрибут target в тегу посилання <a>);
розмір фрейму може бути змінений користувачем прямо на екрані за допомогою миші (якщо це не заборонено вказівкою спеціального параметра).
Ці властивості фреймів дозволяють створювати інтерфейсні розв'язки, які можуть сполучати статичну інформації в одному фрейму (це може бути зміст, графічний логотип фірми або набір керуючих кнопок) і динамічну інформацію в іншому фреймі. За звичай в одному фреймі перебуває безпосередньо запит, а в іншому результати запиту.
Формат документа, що використовує фрейми, зовні дуже нагадує формат звичайного документа, тільки замість тега <body> використовується контейнер <frameset>, що містить опис внутрішніх html-документів, що містить інформацію, розташовувану у фреймах. Контейнер <frameset>, в свою чергу складається із самих фреймів - тег <frame> і <noframe> дозволяє будувати подвійні документи для браузерів, що підтримують фрейми і не підтримуючих фрейми.
Тег <frameset> має два взаємовиключні атрибути: rows (визначає кількість і висоту рядків в наборі фреймів) і cols (визначає кількість і ширину стовпців в наборі фреймів). Ширина (або висота) фрейму може задаватися як у пікселях, так і у відсотках від загальної ширини (або висоти) вікна браузера. Наприклад:
<FRAMESET 0:="50,*,50"> - описує три фрейма, два по 50 точок праворуч і ліворуч, і один всередині цих смужок.
<FRAMESET ROWS="20%, 3*, *"> - описує три фрэйма, перший з яких займає 20% площі зверху екрана, другий 3/4, що залишилося від першого фрейма місця (тобто 60% всієї площі вікна), а останній 1/4 (тобто 20% всієї площі вікна).
Тег <frame> має свої атрибути, які детально описують зміст і поведінку кожного фрейму (див. таблиця 6.1):
Таблиця 6.1 - Атрибути тегу <frame>
Атрибут |
Призначення |
src |
задає шлях до файлу, призначеного для завантаження у фрейм |
name |
задає унікальне ім'я фрейму |
scrolling |
спосіб відображення смуги прокручування у фреймі. Можливі варіанти значень: yes, no, auto. |
bordercolor |
колір лінії границі |
frameborder |
визначає чи необхідно відображати рамку навколо фрейму |
norsize |
визначає чи можна змінювати розмір фрейму користувачеві чи ні |
Лістинг 6.1 – Приклад використання фреймів
Коментар до лістингу.
В документі відсутній тег <body>;
Спочатку фреймова структура розбита на два стовпці: перший шириною в 200 пікселів, а другий займає весь простір, що залишився;
В лівому фреймі відкритий файл menu.htm. Посилання цьому файлі організовано з вказівкою цільового фрейму, в якому повинні відкриватися нові файли;
Замість правого фрейму організована нова фреймова структура з двох рядків. Висота першого рядка 30% від загальної висоти вікна, а нижня частина займає, що залишилися 70%;
В верхньому файлі відкритий файл header.htm;
В нижньому файлі відкритий файл content.htm або той, який буде обраний в лівому фреймі. Саме по імені тегу content (див. лістинг 6.1) і по атрибуту target в тегу <a> файлу menu.htm (див. лістинг 6.2) визначається де повинна бути відкрите посилання.
Лістинг 6.2 – Атрибут target в тегу <a>
