Урок 4, Рамки

Рамки (Рамки-рамки, рамки) - множество скролиращи прозорци, които ви позволяват да показвате няколко страници в един прозорец на браузъра едновременно. Използването на рамки ви позволява да получите интересни интерфейсни решения за дизайн на страници.

Как да създам документ с помощта на рамки?.

Първо, трябва да създадете файл за зареждане, който обикновено е основната страница на сървъра и се казва index.htm или index.html. Този файл определя размера, броя и атрибутите на кадрите. След това ще създадем файлове за всеки от кадрите.

Рамките се посочват от маркера

Пример:
Текст на програмата:


Тук страницата на браузъра е разделена на три колони, като браузърът първо разпределя 200 пиксела за средната колона и след това разпределя останалото пространство, както следва:
Ако вземем ширината на оставащото пространство за три четири части (1 * + 3 * = 4 *), тогава лявата рамка ще получи една (1 *) част, а дясната рамка ще получи останалите три (3 *) части.
Резултат от изпълнението:
Страницата ще прекъсне нещо подобно:

Текст на програмата:


В този случай страницата е разделена на два реда, 30% и 70% от цялата височина на прозореца на браузъра, и три колони, лявата ще бъде зададена с ширина 33% от ширината на екрана на браузъра, средната един - 37%, а десният ще получи всичко, което е останало. 100% - (33% + 37%) = 30%

Резултат от изпълнението:
Страницата ще прекъсне нещо подобно:

По-сложна рамкова структура се създава чрез влагане на набор от рамки един в друг.

Да предположим, че искате да създадете следната структура на сайта:

Тук виждаме три реда, като средният има две колони.
Първо задаваме низовете. Горната и долната част ще имат височина 5%, а средата е това, което ще остане.

След това задаваме колоните. Лявата ще бъде 30% от ширината на браузъра, а дясната, съответно, 70%.



Сега остава да зададете самите рамки. Рамките се дефинират от маркера .

Въз основа на всичко това ще добавим програмата:

Задайте параметрите на горната рамка, която ще бъде с фиксирана ширина, без ленти за превъртане


Задайте параметрите на лявата рамка, фиксирана ширина, с възможност за показване на ленти за превъртане

Задайте параметрите на дясната рамка, фиксирана ширина, с възможност за показване на ленти за превъртане


И накрая, задаваме параметрите на долната рамка, фиксирана ширина, без плъзгачи.

Пълният програмен код ще изглежда така:

Заглавие на страница






Имайте предвид, че документът, описващ рамковия набор, не съдържа маркер. Той трябва да посочва само структурата на рамката и нищо друго.
За да направите страницата си видима в браузъри, които не поддържат рамки, трябва да посочите таг вътре в контейнера .
Такива браузъри включват NSCA Mosaic браузър, IE2.0 и NN версии по-ниски от 2.0.

Например:


Вашият браузър не поддържа рамки.