1 / 28

RÁMCE

RÁMCE. Ekonomická Univerzita Fakulta podnikového manažmentu Katedra informačného manažmentu. Rámce. Rámce umožňujú rozdeliť okno obrazovky na niekoľko častí, ktoré sa potom správajú ako samostatné okná

biana
Download Presentation

RÁMCE

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. RÁMCE Ekonomická Univerzita Fakulta podnikového manažmentu Katedra informačného manažmentu

  2. Rámce Rámce umožňujú rozdeliť okno obrazovky na niekoľko častí, ktoré sa potom správajú ako samostatné okná Prostredníctvom rámcov je možné zobrazenie odkazu v jednom okne a po kliknutí na odkaz zobrazenie dokumentu v druhom okne.

  3. Pri použití rámcov sa najprv vytvorí jeden dokument, v ktorom sú nadefinované rámce. • Prehliadač sa dozvie, že HTML dokument je rozdelený na napr. dva rámce (rámec1, rámec2). V jednom rámci má zobraziť dokument ramec1.html v druhom rámci dokument ramec2.html

  4. Príklad: <HTML> <HEAD> <TITLE>Rámce</TITLE> <FRAMESET ROWS=50%, 50%> <FRAME NAME=ramec1SRC=ramec1.html> <FRAME NAME=ramec2 SRC=ramec2.html> </FRAMESET> </HEAD> </HTML>

  5. Tag <FRAMESET> • Určuje, koľko bude v prehliadači rámcov a ako budú usporiadané. • Všeobecná syntax <FRAMESET COLS=stĺpce ROWS=riadky FRAMEBORDER=1 alebo 0 FRAMESPACING=medzery> Definícia rámcov </FRAMESET>

  6. Rámce sa definujú v hlavičke stránky <HEAD></HEAD> nie v tele dokumentu. • Tag <BODY> sa vôbec neudáva.

  7. Parametre tagu <FRAMESET> • ROWS=x – horizontálne rozdelenie okna • COLS=x – vertikálne rozdelenie okna • Rozmery rámcov je možné udávať v: • percentách • v pixeloch • relatívne • Všetky spôsoby je možné navzájom kombinovať.

  8. Príklad: <FRAMESET ROWS=40%, 100, *> Okno prehliadača bude rozdelené horizontálne do troch rámcov: prvý bude zaberať40% okna prehliadača, druhý bude mať100 pixelov a posledný zvyšok .

  9. FRAMEBORDER=hodnota – určuje zobrazenie okrajov rámca. Môže mať hodnotu: • 1 (implicitná hodnota) - okraje rámcov budú zobrazené • 0 - okraje rámcov sa nezobrazia • FRAMESPACING=x – definuje medzeru medzi susednými rámcami

  10. Vetvenie tagu <FRAMESET> • Ak potrebujeme rozdeliť okno horizontálne a aj vertikálne je nutné vetviť tag <FRAMESET>. <FRAMESET ROWS=50%, *> <FRAMESET COLS=50%, *> <FRAME NAME=ramec 1SRC=ramec1.html> <FRAME NAME=ramec 2 SRC=ramec2.html> </FRAMESET> <FRAME NAME=ramec 3 SRC=ramec3.html> </FRAMESET>

  11. Prvé použitie tagu rozdelí okno prehliadač na dve časti. Druhým použitím tagu sa rozdelí prvý rámec na dva stĺpce.

  12. Tag <FRAME> • definuje vlastnosti rámca • Všeobecný syntax <FRAME NAME="ramec"SRC="ramec.html SCROLING="hodnota" NORESIZE="hodnota" MARGINWIDTH="x" MARGINHEIGHT="x">

  13. Parametre Tagu <FRAME> • SRC="url" - definuje url dokumentu, ktorý bude vyplňovať obsah rámca • NAME= "meno rámca" - umožňuje aby si jednotlivé rámce mohli vzájomne vymieňať obsah

  14. SCROLING="hodnota" - zobrazuje alebonezobrazujerolovacie pruhy hodnoty: • SCROLING="no" – rolovanie je vypnuté • SCROLING="yes" – rolovanie je vždy zapnuté • SCROLING="auto" – rolovanie je podľa potreby buď zapnuté alebo vypnuté • NORESIZE – zabraňuje užívateľovi meniť veľkosť okien

  15. MARGINWIDTH=x – definuje veľkosť medzery naľavo a napravo od rámca, v rámci medzi okrajom rámca a textom • MARGINHEIGHT=x - definuje veľkosť medzery nad a pod rámcom, v rámci medzi okrajom rámca a textom

  16. Odkazovanie s použitím rámcov • Ak máme záujem vytvoriť dokument, ktorý rozdelí okno prehliadača na dva rámce. V jednom rámci bude HTML dokument s odkazmi na dokumenty, ktoré sa majú zobraziť v druhom rámci použijeme pri definovaní odkazu parameter target="meno rámca".

  17. <A HREF=stranka1.html TARGET=meno rámu> BLANK – otvorí sa nové okno SELF – stránka sa načíta do toho istého okna TOP – stránka sa načíta do celého okna, nie len do aktuálneho rámu PARENT – stránka sa načíta do okna, ktoré je nadradené aktuálnemu

  18. Úloha • Vytvorte HTML dokument, ktorý bude rozdelený na dva rámce. V jednom rámci budú odkazy a v druhom rámci sa bude zobrazovať ich obsah. Použite pri tom článok o kúpe nového počítača.

  19. Tabuľky v HTML Ekonomická Univerzita Fakulta podnikového manažmentu Katedra informačného manažmentu

  20. Tabuľky • V HTML tabuľky často neslúžia len na prezentáciu určitých dát, ale využívajú sa aj pri formátovaní dokumentu. • HTML stránka je často jednou veľkou tabuľkou, s bunkami vytvorenými pre čo najlepšie naformátovanie web stránky.

  21. Základné tagy tabuľky • Pri práci s tabuľkami sa používajú nasledovné HTML tagy: • <TABLE> - tabuľka • <TR> - riadok tabuľky • <TD> - bunka tabuľky • <TH> - hlavička tabuľky

  22. Tag TABLE • Tag uzatvára do seba celú tabuľku. • Parametre Tagu platia pre celú tabuľku: • ALIGN="LEFT/CENTER/RIGHT" - Zarovnanie tabuľky. • BGCOLOR=farba - určuje farbu pozadia tabuľky • BORDER=x - udáva šírku rámčeka tabuľky (implicitne border=0 čiže bez rámčeka) • BORDERCOLOR=farba - určuje farbu rámčeka

  23. VALIGN=hodnota - určuje zarovnávanie textu v bunkách tabuľky (implicitne je zarovnávanie na stred) HODNOTY:VALIGN="top" - zarovnanie na vrchVALIGN="bottom" - zarovnanie na dol

  24. TAG <TR> <TR>obsah riadku</TR> PARAMETRE:ALIGN=hodnota - určuje zarovnanie textu v bunkách celého riadku • VALIGN=hodnota - určuje zvislé zarovnanie textu hodnoty: • top - zarovnanie na vrch • bottom - zarovnanie na dol • middle - zarovnanie na stred bunky

  25. BGCOLOR=farba - určuje farbu pozadia riadku • BORDERCOLOR =farba - určuje farbu obrysovej čiary

  26. TAG <TD> • tento párový tag špecifikuje jednotlivú bunku tabuľky.PARAMETRE: • ALIGN • BGCOLOR • BORDERCOLOR • BORDERCOLORDARK BORDERCOLORLIGHT • VALIGN • majú rovnaký význam aj hodnoty ako u tagu <TABLE> alebo <TR>

  27. Úloha: Vytvorte stránku s nasledujúcou tabuľkou. Tabuľku umiestnite na stred stránky.

  28. Riešenie: <table align="center" bgcolor="red" border=1 bordercolor="lime"> <tr align="center" valign="middle"> <td><b>Ovocie</b></td> <td><b>Zelenina</b></td> </tr> <tr align="left" valign="middle"> <td>Jablko</td> <td>Uhorka</td> </tr> </table>

More Related