Як зробити сторінку з фреймами

Як зробити сторінку з фреймами

Створення HTML-документа на основі фреймової структури є досить простим заняттям. Дана сторінка буде відображатися у вигляді діалогових вікон, кожна з яких завантажує окремий документ.

Вам знадобиться

- Текстовий редактор;
- Браузер.

Інструкція

  1. Фреймова структура документа передбачає, що кожна сторінка складається з окремих областей, в кожній з яких відображається один HTML-файл. Тому для початку відкрийте текстовий редактор, наприклад «Блокнот», і створіть тіло документа за допомогою тегів BODY та / BODY.
  2. Фреймовий документ укладається між двома тегами FRAMESET і / FRAMESET. Саме тут буде розташовуватися своєрідна таблиця, в кожній колонці якої ви зможете завантажити окремий документ. За допомогою двох властивостей COLS і ROWS можна задати розмір колонки і рядки в пікселах або у відсотках від розміру вікна браузера (якщо замість цифр вписати символ зірочка, то буде використовуватися весь вільний простір браузера).
  3. Для оформлення структури використовуйте наступні властивості:

    1) FRAMEBORDER = 1 — кожен фрейм має тривимірну рамку;

    2) FRAMEBORDER = 0 — рамки не буде;

    3) FRAMESPACING — відстань між сусідніми фреймами в пікселах;

    4) FRAME — / FRAME — визначення вмісту окремого кадру:

        а) SRC — HTML-файл з вмістом фрейму;

        б) MARGINHEIGHT, MARGINWIDTH — завдання відступу по вертикалі і по горизонталі від кордонів кадру в пікселях;

        в) NORESIZE — користувач не може змінювати розміри фрейма;

        г) SCROLLING — потрібно (YES) чи ні (NO) створювати смуги прокрутки для перегляду кадру, значення AUTO створює їх тільки в

            разі потреби.
  4. Після створення фреймової структури зробіть посилання на ті документи, які будуть завантажуватися в таблиці за наступним принципом: FRAME SRC = «*. htm» (замість символу * впишіть назву вашого документа).
  5. В Internet Explorer закладена можливість створення в HTML-документах незалежних фреймів. Фактично це означає, що вікно браузера можна відкрити в будь-якому місці HTML-документа, тобто запустити браузер в браузері. Ця техніка називається плаваючі фрейми. Забезпечує виконання функцій плаваючого фрейма елемент IFRAME. Текст буде обтікати фрейм, а завдання параметрів вирівнювання багато в чому схоже з використанням аналогічних параметрів для елемента IMG.

    Для створення плаваючого фрейма потрібно написати наступний код:

    IFRAME NAME = «FLOATING»

            HEIGHT = «300″ (висоту кадру можна змінити)

            WIDTH = «300″ (ширину фрейма також можна задати іншу)

            SRC = «*. HTM»

    / IFRAME
  6. І останнє, що потрібно зробити, це зберегти текстовий документ з розширенням *. html, а потім запустити його за допомогою браузера.

Зверніть увагу

Всі теги укладаються між дужками. Не забувайте їх ставити, інакше ваш документ при відкритті в браузері буде працювати неправильно.

Корисні поради

Пишіть назву документа, який будете завантажувати у фреймах англійськими літерами, інакше браузер просто не зможе розпізнати ім’я файлу і не відобразить його.