Мета:придбати навички створення Web-документів: створення фреймів, форматування тексту, створення та форматування таблиць тощо.
Обладнання та програмне забезпечення:ПК, операційна система MS Windows, браузер Internet Explorer.
Теоретичні повідомлення
HTML дозволяє поділити вікно броузера на окремі секції, які називаються фремами. Вміст кожного фрейму знаходиться в окремому HTML-файлі. Кожен фрейм можна переглядати або змінювати незалежно від решти фреймів. Браузер, який „розпізнає” фрейми, завантажує різні сторінки в різні секції свого вікна.
Задання фреймової структури. Спочатку необхідно створити HTML-файл, в якому буде задаватись фреймова структура сторінки, - де і якого розміру будуть фрейми. Файл з фреймовою структурою не містить дескриптор <BODY>.
Для задання фреймової структури використовується дескриптор <FRAMESET> разом з двома головними атрибутами: ROWS – задає кількість рядків, COLS – задає кількість колонок. Загальний формат запису цього дескриптора:
<FRAMESET ROWS=”value_list” COLS=”value_list”>
</FRAMESET>
”value_list” є списком значень, відокремлених між собою комами. Ці значення можуть виражатися у відсотках, пікселях, або пропорційних одиницях. Число рядків або стовпців встановлюється залежно від кількості значень у списку. У нашому прикладі (<FRAMESET COLS=”25%, 75%”>) вікно браузера буде розділено на дві вертикальні секції. Ліва секція займає 25 відсотків, а права – 75 відсотків ширини вікна браузера.
Пропорційні значення присвоюються так:
<FRAMESET COLS=” *, 2* , 3* “>
У даному випадку вікно ділиться на 3 частини. Перша частина займає 1/6 ширини вікна, друга – 2/6 (1/3) загальної ширини і остання – 3/6 (1/2).
Дескриптори <FRAME> визначають окремі фрейми. Вони повинні розміщуватись у контейнері <FRAMESET>.
Атрибути дескриптора <FRAME>
АТРИБУТ
ОПИС
SRC=”URL”
Задає джерело фрейма. Вказує URL файла, що повинен буди завантажений у даний фрейм
MARGINWIDTH=”значення”
Задає ширину лівого та правого полів фрейма.
MARGINHEIGHT=”значення”
Задає ширину верхнього і нижнього полів фрейма.
NAME=”значення”
Дозволяє присвоїти ім'я фрейму, яке можна використовувати для посилання на фрейм з інших фреймів тієї самої структури.
SCROLLING=”YES | NO| AUTO”
SCROLLING=YES – у фреймі завжди будуть смугу прокрутки (незалежно від величини файла, завантаженого в нього).
SCROLLING=NO - смуг прокрутки не буде навіть якщо вони необхідні (надто великі документи просто обрізаються).
SCROLLING=AUTO – надається можливість браузера самому вирішити, чи потрібні смуги прокрутки. Якщо цей атрибут відсутній, то це рівносильно заданню SCROLLING=AUTO.
NORESIZE
Забороняється зміна розмірів фрейма за допомогою миші.
Контейнер <NOFRAMES></NOFRAMES> забезпечує альтернативну інформацію для браузерів, які не підтримують роботи з фреймами.
Дозволені імена фреймів. Імена фреймів не повинні починатися зі значка підкреслювання ( _ ). У HTML зарезервовано чотири неявних імені фреймів , які починаються зі знака підкреслення. Решта імен, які починаються із знака підкреслення, ігноруються.
Зарезервовані імена фреймів
ІМ'Я ФРЕЙМУ
ОПИС
_blank
Завантажує документ у нове вікно, яке немає імені. Це ім'я використовується для запуску нового вікна браузера
_self
Завантажує документ у поточне вікно
_parent
Завантажує документ у вікно батьківської фреймової структури
_top
Завантажує документ у вікно фреймової структури верхнього рівня стосовно до даного фрейму. Якщо фрейм є верхнім, то це ім'я еквівалентне імені _self.
Зарезервовані імена використовуються таким чином.
Якщо у фреймі міститься посилання
<A HREF=”stuff.htm” TARGET=”_blank”> ,
то при клацанні на ньому лівою кнопкою миші запускається нове вікно браузера, в яке завантажується документ stuff.htm. Це може бути простий HTML-документ або нова фреймова структура.
При клацанні на гіперпосиланні
<A HREF=”stuff.htm” TARGET=”_self”>
стирає фрейм, в якому воно знаходиться, і його вміст замінюється на документ stuff.htm.
Якщо у фреймі міститься посилання
<A HREF=”stuff.htm” TARGET=”_parent”> ,
то при клацанні на нього фреймова структура, в якій міститься фрейм з гіперпосиланням, замінюється документом stuff.htm.
Якщо у фреймі міститься гіперпосилання
<A HREF=”stuff.htm” TARGET=”_top”> ,
то при клацанні на ньому все вікно браузера замінюється документом stuff.htm