Контрольне завдання
На диску N: створити таку систему каталогiв та файлiв.
Зв'язати HTML - файли системою посилань, що дозволяють переходити мiж ними у прямому та зворотньому порядку.
|
1.html |
|
2.html |
|
3.html |
|
|
|
Лабораторна робота №5.
Тема: Робота з фреймами.
Мета:
Опанувати методику створення документа у форматi HTML.
Опанувати основнi принципи представлення iнформацiї у виглядi гiпертексту.
Фрейми
Фрейми є дуже зручним механізмом для швидкого розподілу головного вікна броузера на частини та відображення у кожній з них окремого html - файлу. При цьому кожна частина працює як незалежне вікно броузера із власними лінійками прокрутки сторінки, або без них. Зміст кожного фрейму можна змінювати незалежно від інших. Це дає змогу, за рахунок читкої спеціалізації фреймів, значно зменшити обсяг HTML - коду на сайті. Так, наприклад, один фрейм може відповідпти за представлення головного навігаційного меню, інший - за показ логотипу, назви фірми, тощо.
Розбиття сторінки виконується за допомогою тегу frameset, який має такі параметри:
ROWS - визначення пропорцій розподілу вікна броузера, або батьківського фрейму по горизонталі. Значення задається як два числа розподілених комою. Кожне число може бути визначено як у пікселях, так і у відсотках.
COLS - визначення пропорцій розподілу вікна броузера, або батьківського фрейму по вертикалі. Значення задається як два числа розподілених комою. Кожне число може бути визначено як у пікселях, так і у відсотках.
ONLOAD - визначення обробника подій, які відбуваються при завантаженні HTML - документу до фрейму.
ONUNLOAD - визначення обробника подій, які відбуваються при вивантаженні HTML - документу з фрейму.
Визначення файлу, який буде відображений у даному фреймі здійснюється за допомогою тегу frame, який має такі параметри:
NAME - власне ім'я (ідентифікатор) фрейму. Використовується для завантаження до нього HTML - файлів. Для цього використовуєтья атрибут target тегу A.
SRC - назва файлу, який буде відображений у цьому фреймі.
LONGDESC - розширений опис фрейму.
FRAMEBORDER - рамка фрейму (1 - рамка відображується, 0 - рамка схована).
MARGINWIDTH - ширина рамки фрейму (у пікселях).
MARGINHEIGHT - висота рамки фрейму (у пікселях).
NORESIZE - заборона зміни розмірів фрейму.
SCROLLING - режим керування скролінгом в середині фрейму (yes - скролінг можливий, лінійки прокрутки відображуються; no - скролінг не можливий, лінійки прокрутки сховані; auto - режим прокрутки визначається параметрами броузера).
Завдання:
На своєму робочому диску створити окремий каталог.
У цьому каталозi створити HTML - файл index.html з такою фреймовою стуктурою:
<frameset rows="*,75"> <frameset cols="20%,*"> <frame name="menu" src="nav.html" title="menu"> <frame name="content" src="about.html" title="content"> </frameset> <frame name="ad" src="ad.html" title="advertisement"> <noframes> <body> <h1>цей browser не пiдтримує фейми</h1> </body> </noframes> </frameset>
Створити iнформайiйнi файли з назвами:
nav.html - Головне меню сайта.
<html> <head> <title>Головне меню</title> </head> <body> <ul> <li><a href="about.html" target="content">Про себе</a></li> <li><a href="study.html" target="content">Навчання</a></li> <li><a href="sci.html" target="content">Наука</a></li> <li><a href="hobby.html" target="content">Hobby</a></li> </ul> </body> </html>
about.html - Титульнй iнформацiйний файл сайта.
<html> <head> <title>Про себе</title> </head> <body> <h1 align=center>Про себе</h1> </body> </html>
ad.html - Файл з рекламною iнформацiєю.
<html> <head> <title>Контактна iнформацiя</title> </head> <body> <h3 align=center>© 2006, Усi права захищенi.</h3> </body> </html>
study.html - Файл з iнформацiєю про навчальну роботу.
sci.html - Файл з iнформацiєю про наукову роботу.
hobby.html - Файл з iнформацiєю про свое hobby.
Пiд'єднати цi файли до розробленої вами фреймової структури та подивитись результат у броузерi.