Лабораторна робота №6 Створення фреймів
В якомусь значенні фрейм - це саме те, що означає дане слово: рамка навкруги картинки, віконце або сторінка. Вводячи тэг <FRAME>, дизайнер НТМL-сторінки розділяє екран браузера на частини. В результаті людина, що проглядає сторінку, може вивчати одну частину сторінки незалежно від решти частини. Вміст фрейма - це окрема HTML-сторінка, яка може знаходитися де завгодно - в іншому каталозі, на локальному сервері або на видаленому вузлі десь в мережі. Фреймова структура визначає тільки спосіб організації екрану з фреймами і указує, де знаходиться початковий вміст кожного фрейма. Для всіх фреймів задаються URL, що описують місцезнаходження їх даних. Спершу ми повинні уявити собі загальний вид сторінки - де і якого розміру будуть фрейми. Потім можна подумати про їх зміст. Нижче приводиться код простої фреймової структури з використанням тэга <FRAMESET>. Зверніть увагу: сторінка з фреймовою структурою не містить тэга <ВОDY>.
Приклад 1.Создание вертикального фрейма
<HTML>
<HEAD><TITLE>Приклад фреймов</TITLE>
</HEAD>
<FRAMESET COLS="25%, 75%"
<FRAME SRC="a.html">
<FRAME SRC="b.html" NAME="main">
</FRAMESET>
<NOFRAMES>
Ви бачите цю сторінку браузером не підтримуючою фрейми.
</NOFRAMES>
</HTML>
Ось і весь код, необхідний для завдання фреймової структури. Зверніть увагу на тег <NOFRAMES>. В результаті ми одержали екран, розділений на два вікна. Ліве вікно займає 25 відсотків екрану і містить сторінку з назвою a.html. Вікно справа займе 75 відсотків і спочатку покаже файл b.html. Поки у нас їх ні, так що ви побачите сторінку з двома порожніми фреймами. Помітьте, що праву сторінку ми назвали <main > ( <головна>) за допомогою рядка:
<FRAME SRC="b.html" NAMЕ="main">
Це означає, що фрейм під ім'ям main міститиме сторінку b.html. Той, що вертикальне розташовує, встановлюється параметром cols="...M, а для горизонтальних смуг використовують параметр rows="...". Параметр border= визначає межу між фреймами. Це ім'я можна використовувати, щоб завантажувати нові документи в раніше створену область. Для цього в тег <А>, визначаючий гіперпосилання, необхідно додати атрибут target="...", значення якого співпадає з раніше певним ім'ям області. При переході по даному гіперпосиланню новий документ завантажиться у вказаний фрейм. Наприклад, припустимо, що початкова сторінка Web-вузла складається з двох фреймів: зліва розташовується навігаційна панель, а справа - поточна сторінка. Якщо правій області привласнено ім'я, що використовується у всіх посиланнях, що є в лівій області, то клацання на будь-якому посиланні навігаційної панелі приведе до оновлення інформації в сусідній області, залишаючи навігаційну панель без змін. В даному документі знаходяться тільки посилання на інші (існуючі) HTML-документи, які будуть завантажені браузером при відкритті сторінки з фреймами. Файл menu.html має наступну структуру:
HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H1>Первый фрейм</H1>
</BODY>
</HTML>
Файл main.html також має вказану вище структуру. Слід сказати, що обидва ці файли повинні розташовуватися в тому ж каталозі, де розташований файл з фреймами.
Файл main.html також має вказану вище структуру. Слід сказати, що обидва ці файли повинні розташовуватися в тому ж каталозі, де розташований файл з фреймами.
Розташувати ці фрейми по вертикалі, використовуючи атрибут rows=".". В результаті у вас повинно вийти наступне
Приклад 2.
Поширене явище - комбінація вертикальних і горизонтальних \ фреймів.
<FRAMESET cols="*, 55%"> символ * означає все місце, що залишилося
<FRAME src="homepage.htm" name="Framel">
<FRAMESET rows="15%, 15%, 70%">
<FRAME src="menu.htm" name=" Frame2">
<FRAME src="menu2.htm" name=" Frame3">
<FRAME src="menu3.htm" name=" Frame4">
</FRAMESET> </FRAMESET>
Завдання: Використовуючи атрибут target=".", зробити у фреймах гіперпосилання, по натисненню на які в ці ж або в інші фрейми відбудеться завантаження інших сторінок.