Október 10, 2008
<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} h2 {mso-style-next:Normální; margin-top:12.0pt; margin-right:0cm; margin-bottom:3.0pt; margin-left:0cm; mso-pagination:widow-orphan; page-break-after:avoid; mso-outline-level:2; font-size:14.0pt; font-family:Arial; font-weight:bold; font-style:italic;} p {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} pre {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; tab-stops:45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; font-size:10.0pt; font-family:”Courier New”; mso-fareast-font-family:”Times New Roman”;} @page Section1 {size:595.3pt 841.9pt; margin:70.85pt 70.85pt 70.85pt 70.85pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:1204514819; mso-list-template-ids:-722194934;} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} –>
Rámy, alebo anglicky frames sú spôsob rozloženia a štruktúry webovej stránky a jej následného zobrazovania. Princíp framov je asi taký, že konečná stránka ktorá sa zobrazí v prehliadači je poskladaná z viacerých samostatných súborov v ktorých sú zdrojové kódy pre tú konkrétnu časť stránky.
Ako to vyzerá?
Ako na to
Poďme si to teda vyskúšať. V našom príklade použijeme 3 súbory:
- obsah ľavej časti
- obsah pravej časti
- hlavný súbor kde sú definované jednotlivé časti
Tak ako v minulom článku, aj v tomto si najprv ukážeme kód, ktorý potom rozoberieme a vysvetlíme.
<html>
<head>
<title>Definícia rámov</title>
</head>
<frameset cols="215,*">
<frame name="menu" src="a.html">
<frame name="obsah" src="b.html">
</frameset>
</html>
Myslím že úvod – hlavičku opisovať nemusím, to už ovládame. Hneď za tým vidíme už prvý neznámy tag – párový, ktorým je frameset s parametrom cols.
Frameset začína definíciu rámov. Obsahuje vždy jeden parameter, ktorým je cols alebo rows (stĺpce, riadky). Zápis cols v tomto príklade znamená, že prvý rám bude mať šírku 215 pixelov. Druhý rám vedľa neho vyplní ostávajúcu časť okna. Keby bol uvedený atribút rows, rámy by sa zobrazovali vodorovne, nie vedľa seba, ale pod sebou.
Ďalší tag je frame. Ten nám už definuje konkrétny rám ktorý sa zobrazí. Musí obsahovať dôležité atribúty – name a src. Atribút “name” definuje názov rámu. Ten budeme neskôr potrebovať pre cielenie odkazov. Atribút “src” definuje cestu k súboru, ktorý sa má zobraziť. V našom prípade a.html.
Dodám ešte že v tagu frame môžu byť vložené ďalšie rámy. Praktické využitie? Takmer žiadne. Rámy v dnešnej dobe stratili moc význam, používajú sa len zriedka, alebo na veci, kde nie je možné iné riešenie.
Rámy a odkazy
Pokiaľ máme stránku postavená na rámoch a používame na nej odkazy na iné sekcie, môžme nastaviť otváranie týchto odkazov v ktoromkoľvek frame. Práve v tejto chvíli na rad prichádzajú atribúty “name” ktoré sme definovali v nastavení rámov.
Ako bude teda vyzerať odkaz na zobrazenie stránky c.html v frame obsah? Nasledovne:
<a href="kontakt.html" target="obsah">
Záver
K problematike rámov ma viac toho nenapadá. Dajte si pozor na definíciu rámovania (border) pri Vašich hrátkach a testoch framov. Taktiež pri definovaní štýlu a podobne. K štýlom sa dostaneme neskôr.
Frame sa v dnešnej dobe ako som už písal moc nepoužívajú. Význam mali pred niekoľkými rokmi kedy bolo programovanie stránok v plienkach, nedbalo sa na štandardy, pojem SEO (+ jeho obmeny) boli neznáme.
Osobne som framy nevyužil nikdy. Preto dnes nebude ani nijaký zhrňujúci test ako posledne 
Užitočné odkazy
Štatistiky
Partneri
 |
 |
 |
No responses to "Stránka ako puzzle – rámy"
Zatiaľ bez komentárov.
Leave a comment