Програмиране в среда Интернет
Начало
Увод
Съдържание
Въведение в Интернет
HTML
CSS
JavaScript
Perl
Полезни връзки
Речник на термините
HTML - ПЕТАЧАСТ
Фреймове . Създаване на фреймове.
Осигуряване на поддръжка на браузъри
неподдържащи фреймове.
Представете си, че ви се наложи да създадете сайт, в който всяка страница има едно и също меню в горната част на страницата. Разбира се нищо не пречи да сложите менюто във всяка една страница от сайта, но в този случай, то няма да е достъпно винаги, а само когато потребителя е в горната част на страницата. Ето тук идват на помощ фреймовете. Фреймовете представляват два или повече HTML документа обединени в една страница. Обединяващия документ се нарича фреймсет, а съставящите го - фреймове. Всеки фреймсет започва като нормален HTML документ, а именно:
<HTML>
<HEAD>
<TITLE>Програмиране в Интернет-фреймсет </TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
...
</HTML>
След това, след заглавната секция се поставят и елементите образуващи фреймсета - фреймовете.
<HTML>
<HEAD>
<TITLE>Програмиране в Интернет-фреймсет </TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
</HEAD>
<FRAMESET ROWS="80,*" FRAMEBORDER="no" BORDER="0" FRAMESPACING="0">
<FRAME SRC="f1.html" NAME="topFrame" SCROLLING="yes" NORESIZE >
<FRAME SRC="f2.html" NAME="mainFrame">
</FRAMESET>
</HTML>
Ето това вече е пълноценен фреймсет. В този случай фреймсета се състои от три файла : този, който код виждате (ex14.html) и съдържащ информация за положението и големината на другите два; f1.html - горната част на фреймсета и f2.html. Както виждате всеки фреймсет започва с тага <FRAMESET>...</FRAMESET>. Всеки един от отделните фреймове се задава с тага <FRAME>. Ето и атрибутите на двата тага :
Атрибути
на тага <FRAMESET> |
|
| frameborder="..." | Ако е стойноста му е "yes" , то браузъра визуализира отделните фреймове разделени с граница. При стойност "no" - граница не се визуализира. |
| border="..." | Установавя дебелина на границата между фраймовете в пиксели. |
| bordercolor="..." | Дефинира цвят на границата между фреймовете. |
| cols="..." | Дефинира размера на колоните във фреймсета. Стойноста може да е в пиксели или в проценти. Ако се използва знака * , то останалото място се използва за останалите фреймове. Позволени са и смесването на стойности в пиксели и проценти. |
| rows="..." | Дефинира размера на редовете във фреймсета. Във всичко останало е подобен на атрибута COLS="...". |
| style="..." | Дефинира един или повече каскадни стилове за изображението. |
Атрибути
на тага <FRAME> |
|
| bordercolor="..." | Дефинира цвят на границата на фрейма. Той е с по-висок приоритет от този в тага <FRAMESET>. |
| frameborder="..." | Дефинира дали да има или не граница около фрейма. Той е с по-висок приоритет от този в тага <FRAMESET>. |
| marginheight="..." | Дефинира разстоянието между вътрешните ръбове (отгоре и отдолу) на фрейма и неговото съдържание в пиксели. |
| marginwidth="..." | Дефинира разстоянието между вътрешните ръбове (отляво и отдясно) на фрейма и неговото съдържание в пиксели. |
| name="..." | Дефинира име на фрейма служещо за достъп до него от JavaScript например. |
| noresize | Ако е дефиниран този атрибут, то дедения фрейм не може да бъде преоразмеряван от потребителя. |
| scrolling="..." | Устоновява как да се показва лентата за превъртане. Възможните стойносто са : auto (по подразбиране - браузърът се грижи за лентата за превъртане ), yes (винаги има лента за превъртане), no (няма лента за превъртане). |
| src="..." | Най-важният атрибут. Чрез него се задава пътя към HTML документа, който ще служи за фрейм. |
Всеки един фреймсет може да съдържа в себе си друг такъв. Това се прави с цел създаването на сложни фреймсетове както показания на следващия пример :
<HTML>
<HEAD>
<TITLE>Програмиране в Интернет-фреймсет </TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=windows-1251">
</HEAD><FRAMESET COLS="*,150" FRAMEBORDER="yes" BORDER="0">
<FRAMESET ROWS="80,*" FRAMEBORDER="no" BORDER="0">
<FRAME SRC="ex15-1.html" NAME="topFrame" SCROLLING="no" NORESIZE >
<FRAME SRC="ex15-2.html" NAME="mainFrame">
</FRAMESET>
<FRAME SRC="ex15-3.html" NAME="rightFrame" SCROLLING="no" NORESIZE>
</FRAMESET>
<NOFRAMES><BODY>
Моля осъвременете вашият браузър.
</BODY></NOFRAMES>
</HTML>
Това
е резултата от този код.
Както може би сте забелязали, тук е добавен нов таг
<NOFRAMES>...</NOFRAMES>. Този
таг служи за осигуряване на съвместимост с по-старите браузъри, които
не поддържат фреймове. Това става по-следния начин: когато такъв браузър
отвори страница с фреймове, то той не разбира таговете <FRAMESET>,<FRAME>
и <NOFRAMES>. Поради тази причина той
не ги обработва. Но когато достигне до тага <BODY>,
който му е познат, браузъра започва да визуализира тялото на документа
като нормална страница. Това което всъщност прави тага <NOFRAMES>
е да указва на новите браузъри да не обработват информацията, която е
заградена от него.