Internetové publikování publikace na serveru, rámce Petr Zámostný místnost: A-72a tel.: 4222 Konzultační.

Slides:



Advertisements
Podobné prezentace
Základy HTML – vkládání objektů
Advertisements

Technologie pro publikování na webu 1
Internetové publikování
Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
Název školy Základní škola Domažlice, Komenského 17 Číslo projektu CZ.1.07/1.4.00/ Název projektu „EU Peníze školám ZŠ Domažlice“ Číslo a název.
Štěpán Šípal Gymnázium Čakovice. Dnešní témata  Vznik XHTML a předchůdci  Základní prvky XHTML dokumentu  Tagy a atributy  Elementy a jejich druhy.
Tvorba webových stránek
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
Martin Holý.  HTML  xHTML  CSS  JavaScript  PHP.
Technologie pro publikování na webu 1 Cvičení 3 Nadpisy a základní formátovací elementy.
Mgr. Vlastislav Kučera přednáška č. 2.  Struktura stránky  hlavička  meta tagy  titulek stránky  připojení stylů,...  CSS.
Základní struktura, metainformace
Formuláře Formuláře lze nalézt téměř na každém webu. Formuláře lze nalézt téměř na každém webu. Použití formulářů: Použití formulářů: Blog Blog Uživatelské.
HTML HyperText Markup Language 4. část Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
TVORBA WEBOVÝCH STRÁNEK
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Světlana Filipová. Materiál zpracován v rámci projektu Implementace ICT techniky do výuky.
Základy informatiky Internet Ing. Roman Danel, Ph.D. Institut ekonomiky a systémů řízení Hornicko – geologická fakulta.
Tvorba www stránek ODKAZY ICT 4.ročník. Vložení odkazu ODKAZY K propojení jednotlivých souborů K propojení jednotlivých souborů K přechodu na jiný web.
Internetové publikování Webdesign, přístupnost Petr Zámostný místnost: A-72a tel.: Konzultační.
Třídy, generické třídy, pseudotřídy
Odkazy Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. Pomocí odkazu se lze pohybovat.
VY_32_INOVACE_4.3.IVT1.17/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
ZÁKLADY HTML – ODKAZY, SEZNAMY. - vodorovná čára atributy:  width – délka čáry – pixely nebo %  size - šířka ve smyslu tloušťky  align - zarovnání.
Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Gymnázium, Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Hodonín Tvorba webu Úvod do CSS 1.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
VY_32_INOVACE_4.3.IVT1.12/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Kaskádové styly - CSS.
CSS – style Mgr. Lenka Švancarová. CSS – značka style (textstyle.html)
Návrh a tvorba WWW Cvičení 4
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_259 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
DTD DTD (Document Type Definition) je jinými slovy návod pro prohlížeč zpracovávající dokument. DTD (Document Type Definition) je jinými slovy návod pro.
DHTML Jan Felger. Kapitola 0: Základní tagy Základy HTML © Jan Felger 2005 Úvod Tato prezentace zobrazuje pouze zcela základní minimum znalostí, které.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
XHTML – odkazy Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.
Internet.  Celosvětový systém propojených počítačů  Funkce  Sdílení dat  Elektronická pošta.
WWW – hypertextový informační systém
AJAX nejmodernější webová technologie… seminář pro učitele ZŠ a SŠ Mgr. Marek Osuchowski Ostravská univerzita © 2011.
WWW stránky – Úvod Mgr. Lenka Švancarová.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
VY_32_INOVACE_4.3.IVT1.05/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS.
URL v HTML URL - Unique Resource Locator Příklad:
Párová a nepárová značka, atributy a jejich hodnoty
Základy HTML 1 Odkazy. 2 a aOdkaz (z angl.anchor). Obsah odkazu Vše, co je mezi značkami a bude sloužit jako odkaz (tzn. bude klikatelné). Např. Hlavní.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Odkazy. Href Nejdůležitější atribut, cíl odkazu. Zjednodušeně pojato tato hodnota říká, jaká stránka se objeví po kliknutí. Href se zapisuje jako URL.
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
Hypertextové odkazy [cit ]. Dostupné pod licencí Public Domain – na
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
 = jedná se o vzájemné propojení lokálních počítačových sítí pomocí vysokorychlostních datových spojů  vznikl spojením mnoha menších sítí  v každé.
Zahradnická fakulta v Lednici S4U – Seminář o Univerzitním informačním systému 23. – 25. dubna 2008 S 4 U – Seminář o Univerzitním informačním systému.
Anotace Materiál je určen pro 1. ročník studijního oboru M/01 PROVOZ A EKONOMIKA DOPRAVY, předmětu Informační a komunikační technologie, inovuje.
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_034.ICT.34 Tvorba webových stránek – PHP technologie.
Název školy: Základní škola Městec Králové Autor: Mgr. Petr Novák
Název školy: Základní škola Městec Králové Autor: Mgr. Petr Novák
Internetové publikování Dynamické HTML
Průvodní list Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT   Vzdělávací materiál: Prezentace – zápis pro žáky Určen pro: 4. ročník oboru.
Číslo projektu OP VK Název projektu Moderní škola Název školy
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Přizpůsobení webu Microsoft SharePointu Online
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Html.
Transkript prezentace:

Internetové publikování publikace na serveru, rámce Petr Zámostný místnost: A-72a tel.: 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í Prohlížeè nepodporuje rámy.

Element  Definován pouze v  Atributy cols počet rámců vedle sebe rows počet rámců nad sebou  cols="25%, 75%"  cols="250, *, 20%"

Element  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í Prohlížeè nepodporuje rámy. Zde je obsah stránek.

Odkazy v rámech  text  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 Your browser does not support the so it is not possible to illustrate this example. Sorry. To see the file being displayed go here: ramec.html