Rámy

Nepleťte si rámy s rámečky! (Jak dělat CSS rámečky) Pomocí rámů lze rozdělit obrazovku na několik částí, v každé pak může být jiný obsah. Rámy jsou rozumným řešením pro navigaci. V jednom okně je menu, které se nemění a v druhém obsah stránky, který se mění.

Logika tvoření rámů

Píšete, jak se má rozdělit obrazovka (horizontálně na poloviny a dolní polovinu na polovinu..). Rámy se vždy deklarují v sekci <head> a </head> Základem je značka <frameset>, která určuje, jak se stránka rozdělí.

<frameset rows="20%, 80%">
   <frame src="horni_menu.html">
      <frameset cols="20%, 80%">
         <frame src="leve_menu.html">
         <frame src="obsah.html">
      </frameset>
</frameset>

Nejprve rozdělíme obrazovku na 20% a 80% horizontálně, do 20% oblasti vložíme stránku, a rám 80% rozdělíme opět na 20% a 80%, ale vertikálně

Složitějsší deklarace

1. Rozdělíme obrazovku horizontálně na dvě části a do té první vložíme nějakou stránku.
2. Rozdělíme obrazovku vertikálně na dvě části a do té první vložíme stránku
3. Zbytek rozdělíme horizontálně na dvě části a do té druhé vložíme obsah
4. Zbytek opět rozdělíme vertikálně na dvě části, do té druhé vložíme stránku
5. Zbytek rozdělíme horizontálně na dvě části a vložíme do nich obsah

ram1 ram2 ram3 ram4 ram5

A nyní přijde přepis na HTML, kdykoli dělíme obrazovku, použijem tag <frameset>, kdykoli vkládáme obsah použijeme <frame>

<frameset rows="10%,90%">
    <frame src="stranka.html">
    <frameset cols="10%,90%">
        <frame src="index.php3">
        <frameset rows="90%, 10%">
            <frameset cols="90%,10%">
               
<frameset rows="50%, 50%">
                   
<frame src="index.php3">
                   
<frame src="index.php3">
               
</frameset>
               
<frame src="index.php3">
            </frameset>
            <frame src="index.php3">
        </frameset>
    </frameset> 
</frameset>

ukázka

značka frameset

atributpoužitíhodnoty
rowsrozdělení na řádkyvelikost v pixelech, nebo v procentech
colsrozělení na sloupcevelikost v pixelech, nebo v procentech
borderšířka rámečkuv pixelech
frameborderzobrazení rámečkuyes | no
bordercolorbarva rámečkured, #000000
framespacingmezery mezi rámyv pixelech

značka frame

atributpoužitíhodnoty
srccesta ke stránceURL
namejméno pro zacílení odkazůcokoli
scrollingyes | no | autozobrazení rolovacích lišt
noresizeyes | nomožnost měnit velikost rámů
marginheightvertikální okraje rámuv pixelech
marginwidthhorizontální okraje rámuv pixelech
frameborderšířka rámuv pixelech
framecolorbarva rámured, #000000

značka iframe

Vloží na normální stránku plovoucí rám. Syntaxe:

<iframe>alternativní obsah<iframe>
atributpoužitíhodnoty
srccesta ke stránceURL
namejméno pro zacílení odkazůcokoli
widthšířka rámuv pixelech
heightvýškav pixelech
alignzarovnáníleft | right | top | texttop | middle | absmiddle | baseline | bottom | absbottom
marginheightvertikální okraje rámuv pixelech
marginwidthhorizontální okraje rámuv pixelech
frameborderšířka rámuv pixelech
framecolorbarva rámured, #000000
scrollingyes | no | autozobrazení rolovacích lišt
noresizeyes | nomožnost měnit velikost rámů
hspacevnější horizontální okrajv pixelech
vspacevnější vertikální okrajv pixelech

značka noframes

Mezi značky <noframes> a </noframes> se zapisuje alternativní obsah stránky (pokud prohlížeč nepodporuje rámy)

Využití rámů

Je nasnadě. Pro:

  • Jednoduchost
  • Zajímavý vzhled
  • Jednoduchá navigace (menu v rámu)

Proti:

  • problémy s ukládáním
  • problémy při otevření v novém okně
  • problémy s tisknutím
  • pokud otevřu stránku, která měla být v rámech, nezobrazí se mi menu
  • nevím URL stránky
  • mohou vadit vyhledávacím robotům
  • ovládání, tlačítkem tab přepínám mezi odkazy jen v jednom rámu
  • v některých prohlížečích se nezobrazují

Zjevná výhoda:

  • pomocí rámů můžete sledovat několik stránek najednou, některé aktualizovat

XHTML rámy a validita

Aby stránka používající rámy byla validní, musí být deklarace typu dokumentu musí být FRAMESET



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama