Príručka HTML a CSS: Rámce

Začíname s HTML					Ján Guniš, PF UPJŠ Košice
1	2	3	4	5	6	7	8	9	10

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)