1 / 12

Internetové publikování publikace na serveru, rámce

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>

Download Presentation

Internetové publikování publikace na serveru, 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. 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

  2. Rámce (Frames) • Rozdělení okna prohlížeče do několika nezávislých rámců

  3. 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>

  4. 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%"

  5. 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í

  6. 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>

  7. 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

  8. 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

  9. … 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

  10. … a když už musíte • Nezapomeňte externí odkazy směrovat na target=“_top” • Jinak to dopadne jako na ukázce

  11. Čí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ší

  12. 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>

More Related