Začíname s HTML |
Ján Guniš, PF UPJŠ Košice |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
![Valid HTML 4.01 Transitional](http://www.w3.org/Icons/valid-html401)
Rámy (frames)
A sú tu zatracované a vychvaľované rámce, čiže "frejmy". Myšlienka
rozdeliť si okno prehliadača na viac častí a v každej z nich zobraziť inú
stránku sa v praxi objavila niekedy v roku 1996. Jednotlivé časti sú navzájom
nezávislé, ale možno definovať isté vzťahy medzi nimi.
Pomocou rámcov môžete veľmi efektívne používať navigačné prvky, prípadne
rozdeliť okno na niekoľko častí a s každou pracovať nezávisle.
Napriek tomu rámce majú aj nevýhody:
- zvýšené nároky na výkonnosť počítača a na grafiku (na málo výkonných
počítačoch sa môžu rámce nahrávať príliš ťažkopádne)
- rýchlosť načítania z internetu je nižšia (to čo na prvý pohľad
vyzerá ako jedna stránka sa v skutočnosti skladá z niekoľkých stránok)
- pri ukladaní stránky, ktorá obsahuje rámce môžu nastať problémy
- nie všetky prehliadače podporujú rámce (dvojkové verzie IE A NN,
textové prehliadače)
Zopár rád na úvod:
- snažte sa obmedziť počet rámcov
- vytvárajte stránky tak, aby nerolovali vo viacerých rámcoch, v jednom
(hlavnom) je ešte znesiteľné
- urobte všetko preto, aby stránky v rámcoch nerolovali v horizontálnom
smere
- použite jeden-dva pevné rámce (menu, navigácia, logo ...) tak aby
zaberali čo najmenej miesta a jeden hlavný, v ktorom bude dátová časť
vášho webu
Pri vytváraní webu s rámcami, potrebujete jeden súbor, ktorý definuje
rozdelenie okna na časti (rámce) a príslušný počet súborov do jednotlivých
rámcov. Súbor s definíciou neobsahuje časť BODY a celá definícia je napísaná
za časťou HEAD.
HTML kód |
prehliadač |
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<TITLE>Stránka
s rámcami</TITLE>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1250">
</HEAD>
<FRAMESET
COLS="150,*,20%">
<FRAME NAME="vlavo" SRC="cerveny.htm">
<FRAME
NAME="vstrede"
SRC="zeleny.htm">
<FRAME
NAME="vpravo"
SRC="modry.htm">
<NOFRAMES>
<P>Bohužiaľ,
váš prehliadač nepodporuje rámce</P>
</NOFRAMES>
</FRAMESET>
</HTML>
|
|
Ak chcete vidieť, ako to vyzerá v skutočnosti, pozrite sa sem.
- FRAMESET - v tejto značke definujete koľko bude rámcov (stĺpce-COLS,
riadky-ROWS) a aké budú veľké (150 pixelov, 20% z celkovej šírky hlavného
okna, * to čo zostane)
- FRAME - popis jednotlivých rámcov
- NAME - meno rámca (využíva sa napr. v značke A)
- SRC - stránka, ktorá sa má do rámca nahrať
- NOFRAMES - v tejto časti sa definuje to, čo uvidíte v prehliadači,
ktorý nepodporuje rámce
Ak sa rozhodnete vytvárať riadkové rámce, namiesto COLS použite ROWS. Výsledok
je tu.
Vnorené rámce
Delenie hlavného okna môže pokračovať, deliť sa dajú stĺpce na
riadky a naopak.
HTML kód |
prehliadač |
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
<HEAD>
<TITLE>Stránka
s rámcami</TITLE>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1250">
</HEAD>
<FRAMESET
COLS="150,*,20%">
<FRAME NAME="vlavo"
SRC="cerveny.htm">
<FRAMESET ROWS="50%,50%">
<FRAME NAME="hore"
SRC="zeleny.htm">
<FRAME NAME="dole"
SRC="zlty.htm">
</FRAMESET>
<FRAME NAME="vpravo"
SRC="modry.htm">
<NOFRAMES>
<P>Bohužiaľ, váš prehlidač
nepodporuje rámce</P>
</NOFRAMES>
</FRAMESET>
</HTML> |
|
Výsledok je tu.
V podstate sme jednu značku FRAME nahradili novou definíciou FRAMESET.
Takto môžeme pokračovať ďalej.
Pravidelné rámce (ak rozdelenie obrazovky je "pravidelne",
t.j. rámce tvoria mriežku m×n, môžeme ich definovať aj takto)
HTML kód |
prehliadač |
<HTML>
<HEAD>
<TITLE> Pravidelne ramce</TITLE>
</HEAD>
<FEAMESET ROWS="33%,67%" COLS="17%,34%,49%">
<FRAME NAME="vlavo_hore" SRC="cerveny.htm">
<FRAME NAME="vstrede_hore" SRC="zeleny.htm">
<FRAME NAME="vpravo_hore" SRC="modry.htm">
<FRAME NAME="vlavo_dole" SRC="zlty.htm">
<FRAME NAME="vstrede_dole" SRC="sedy.htm">
<FRAME NAME="pravo_dole" SRC="cierny.htm">
<NOFRAMES>
</NOFRAMES>
</FRAMESET>
</HTML> |
|
Výsledok je tu.
Značky FRAMESET a FRAME majú ďalšie parametre, ktoré bližšie špecifikujú
vlastnosti rámcov v okne. Tu sú:
FRAMESET
- COLS - definuje delenie na stĺpce (nasleduje zoznam veľkostí)
- ROWS - definuje delenie na riadky (nasleduje zoznam veľkostí)
FRAME
- NAME - meno rámca
- SRC - súbor, ktorý sa do tohto rámca nahrá
- FRAMEBORDER - definuje, či budú viditeľné hranice rámcov, pre každý
rámec zvlášť (hodnoty 0, 1)
- MARGINHEIGHT - veľkosť okraja nad a pod rámcom (v pixeloch)
- MARGINWIDTH - veľkosť okraja vľavo a vpravo od rámca (v pixeloch)
- NORESIZE - ak sa uvedie, nedá sa veľkosť rámov meniť myškou
- SCROLLING - povoľuje (zakazuje) zobrazenie posuvných líšt (hodnoty YES,
NO, AUTO)