Вкладені і множинні кадрові структури
Вкладені фрейми не дуже сприяють навігації. І все ж бувають випадки, коли виникає потреба розмістити одні фрейми усередині інших. Фрейми самі по собі - незвичайне засіб навігації, і нема чого ще більш ускладнювати свої сторінки. Але якщо все ж потрібні вкладені фрейми, то вони не викликають проблем.
В основному вкладені фрейми діють так само, як вкладені таблиці. Можна задати кадрову структуру, а усередині якого-небудь фрейму в ній - ще одну структуру. Необхідно пам'ятати, що тег <FRАМЕ> не має закриваючого тега. Зауважимо, що при роботі з фреймами не використовуються атрибути <СОLSРАN> і <ROWSРАN>. Їх роль відіграють множинні, або вкладені, фрейми. Задавши усередині однієї фреймової структури дві незалежних підструктури, можна помістити в лівій частині екрана стовпчик із двох, а в правій - з трьох фреймів: (Рис. 2):
<html>
<HEAD>
<TITLE>Приклад вкладених фреймів</TITLE>
</HEAD>
<FRAMESET COLS="30%, 70%">
<FRAMESET rows="50%, 50%">
<FRAME SRC="f1.htm">
<FRAME SRC="f2.htm">
</FRAMESET>
<FRAMESET rows="20%, *, 40%">
<FRAME SRC="f3.htm">
<FRAME SRC="f4.htm">
<FRAME SRC="f5.htm">
</FRAMESET>
</FRAMESET>
</HTML>
Рис. 3.
Перелік обладнання та програмногo забезпечення :
ПК
Браузер.
Блокнот (або аналогічний простий редактор)
Завдання.
Завдання :
Створити web-сторінку, щоб в лівій частині був список посилань (типу меню), які відкриватимуться у правому вікні сторінки.:
Створити файл наприклад index.html з структурою вікон (2 вікна 25% та 75%)
Створити файл з посиланнями для лівого вікна menu.html
Створити 4 довільних html-документа, які відкриватимуться у правому вікні за вибором з лівого вікна.
Створити файл з вкладеними фреймами.
Відлагодити html-документи та перевірити їх відображення браузером.
Звіт по роботі.
Текст html- документів
Із структурою з 2-х фреймів
Із меню з посиланнями
Із вкладеними фреймами
Рисунки з відповідним розміщенням елементів на web-сторінці.
Запитання вихідного контролю.
Що таке фрейми (кадри)?
Призначення фреймів.
Як створити та заповнити фрейми на веб-сторінці?.
Висновки.
Першоджерела :
Муссиано, Кеннеди, «HTML и XHTML. Подробное руководство, 6-е издание», Символ-Плюс, 2008
Полонска Е.Л «Самоучитель язык HTML» Диалектика Москва 2003.
Довідник тегів http://htmlbook.ru/html/p/align
Довідник тегів http://manual.wpoonline.com/html.php?id=47
http://htmlbook.ru/samlayout/blochnaya-verstka/strochnye-elementy
Підручник по CSS, HTML http://ru.html.net/tutorials/css/