Практична робота №6 «Фрейми, їхні теги й атрибути»

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

«Фрейми, їхні теги й атрибути»

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

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

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

Сторінка з розміткою, як і звичайна, починається з тегу <HTML> і закінчується тегом </HTML>. Для поділу екрана на кілька фреймів використовують теги <FRAMESET> і </FRAMESET>. Перший має бути розташований після тегу заголовка, але перед тегом <BODY>. Іноді в таких документах зовсім не використовують тег <BODY>. Два фрейми можна розташувати поруч по горизонталі або один над одним. У першому випадку використовують атрибутCOLS, а в другому– атрибут ROWS тегу

<FRAMESET> . Для поділу вікна на фрейми через кому записують два числа, які визначають розмірифреймів. Для трьох фреймів потрібно три числа.

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

Наприклад, тег <FRAMESET ROWS=”150, ” > задає поділ вікна на два горизонтальні фрейми, один з яких має висоту 150 пікселів, а другий займає те місце, що залишилося. Тег <FRAMESET COLS=”20%, 55%, ” > задає поділ вікна на три вертикальні фрейми.

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

<FRAME> з атрибутами, що керують властивостями фреймів:

• SRC – задає ім’я файлу,що відображатиметься у фреймі;

• NAME – задає ім’я фрейму;

• SCROLLING – визначає наявність (значення yes) або відсутність (значення no) смуг прокручування у вікні фрейму (за умовчанням – yes);

• NORESIZE – забороняєкористувачу змінювати розмірифрейму;

• BORDER – визначає ширину розділювальної смуги між фреймами в пікселях;

• BORDERCOLOR – визначає колір розділювальної смуги між фреймами;

• MARGINHEIGHT – додає порожнє поле, висота якого визначена в пік селях,між верхньою межею фреймуі початком тексту або графіки;

• MARGINWIDTH – додає порожнє поле, ширина якого визначена в пік селях,між верхньою межею фреймуі початком тексту або графіки.

Оскільки фреймипідтримують не всі браузери, необхідно помістити тег

<NOFRAME> перед тегом <BODY>, а між <BODY> і </BODY> записати повідомлення, яке з’являтиметься у вікні, якщо браузер не підтримує фрейми. Після  </BODY> має йти </NOFRAME>.

Вправа

Розмістимо на сторінці три документи раніше створених на уроках веб- сторінок.

Створіть файл головної сторінки та збережіть його як main.html у тій самій папці, що й решту документів: 1.html, 2.html, 3.html.

<HTML>

<TITLE>Мої сторінки</TITLE>

<FRAMESET ROWS=”60%,40%”>

<FRAMESET COLS=”50%, 50%”>

<FRAME SRC=”2.html”>

<FRAME SRC=”3.html”>

</FRAMESET>

<FRAME SRC=”1.html”>

</FRAMESET>

</HTML>

Готовий вигляд html-документу на рисунку