120 likes | 238 Views
Internetové publikování publikace na serveru, rámce. Petr Zámostný místnost: A-72a tel.: 4222 e-mail: petr.zamostny @ vscht.cz Konzultační hodiny ZS: Úterý 13:00 – 14:30. Rámce (Frames). Rozdělení okna prohlížeče do několika nezávislých rámců. Definice rozd ělení. <head>
E N D
Internetové publikovánípublikace na serveru, rámce Petr Zámostnýmístnost: A-72atel.: 4222e-mail: petr.zamostny@vscht.cz Konzultační hodiny ZS: Úterý 13:00 – 14:30
Rámce (Frames) • Rozdělení okna prohlížeče do několika nezávislých rámců
Definice rozdělení <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <frameset rows="15%, 85%"> <frame src=„1.html" /> <frame src=„2.html" /> <noframes> <body> <p>Prohlížeè nepodporuje rámy.</p> </body> </noframes> </frameset>
Element <frameset> • Definován pouze v • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> • Atributy • cols počet rámců vedle sebe • rows počet rámců nad sebou • cols="25%, 75%" • cols="250, *, 20%"
Element <frame> • Opět pouze ve FRAMESET DTD • Atributy • frameborder ="0|1" zobrazovat ohraničení • marginwidth, marginheight velikost okraje • noresize="noresize" zákaz změny velikosti • name="jméno_rámu" • scrolling="yes|no|auto"režim rolování
Vícenásobné dělení <frameset rows="15%, *, 15%"> <frame src="zahlavi.html" /> <frameset cols="200, *"> <frame src="obsah.html" /> <frame name="zobrazeni_kapitol" src="kap1.html" /> </frameset> <frame src="zapati.html" /> <noframes> <body> <p>Prohlížeè nepodporuje rámy. Zde je <a href="obsah.html">obsah stránek</a>.</p> </body> </noframes> </frameset>
Odkazy v rámech • <a href="URL" target="cíl_odkazu">text</a> • Atribut target určuje ve kterém rámci/okně se otevře odkazované URL • target= • _top • _self • _blank • _parent • Jméno_rámce
Proč rámce vznikly ? • Oddělení statické a navigační stránky od informačního obsahu • Snadnější správa • Úspora místa na serveru • Možnost zobrazit více stránek z jednoho místa najednou • Zajímavé možnosti pro rozložení stránky při neexistenci CSS
… a proč byste je neměli používat • Popírají princip fungování webu jako soustavy samostatných dokumentů určených URL • Problém při tvorbě záložek na konkrétní dokument • Problémy s indexací prohledávacími roboty
… a když už musíte • Nezapomeňte externí odkazy směrovat na target=“_top” • Jinak to dopadne jako na ukázce
Čím rámce nahradit • Oddělení statické a navigační stránky od informačního obsahu • Dynamicky generovaný obsah • Možnost zobrazit více stránek z jednoho místa najednou • Lze řešit rozcestníkem • Zajímavé možnosti pro rozložení stránky při neexistenci CSS • CSS je lepší a všestranější
Zvláštní případ rámce <DIV ALIGN=center> <IFRAME HEIGHT=200 SCROLLING=auto SRC=„ramec.html" WIDTH="80%"> <P>Your browser does not support the <IFRAME> so it is not possible to illustrate this example. Sorry. To see the file being displayed go here: <A HREF=„ramec.html">ramec.html</A> </P> </IFRAME> </DIV>