У кінці звіту по практичній роботі № 6 обов’язково наводиться висновок.

Звіт із практичної роботи повинен містити наступне: тему, мету, умову задачі, рішення (алгоритм), висновки.

Практична робота № 7

Побудова Web-файла фреймової структури (2 години)

 

 

Мета роботи: навчитись будувати фреймові структури.

 

Теоретичні відомості

Фрейми в HTML дозволяють авторам представляти документи в декількох розділах, що можуть бути незалежними або вкладеними вікнами. Це забезпечує дизайнерам спосіб залишати деяку інформацію видимою, у той час, як інша інформація прокручується або заміняється. Наприклад, в одному вікні в одному фреймі може відображатися статичний банер, у другому – навігаційне меню, а в третьому – сам документ, який можна прокручувати або переходити до іншого за допомогою навігації в другому фреймі.

Документ HTML, у якому описується компонування фреймів (називається документом із фреймами), виглядає не так, як документ HTML без фреймів. Стандартний документ має один розділ HEAD і один розділ BODY. Документ із фреймами має розділ HEAD і розділ FRAMESET, що заміняє розділ BODY.

У розділі FRAMESET задається розташування фреймів у основному вікні агента користувача. Крім того, у розділі FRAMESET може бути присутній елемент NOFRAMES з альтернативним змістом для агентів користувачів, що не підтримують фрейми або не показують їх.

Елементи, що поміщаються звичайно в розділ BODY, не повинні бути присутніми до першого елемента FRAMESET, інакше елемент FRAMESET буде ігноруватися.

Установка атрибута rows визначає число горизонтальних відрізків простору в наборі фреймів. Установка атрибута cols визначає число вертикальних відрізків. Для створення сітки можна установити обидва атрибути одночасно.

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

Фрейми створюються в напрямку ліворуч праворуч для стовпців і зверху вниз для рядків. Якщо зазначені обидва атрибути, розділи вікон створюються ліворуч праворуч у верхньому рядку, ліворуч праворуч у другому рядку і т. д.

Можна розділяти дані між декількома фреймами, включаючи ці дані за допомогою елемента OBJECT. Елемент OBJECT варто включати в елемент HEAD документа з фреймами та давати йому ім'я за допомогою атрибута id. Будь-який документ, що є вмістом фрейму, може посилатися на цей ідентифікатор.

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

– кожен фрейм має свій URL, що дозволяє завантажувати його незалежно від інших фреймів;

– кожен фрейм має власне ім'я (параметр NAME), що дозволяє переходити до нього з іншого фрейму;

– розмір фрейму може бути змінений користувачем прямо на екрані за допомогою миші (якщо це не заборонено вказівкою спеціального параметра).

Дані властивості фреймів дозволяють створювати просунуті інтерфейсні рішення, такі як:

– розміщення статичної інформації, яку автор вважає за необхідне постійно показувати користувачеві, в одному статичному фреймі. Це може бути графічний логотип фірми, copyright, набір керуючих кнопок;

– приміщення в статичному фреймі змісту всіх або частини Web-документів, що утримуються на WEB-сервері, що дозволяє користувачеві швидко знаходити цікавлячу його інформацію;

– створювати вікна результатів запитів, коли в одному фреймі знаходиться власне запит, а в іншому – результати запиту;

– створювати форми типу «майстер-деталь» для Web-додатків, що обслуговують бази даннях.

Завдання. Є текстовий файл (використовуючи Web-файли, що створені в результаті виконання практичних робіт 3, 4, 5, 6 та мову HTML [2, 3]), побудувати web-файл фреймової структури.