Створення HTML-документа на основі фреймової структури є досить простим заняттям. Дана сторінка буде відображатися у вигляді діалогових вікон, кожна з яких завантажує окремий документ.
Вам знадобиться
- Текстовий редактор;
- Браузер.
Інструкція
- Фреймова структура документа передбачає, що кожна сторінка складається з окремих областей, в кожній з яких відображається один HTML-файл. Тому для початку відкрийте текстовий редактор, наприклад «Блокнот», і створіть тіло документа за допомогою тегів BODY та / BODY.
- Фреймовий документ укладається між двома тегами FRAMESET і / FRAMESET. Саме тут буде розташовуватися своєрідна таблиця, в кожній колонці якої ви зможете завантажити окремий документ. За допомогою двох властивостей COLS і ROWS можна задати розмір колонки і рядки в пікселах або у відсотках від розміру вікна браузера (якщо замість цифр вписати символ зірочка, то буде використовуватися весь вільний простір браузера).
- Для оформлення структури використовуйте наступні властивості:
1) FRAMEBORDER = 1 — кожен фрейм має тривимірну рамку;
2) FRAMEBORDER = 0 — рамки не буде;
3) FRAMESPACING — відстань між сусідніми фреймами в пікселах;
4) FRAME — / FRAME — визначення вмісту окремого кадру:
а) SRC — HTML-файл з вмістом фрейму;
б) MARGINHEIGHT, MARGINWIDTH — завдання відступу по вертикалі і по горизонталі від кордонів кадру в пікселях;
в) NORESIZE — користувач не може змінювати розміри фрейма;
г) SCROLLING — потрібно (YES) чи ні (NO) створювати смуги прокрутки для перегляду кадру, значення AUTO створює їх тільки в
разі потреби. - Після створення фреймової структури зробіть посилання на ті документи, які будуть завантажуватися в таблиці за наступним принципом: FRAME SRC = «*. htm» (замість символу * впишіть назву вашого документа).
- В Internet Explorer закладена можливість створення в HTML-документах незалежних фреймів. Фактично це означає, що вікно браузера можна відкрити в будь-якому місці HTML-документа, тобто запустити браузер в браузері. Ця техніка називається плаваючі фрейми. Забезпечує виконання функцій плаваючого фрейма елемент IFRAME. Текст буде обтікати фрейм, а завдання параметрів вирівнювання багато в чому схоже з використанням аналогічних параметрів для елемента IMG.
Для створення плаваючого фрейма потрібно написати наступний код:
IFRAME NAME = «FLOATING»
HEIGHT = «300″ (висоту кадру можна змінити)
WIDTH = «300″ (ширину фрейма також можна задати іншу)
SRC = «*. HTM»
/ IFRAME - І останнє, що потрібно зробити, це зберегти текстовий документ з розширенням *. html, а потім запустити його за допомогою браузера.
Зверніть увагу
Всі теги укладаються між дужками. Не забувайте їх ставити, інакше ваш документ при відкритті в браузері буде працювати неправильно.
Корисні поради
Пишіть назву документа, який будете завантажувати у фреймах англійськими літерами, інакше браузер просто не зможе розпізнати ім’я файлу і не відобразить його.