Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS

Rozměr: px
Začít zobrazení ze stránky:

Download "Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS"

Transkript

1 Výstupový indikátor Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr Hepner, DiS. Informační a komunikační technologie Základy informatiky, Přírodopis 8. ročník 10 vyučovacích hodin Osobní počítače s přístupem na internet Přílohy: Zdroje informací: Buranský,I.: HTML a DHTML hotová řešení, Computer Press 2003 Kosek, J.: HTML tvorba dokonalých WWW stránek podrobný průvodce, Grada Publishing, Průřezová témata a jejich okruhy: OSV: Rozvoj schopnosti poznávání cvičení smyslového vnímání, pozornosti a soustředění; cvičení dovednosti zapamatování, řešení problémů; dovednosti pro učení a studium. Kreativita cvičení pro rozvoj základních rysů kreativity (pružnost nápadů, originalita). Učivo: Základy informatiky: Webový prohlížeč dokument ve formátu webové stránky prostředky HTML, XHTML, CSS Přírodopis: Ptáci Dílčí výstupy: Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS Realizace:

2 Tvorba webu Pro tvorbu dokumentu ve formátu webové stránky můžeme použít buď některou z mnoha k tomu určených aplikací, nebo můžeme vytvářet přímo zdrojový kód takového dokumentu (stránky) jako neformátovaný text. Alespoň zběžné seznámení se zdrojovým kódem webové stránky je určitě užitečné i v případě, že se později rozhodneme pro využití jiných možností tvorby webu. V tzv. html kódu lze vytvářet jednoduché a přitom i téměř profesionálně vypadající dokumenty. Než začneme tento kód používat, seznamme se alespoň s několika odbornými pojmy. V uvedeném pořadí poněkud nastiňují také směr, jímž se, jak se zdá, tvorba webu ubírá. HTML HyperText Markup Language jazyk pro tvorbu webu dokumentu ve formátu webové stránky. Tři hlavní druhy informace v takovém dokumentu: formátovaný text, obrázky, odkazy. (Další, tzv. metainformace, např. o znakové sadě, klíčových slovech atd.) XHTML Extensible HTML HTML s omezujícími doporučeními, aby HTML dokument mohl být zpracováván prostředky pro automatizaci. Omezení nezužuje množinu možných výsledných podob, pouze umravňuje tvůrce webu. CSS Cascading Style Sheets kaskádové styly prostředek pro oddělení formy zobrazení dokumentu od jeho obsahu. DHTML Dynamic HTML možnost programování skriptů v programovacích jazycích, např. javascript nebo visual basic for scripting. Jazyk HTML a jeho prvky Pro zápis kódu využijeme aplikaci Poznámkový blok, případně podobný editor pro neformátovaný text. Části kódu se oddělují tzv. značkami. Anglicky se značkám říká tagy a poznáme je podle špičatých závorek. Text uzavřený dvojicí párových značek tvoří tzv. prvek s obsahem, nepárová značka se někdy nazývá prvek bez obsahu:

3 Prvky s obsahem (párové značky tagy): <Značka atribut= hodnota > ( start tag ) obsah prvku </Značka> ( end tag ) Prvky bez obsahu (nepárové značky): <Značka atribut= hodnota /> Napišme či nakopírujme do okna Poznámkového bloku první jednoduchý html kód. První příklad zdrojového textu HTML dokumentu <html> <head> </head> <title>sovy</title> <body> Sovy žijící v Evropě Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách hlavy. Na našem území žije několik druhů sov. Sovy žijící na severu Evropy: Sovice sněžná Kalous pustovka Puštík bělavý Puštík vousatý </html> </body> Sovy naší fauny: Sova pálená Výr velký Kalous ušatý Kulíšek nejmenší Puštík obecný Sýček obecný

4 Po uložení do souboru s příponou html a otevření webovým prohlížečem uvidíme značně nevzhledný a nepřehledný výsledek:

5 Doplnění zdrojového textu o definice stylů <html> <head> <title> Sovy </title> <style> body {background-color: yellow; color: darkblue; font-family: serif} </style> </head> <body> Sovy žijící v Evropě Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách hlavy. Na našem území žije několik druhů sov. Sovy žijící na severu Evropy: Sovice sněžná Kalous pustovka Puštík bělavý Puštík vousatý </body> </html> Sovy naší fauny: Sova pálená Výr velký Kalous ušatý Kulíšek nejmenší Puštík obecný Sýček obecný Mezi značkami <style> a </style> jsme definovali styl. Ten platí v tomto případě pro celý dokument (slovo body před složenou závorkou) a spočívá v určení barvy pozadí (atribut background-color, hodnota yellow) a barvy textu (atribut color, hodnota darkblue). Dále jsme jako součást stylu dokumentu určili font písma.

6 Odstavce, nadpisy a řez písma, vynucené řádkování Nové řádky i případné řady mezer ve zdrojovém kódu jsou webovým prohlížečem interpretovány jako jedna mezera. Členění na odstavce či řádky docílíme vhodným použitím k tomu určených značek. Do části body doplníme značky, jak je uvedeno na další stánce. Zjistíme, že dokument tím dostává již přehledný a esteticky únosný tvar: <body> <h1> Sovy žijící v Evropě </h1> <p> Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách hlavy. Na našem území žije několik druhů sov. <h2> Sovy žijící na severu Evropy: </h2> <p> Sovice sněžná <br /> Kalous pustovka <br /> Puštík bělavý <br /> Puštík vousatý <h2> Sovy naší fauny: </h2> <p> Sova pálená <br /> Výr velký <br /> Kalous ušatý <br /> Puštík obecný <br /> Sýček obecný </body>

7

8 Prvky s obsahem a bez obsahu Prvky s obsahem (párové značky tagy) <Značka atribut= hodnota > obsah prvku </Značka> <html> </html> <head> </head> <title> </title> <style> </style> <body> </body> <h1> </h1> <h2> </h2> <p> <p> <b> </b> <i> </i> <u> </u> Poslední tři párové značky nejsou blokové. To znamená, že před ani za jimi vymezeným obsahem nebude odřádkováno, pokud to nezařídíme nepárovou značkou <br /> nebo párem <p> dokument ve formátu webové stránky hlavička dokumentu titulek (text do titulkového pruhu oddíl stylů (popisuje formát dokumentu) tělo dokumentu (zde je vlastní obsah webové stránky) nadpis nejvyšší úrovně nadpis druhé úrovně (většinou lze takto rozlišit nadpisy šesti úrovní) odstavec tučný řez kurzíva podtržení není dobré je používat Prvky bez obsahu (nepárové značky) <Značka atribut= hodnota /> <br /> Poznámka nový řádek Ve zdrojovém textu je dobré používat pro zvýšení přehlednosti řady mezer na začátcích řádků. Jde o neformátovaný text, jinak by takové použití mezer zajisté nebylo vhodné.

9 Použití značek pro řez písma Zkusíme do dokumentu doplnit odstavec souvislého textu o severských sovách a za ní nadpis třetí úrovně vytvořit použitím kurzívy (nikoli značky <h3>: Co je ještě dobré znát <h2> Sovy žijící na severu Evropy: </h2> <p> Na našem území mohou v ojedinělých případech zahnízdit i některé severské druhy sov. Na kroměřížsku tak učinil v devadesátých letech minulého století kalous pustovka a v poslední době se na Šumavě vzácně vyskytuje puštík bělavý. <br /> <i> Typičtí představitelé severských sov: </i> <br /> Sovice sněžná<br /> Kalous pustovka<br /> Puštík bělavý<br /> Puštík vousatý (také bradatý na obrázku) <br /> <h2> Sovy naší fauny: </h2> Při definici barev můžeme kromě anglických názvů barev použít funkci rgb a namíchat vlastní barvu pomocí číselně zadaných intenzit červné, zelené a modré složky. Rozpětí hodnot je 0 až 255. Styly V hlavičce dokumentu v oddílu stylů umisťujeme deklarace v jednom ze tří tvarů: selektor.třída {vlastnost: hodnota; } selektory: body, p, h1 {vlastnost: hodnota; } třídy: s tečkou na začátku, volí je autor dokumentu selektor.třída {vlastnost: hodnota; } např. h1.kapitoly: platí pro třídu kapitoly, ale pouze v případě, že je tato třída použita pro selektor h1

10 Například <style> body {background-color: rgb(220,250,200); color: rgb(120,60,0); font-family: serif} (times, verdana, tahoma, ).nadpis {color: darkblue; font-family: arial} (verdana, tahoma, ) </style> A potom v těle <h1 class="nadpis"> Sovy žijící v Evropě </h1> Podobně ve stylech třeba.podnadpis {color: green; font-family: tahoma} A potom v těle <h2 class="podnadpis"> Sovy žijící na severu Evropy: </h2> a <h2 class="podnadpis"> Sovy naší fauny: </h2>

11 Rozdíl mezi deklarací stylů a použití atributů uvnitř značek: Ve stylech se používá syntaxe vlastnost: hodnota; (dvojtečka s mezerou, při opakování středníky s mezerami) Uvnitř značek je syntaxe atribut= hodnota (rovnítko bez mezer, při opakování mezery bez středníků) K čemu ty styly vlastně jsou? Můžeme důsledně oddělit obsah a formu (<body> </body>) (<style> </style>) Doplnění zdrojového textu o možnost kontroly normy XHTML Na začátek zdrojového kódu (před <html>) můžeme doplnit řádku, která informuje prohlížeč při kontrole kódu na normu xml, že jde o dokument obsahující české znaky. <?xml version="1.0" encoding="windows-1250"?> <html> </html> Řádka s obsahem <?xml version="1.0" encoding="windows-1250"?> není součástí html kódu. Pokud ji zapíšeme na začátek zdrojového textu (před zdrojový kód ohraničený značkami <html> a </html>), můžeme zkontrolovat, zda tento kód splňuje normu XHTML. Stačí soubor uložit s příponou xml a otevřít jej webovým prohlížečem. K čemu je kontrola normy XHTML prostřednictvím xml? Zjistíme tak chyby, se kterými si náš prohlížeč třeba poradí, ale při zpracování jiným softwarem by mohly vadit.

12 Při úspěšné kontrole se xml soubor zobrazí třeba takto:

13 Při neúspěšné kontrole se objeví nějaké chybové hlášení:

14 Obrázky Obrázek umisťujeme na webovou stránku prostřednictvím odkazu na soubor s tímto obrázkem. Odkaz zapisujeme do nepárové značky img jako hodnotu jejího atributu src. <body> <h1 class="nadpis"> Sovy žijící v Evropě </h1> <p> Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách hlavy. Na našem území žije několik druhů sov. <h2 class="podnadpis"> Sovy žijící na severu Evropy: </h2> <img src="s1.jpg" /> <p> Na našem území mohou v ojedinělých případech zahnízdit i některé severské druhy sov. Na kroměřížsku tak učinil v devadesátých letech minulého století kalous pustovka a v poslední době se na Šumavě vzácně vyskytuje puštík bělavý. <br /> <i> Typičtí představitelé severských sov: </i> <br /> Sovice sněžná<br /> Kalous pustovka<br /> Puštík bělavý<br /> Puštík vousatý (také bradatý na obrázku) <br /> <h2 class="podnadpis"> Sovy naší fauny: </h2> <img src="s2.jpg" /> <p> Sova pálená (na obrázku) <br /> Výr velký <br /> Kalous ušatý <br /> Puštík obecný <br /> Sýček obecný </body>

15 Atributy značky img pro obrázek Obtékání obrázku textem a jeho zarovnání doleva či doprava můžeme dosáhnout použitím atributu align s hodnotou left nebo right. <body> hlavy. </body> <h1 class="nadpis"> Sovy žijící v Evropě </h1> <p> Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách Na našem území žije několik druhů sov. <h2 class="podnadpis"> Sovy žijící na severu Evropy: </h2> <img src="s1.jpg" align="right" /> <p> Na našem území mohou v ojedinělých případech zahnízdit i některé severské druhy sov. Na kroměřížsku tak učinil v devadesátých letech minulého století kalous pustovka a v poslední době se na Šumavě vzácně vyskytuje puštík bělavý. <br /> <i> Typičtí představitelé severských sov: </i> <br /> Sovice sněžná<br /> Kalous pustovka<br /> Puštík bělavý<br /> Puštík vousatý (také bradatý na obrázku) <br /> <h2 class="podnadpis"> Sovy naší fauny: </h2> <img src="s2.jpg" align="left" /> <p> Sova pálená <br />.

16

17 Lépe je ale použít vlastnost float v oddíle stylů <?xml version="1.0" encoding="windows-1250"?> <html> <head> <title> Sovy </title> <style> body {background-color: rgb(220,250,200); color: rgb(120,60,0); font-family: serif}.nadpis {color: darkblue; font-family: arial}.podnadpis {clear: both; color: green; font-family: verdana}.obrl {float: left}.obrp {float: right} </style> </head> <body> <h1 class="nadpis" > Sovy žijící v Evropě </h1> <p> Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách hlavy. Na našem území žije několik druhů sov. <h2 class="podnadpis" > Sovy žijící na severu Evropy: </h2> <img class="obrp" src="s1.jpg" /> <img class="obrl" src="s2.jpg" /> </body> </html> Hodnotou atributu src může být název souboru s obrázkem bez cesty. Pak je potřeba, aby byl soubor s obrázkem umístěn ve stejné složce, jako soubor se zdrojovým html kódem. Častěji se používá v src cesta typu Soubory\Obrázek.jpg. Obrázky a další případné soubory jsou sdruženy ve složce Soubory a ta je vnořena do složky, kde je html soubor. Můžeme ale použít i cestu absolutní (začínající od hlavní složky na disku, např. C:\Dokumenty\Obrázky\Obr.jpg ) a nebo webovou adresu (například ).

18 Párové značky nejvyšší úrovně Zopakování <html>; <head> a <body> celý html dokument; rozdělení na hlavičku a tělo Párové značky v hlavičce <title> <style> titulek (do titulkového pruhu okna prohlížeče) deklarace stylů Párové značky v těle <p> <h1> až <h6> <i> <b> <a> odstavec nadpis kurzíva tučné písmo odkaz Nepárové značky <br /> <hr /> <img /> nový řádek horizontální čára obrázek

19 Odkazy V těle stránky: <body> <a href="s3.jpg"> Kalous ušatý </a> <br /> </body> Hodnotou atributu href může být podobně jako v případě s obrázky název souboru bez cesty, včetně cesty a nebo to může být webová adresa (například ).

20 Styly odkazů V hlavičce dokumentu v oddílu stylů: <style> body {background-color: rgb(220,250,200); color: rgb(120,60,0); font-family: serif}.nadpis {color: darkblue; font-family: arial}.podnadpis {clear: both; color: green; font-family: verdana}.obrl {float: left}.obrp {float: right}.odkaz a:active {color: pink}.odkaz a:hover {color: blue; background-color: yellow} ( pořadí (!) ).odkaz a:link {color: red; text-decoration: none}.odkaz a:visited {color: green; text-decoration: none} </style> V těle dokumentu použijeme třídu odkaz například pro odstavec s odkazy. Orámování obrázků Obrázek (nebo jiný prvek) můžeme orámovat a odsadit od textu či obecně od jeho okolí. Využijeme další atributy v definici stylu pro třídy obrl a obrp v našem html dokumentu:.obrl.obrp {float: left; border-color: red; border-style: solid; margin: 20; padding: 10} {float: right; border-color: red; border-style: double; margin: 20; padding: 5}

21 Pro vlastnost border-style znamená hodnota solid rámeček tvořený plnou čarou, hodnota double dvojitou plnou čarou a lze použít i další hodnoty. Vlastností margin nastavujeme odsazení od okolí (vně rámečku) a vlastností padding odsazení rámečku od obrázku. V souvislosti s obtékáním obrázku je dobré umět od nějakého prvku obtékání ukončit. K tomu slouží atrribut clear s hodnotou both Clear: both.

22 Seznamy Seznam je tvořen položkami (krátkými odstavci, třeba i jen jednoslovnými). Položky mohou být opatřeny odrážkami nebo mohou být číslovány. Číslovaný seznam Nejjednodušší číslovaný seznam vytvoříme kdekoli v těle dokumentu pomocí párových značek <ol> </ol>. Uvnitř jsou definovány položky seznamu párovými značkami <li> </li>: <ol> </ol> <li>první položka</li> <li>druhá položka</li> Použijeme-li místo značek <ol> </ol> značky <ul> </ul>, dostaneme nečíslovaný seznam. Pro seznam lze také využít třídu definovanou v oddíle stylů a pomocí ní ovlivnit formu číslování (arabské číslice, římské číslice, latinská písmena, ) nebo tvar odrážek. Náš dokument ve formátu webové stránky může nyní vypadat takto: <html> <head> <title>sovy</title> <style> body {background-color: rgb(220,250,200); color: rgb(120,60,0); font-family: serif}.nadpis {color: darkblue; font-family: arial}.podnadpis {clear: both; color: green; font-family: verdana}.obrl {float: left; border-color: red; border-style: solid; margin: 40; padding: 10}.obrP {float: right; border-color: red; border-style: double; margin: 20; padding: 5}.odkaz a:active {color: pink}.odkaz a:hover {color: blue; background-color: yellow}.odkaz a:link {color: red; text-decoration: none}.odkaz a:visited {color: green; text-decoration: none}

23 </style> </head> <body class="odkaz"> <h1 class="nadpis" > Sovy žijící v Evropě </h1> <p> Sovy jsou noční draví ptáci. Jsou to jediní naši ptáci, kteří mají oči umístěné vedle sebe a nikoli po stranách hlavy. Na našem území žije několik druhů sov. <h2 class="podnadpis" > Sovy žijící na severu Evropy: </h2> <img src="s1.jpg" class="obrp" /> <p> Na našem území mohou v ojedinělých případech zahnízdit i některé severské druhy sov. Na kroměřížsku tak učinil v devadesátých letech minulého století kalous pustovka a v poslední době se na Šumavě vzácně vyskytuje puštík bělavý. <br /> <i> Typičtí představitelé severských sov: </i> <br /> <ol> <li>sovice sněžná</li> <li>kalous pustovka</li> <li>puštík bělavý</li> <li>puštík vousatý (také bradatý na obrázku)</li> </ol> <h2 class="podnadpis"> Sovy naší fauny: </h2> <img src="s2.jpg" class="obrl" /> <ol> <li>sova pálená (na obrázku)</li> <li>výr velký</li> <li><a href="s3.jpg"> Kalous ušatý </a></li> <li>puštík obecný</li> <li>sýček obecný</li> </ol> </body> </html>

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený

Více

HTML Hypertext Markup Language

HTML Hypertext Markup Language HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé

Více

CSS Kaskádové styly. formátování webových stránek

CSS Kaskádové styly. formátování webových stránek CSS Kaskádové styly formátování webových stránek Co je CSS? Layout webových stránek Nástroj na formátování html tagů Cascading style sheets možnost vrstvení Význam tagy HTML významová vs. formátovací

Více

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák

NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE

Více

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML

Čtvrtek 11. dubna. Základy HTML. Obecná syntaxe HTML. Struktura HTML Čtvrtek 11. dubna Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info

Více

Přehled základních html tagů

Přehled základních html tagů Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...

Více

Kaskádové styly základy grafiky

Kaskádové styly základy grafiky 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod

Více

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela

Základy informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML

Více

Základy HTML. Autor: Palito

Základy HTML. Autor: Palito Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete

Více

Hlavička dokumentu. mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka</a> </h3> <p> <img alt="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" title="Hlavička dokumentu. mezi <head> a </head> obsahuje informace vztažené k dokumentu metadata <title> - název stránky, povinná párová značka" class="news-block-img pull-right" src="/thumbs/48/23934103.jpg"> 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka - definuje vztah k jiným </p> <a href="/23934103-Hlavicka-dokumentu-mezi-head-a-head-obsahuje-informace-vztazene-k-dokumentu-metadata-title-nazev-stranky-povinna-parova-znacka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5927669-Css-cascading-sytle-sheets-neboli-kaskadove-styly-vznikly-jako-souhrn-metod-pro-upravu-vzhledu-stranek.html">CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.</a> </h3> <p> <img alt="CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek." title="CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek." class="news-block-img pull-right" src="/thumbs/25/5927669.jpg"> Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s </p> <a href="/5927669-Css-cascading-sytle-sheets-neboli-kaskadove-styly-vznikly-jako-souhrn-metod-pro-upravu-vzhledu-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2072147-Vyukovy-material-ka-c-4-spoluprace-se-zs.html">Výukový materiál KA č.4 Spolupráce se ZŠ</a> </h3> <p> <img alt="Výukový materiál KA č.4 Spolupráce se ZŠ" title="Výukový materiál KA č.4 Spolupráce se ZŠ" class="news-block-img pull-right" src="/thumbs/23/2072147.jpg"> Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012 </p> <a href="/2072147-Vyukovy-material-ka-c-4-spoluprace-se-zs.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1367396-Za-klady-html-tag-html-html-parova-znacka-ktery-definuje-webovou-stranku-obsah-stranky-konci-znackou.html">Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou</a> </h3> <p> <img alt="Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou" title="Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou" class="news-block-img pull-right" src="/thumbs/22/1367396.jpg"> Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány </p> <a href="/1367396-Za-klady-html-tag-html-html-parova-znacka-ktery-definuje-webovou-stranku-obsah-stranky-konci-znackou.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28133790-Link-definuje-vztah-k-jinym-xhtml-dokumentum-typicky.html"><link> - definuje vztah k jiným XHTML dokumentům, typicky</a> </h3> <p> <img alt="<link> - definuje vztah k jiným XHTML dokumentům, typicky" title="<link> - definuje vztah k jiným XHTML dokumentům, typicky" class="news-block-img pull-right" src="/thumbs/51/28133790.jpg"> Návrh a tvorba WWW stránek 1/10 Hlavička dokumentu mezi a obsahuje informace vztažené k dokumentu metadata - název stránky, povinná párová značka vzorová stránka </p> <a href="/28133790-Link-definuje-vztah-k-jinym-xhtml-dokumentum-typicky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2591451-Zaklady-html-obecna-syntaxe-html-struktura-html.html">Základy HTML. Obecná syntaxe HTML. Struktura HTML</a> </h3> <p> <img alt="Základy HTML. Obecná syntaxe HTML. Struktura HTML" title="Základy HTML. Obecná syntaxe HTML. Struktura HTML" class="news-block-img pull-right" src="/thumbs/24/2591451.jpg"> Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů </p> <a href="/2591451-Zaklady-html-obecna-syntaxe-html-struktura-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4166327-Aplikace-xml-pro-internet.html">APLIKACE XML PRO INTERNET</a> </h3> <p> <img alt="APLIKACE XML PRO INTERNET" title="APLIKACE XML PRO INTERNET" class="news-block-img pull-right" src="/thumbs/24/4166327.jpg"> APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je </p> <a href="/4166327-Aplikace-xml-pro-internet.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/23921591-Tvorba-webovych-stranek.html">Tvorba webových stránek</a> </h3> <p> <img alt="Tvorba webových stránek" title="Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/48/23921591.jpg"> Tvorba webových stránek Seznamy Seznam je skupina odstavců označených odrážkou. Seznam je: číslovaný je označen pořadovým číslem nebo písmenem, nečíslovaný je označen značkou (odrážkou) Seznam Celý blok </p> <a href="/23921591-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1733748-X-html-css-a-jquery.html">(X)HTML, CSS a jquery</a> </h3> <p> <img alt="(X)HTML, CSS a jquery" title="(X)HTML, CSS a jquery" class="news-block-img pull-right" src="/thumbs/22/1733748.jpg"> Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje </p> <a href="/1733748-X-html-css-a-jquery.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1368989-O-css-podrobneji-box-model-document-flow-layout.html">O CSS podrobněji. Box model Document flow Layout</a> </h3> <p> <img alt="O CSS podrobněji. Box model Document flow Layout" title="O CSS podrobněji. Box model Document flow Layout" class="news-block-img pull-right" src="/thumbs/22/1368989.jpg"> O CSS podrobněji Box model Document flow Layout O CSS podrobněji Box model Každý element má: -obsah (content) -spadávku (padding) -rámeček (border) -okraj (margin) O CSS podrobněji http://www.w3.org/tr/css21/box.html </p> <a href="/1368989-O-css-podrobneji-box-model-document-flow-layout.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31735653-Tnpw1-cviceni.html">TNPW1 Cvičení</a> </h3> <p> <img alt="TNPW1 Cvičení" title="TNPW1 Cvičení" class="news-block-img pull-right" src="/thumbs/53/31735653.jpg"> 13.10.2015 aneta.bartuskova@uhk.cz Úvod do CSS 13.10.2015 aneta.bartuskova@uhk.cz Výchozí styly prohlížeče Pokud nepřiřadíme elementům žádný styl v CSS, formátují se výchozími hodnotami prohlížeče (v CSS </p> <a href="/31735653-Tnpw1-cviceni.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33334362-Zaklady-informatiky-03-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html">Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela</a> </h3> <p> <img alt="Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" title="Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" class="news-block-img pull-right" src="/thumbs/54/33334362.jpg"> Základy informatiky 03, HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra </p> <a href="/33334362-Zaklady-informatiky-03-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9276907-Tvorba-internetovych-stranek.html">Tvorba internetových stránek</a> </h3> <p> <img alt="Tvorba internetových stránek" title="Tvorba internetových stránek" class="news-block-img pull-right" src="/thumbs/26/9276907.jpg"> Tvorba internetových stránek Ing. Michal Seibert E111 Konzultační hodiny: Středa 9:00-10:00h http://tvorba-is.wz.cz/ Samostatný úkol Zvolili jste si doménu a zjistili její cenu? Nalezli jste svůj freehosting? </p> <a href="/9276907-Tvorba-internetovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561582-Stranka-se-da-otevrit-dvema-zpusoby.html">Stránka se dá otevřít dvěma způsoby</a> </h3> <p> <img alt="Stránka se dá otevřít dvěma způsoby" title="Stránka se dá otevřít dvěma způsoby" class="news-block-img pull-right" src="/thumbs/20/561582.jpg"> Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok). Potřebujete webový prohlížeč. Hodí se připojení na internet. Kdo nemá </p> <a href="/561582-Stranka-se-da-otevrit-dvema-zpusoby.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3163166-Inovace-vyuky-prostrednictvim-sablon-pro-ss.html">Inovace výuky prostřednictvím šablon pro SŠ</a> </h3> <p> <img alt="Inovace výuky prostřednictvím šablon pro SŠ" title="Inovace výuky prostřednictvím šablon pro SŠ" class="news-block-img pull-right" src="/thumbs/24/3163166.jpg"> Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748 </p> <a href="/3163166-Inovace-vyuky-prostrednictvim-sablon-pro-ss.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3097867-Zaklady-html-obecna-syntaxe-html-struktura-html.html">Základy HTML. Obecná syntaxe HTML. Struktura HTML</a> </h3> <p> <img alt="Základy HTML. Obecná syntaxe HTML. Struktura HTML" title="Základy HTML. Obecná syntaxe HTML. Struktura HTML" class="news-block-img pull-right" src="/thumbs/24/3097867.jpg"> Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů </p> <a href="/3097867-Zaklady-html-obecna-syntaxe-html-struktura-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/44182406-Nazev-dum-vy_32_inovace_2b_14_-programovaci_jazyk_html.html">Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML</a> </h3> <p> <img alt="Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML" title="Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML" class="news-block-img pull-right" src="/thumbs/60/44182406.jpg"> Název školy: Základní škola a Mateřská škola Žalany Číslo projektu: CZ. 1.07/1.4.00/21.3210 Téma sady: Informatika pro sedmý až osmý ročník Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Vyučovací </p> <a href="/44182406-Nazev-dum-vy_32_inovace_2b_14_-programovaci_jazyk_html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/597264-Html-ict_01-02-konzultace-2-rocnik-1-6.html">HTML. ICT_01., 02. konzultace; 2. ročník 1/6</a> </h3> <p> <img alt="HTML. ICT_01., 02. konzultace; 2. ročník 1/6" title="HTML. ICT_01., 02. konzultace; 2. ročník 1/6" class="news-block-img pull-right" src="/thumbs/20/597264.jpg"> ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru, </p> <a href="/597264-Html-ict_01-02-konzultace-2-rocnik-1-6.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/561859-Mgr-stepan-stepanov-2013.html">Mgr. Stěpan Stěpanov, 2013</a> </h3> <p> <img alt="Mgr. Stěpan Stěpanov, 2013" title="Mgr. Stěpan Stěpanov, 2013" class="news-block-img pull-right" src="/thumbs/20/561859.jpg"> Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet </p> <a href="/561859-Mgr-stepan-stepanov-2013.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1964704-Html-xhtml-javascript-php-asp-net-zajimave-odkazy.html">HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy</a> </h3> <p> <img alt="HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy" title="HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy" class="news-block-img pull-right" src="/thumbs/23/1964704.jpg"> V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World </p> <a href="/1964704-Html-xhtml-javascript-php-asp-net-zajimave-odkazy.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2592011-13-vytvareni-webovych-stranek.html">13. Vytváření webových stránek</a> </h3> <p> <img alt="13. Vytváření webových stránek" title="13. Vytváření webových stránek" class="news-block-img pull-right" src="/thumbs/24/2592011.jpg"> 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací </p> <a href="/2592011-13-vytvareni-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3163670-Bloky-tag-vyznam-parovy-p-odstavec-nepovinne-br-radkovy-zlom-ne-div-oddil-ano-center-vycentrovani-ano-h1-nadpis-1.html">Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.</a> </h3> <p> <img alt="Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1." title="Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1." class="news-block-img pull-right" src="/thumbs/24/3163670.jpg"> Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam </p> <a href="/3163670-Bloky-tag-vyznam-parovy-p-odstavec-nepovinne-br-radkovy-zlom-ne-div-oddil-ano-center-vycentrovani-ano-h1-nadpis-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3448339-Html-uvod-zpracoval-petr-lasak.html">HTML - Úvod. Zpracoval: Petr Lasák</a> </h3> <p> <img alt="HTML - Úvod. Zpracoval: Petr Lasák" title="HTML - Úvod. Zpracoval: Petr Lasák" class="news-block-img pull-right" src="/thumbs/24/3448339.jpg"> HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají </p> <a href="/3448339-Html-uvod-zpracoval-petr-lasak.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/562507-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html">Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN</a> </h3> <p> <img alt="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" title="Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN" class="news-block-img pull-right" src="/thumbs/20/562507.jpg"> Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940 </p> <a href="/562507-Skola-gymnazium-brno-slovanske-namesti-7-iii-2-inovace-a-zkvalitneni-vyuky-prostrednictvim-ict-nazev-projektu-inovace-vyuky-na-gsn.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/24778289-X-html-tagy-vos-a-sst-ceska-trebova.html">(X)HTML-TAGY. VOŠ a SŠT Česká Třebová</a> </h3> <p> <img alt="(X)HTML-TAGY. VOŠ a SŠT Česká Třebová" title="(X)HTML-TAGY. VOŠ a SŠT Česká Třebová" class="news-block-img pull-right" src="/thumbs/48/24778289.jpg"> (X)HTML-TAGY Mgr. Petr Slívko VOŠ a SŠT Česká Třebová Tagy Popis Značka tagu začíná levou ostrou závorkou. Za ní následuje jméno tagu, před kterým nesmí být mezera. Mohou následovat atributy. Před </p> <a href="/24778289-X-html-tagy-vos-a-sst-ceska-trebova.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5927611-Css-1-blokovy-model-kazdy-element-tvori-obdelnik-dva-druhy-obdelniku-blokove-vlozene-zde-je-dlouhy-text-v-kterem-nachazi-vlozene.html">CSS 1. Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. Zde je dlouhý text v kterém nachazí vložené...</a> </h3> <p> <img alt="CSS 1. Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. Zde je dlouhý text v kterém nachazí vložené..." title="CSS 1. Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. Zde je dlouhý text v kterém nachazí vložené..." class="news-block-img pull-right" src="/thumbs/25/5927611.jpg"> Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. CSS 1 blokové To je blokové Zde je dlouhý text v kterém nachazí vložené... vložené Vnější okraje umožňují nastavovat </p> <a href="/5927611-Css-1-blokovy-model-kazdy-element-tvori-obdelnik-dva-druhy-obdelniku-blokove-vlozene-zde-je-dlouhy-text-v-kterem-nachazi-vlozene.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357113-Jdeme-tvorit-webove-stranky.html">Jdeme tvořit webové stránky!</a> </h3> <p> <img alt="Jdeme tvořit webové stránky!" title="Jdeme tvořit webové stránky!" class="news-block-img pull-right" src="/thumbs/24/4357113.jpg"> Jdeme tvořit webové stránky! Díky prezentaci jsme se již dozvěděli, že na tvorbu základních webových stránek v podstatě nepotřebujeme žádné speciální programy a stačí nám obyčejný poznámkový blok, který </p> <a href="/4357113-Jdeme-tvorit-webove-stranky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6023545-Ie1-jazyk-html-a-kaskadove-styly.html">IE1 jazyk HTML a kaskádové styly</a> </h3> <p> <img alt="IE1 jazyk HTML a kaskádové styly" title="IE1 jazyk HTML a kaskádové styly" class="news-block-img pull-right" src="/thumbs/25/6023545.jpg"> IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace. </p> <a href="/6023545-Ie1-jazyk-html-a-kaskadove-styly.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5506376-Webove-stranky-5-kaskadove-styly-formatovani-textu-datum-vytvoreni-3-10-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr.html">Webové stránky. 5. Kaskádové styly formátování textu. Datum vytvoření: 3. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.</a> </h3> <p> <img alt="Webové stránky. 5. Kaskádové styly formátování textu. Datum vytvoření: 3. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr." title="Webové stránky. 5. Kaskádové styly formátování textu. Datum vytvoření: 3. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr." class="news-block-img pull-right" src="/thumbs/25/5506376.jpg"> Webové stránky 5. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 3. 10. 2012 Webové Strana: 1/11 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM </p> <a href="/5506376-Webove-stranky-5-kaskadove-styly-formatovani-textu-datum-vytvoreni-3-10-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37775171-Nswi096-internet-uvod-do-html.html">NSWI096 - INTERNET. Úvod do HTML</a> </h3> <p> <img alt="NSWI096 - INTERNET. Úvod do HTML" title="NSWI096 - INTERNET. Úvod do HTML" class="news-block-img pull-right" src="/thumbs/55/37775171.jpg"> NSWI096 - INTERNET Úvod do HTML XHTML CO TO JE? XML extensible Markup Language Sada pravidel, jak kódovat dokumenty Podle těchto pravidel lze vytvořit nekonečně mnoho různých jazyků HTML HyperText Markup </p> <a href="/37775171-Nswi096-internet-uvod-do-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1368579-Css-styly-uvod-formatovani-html-kdy-pouzivat-css-nastin-moznosti-css-troji-pouziti-css-priklady-syntaxe-priklad-s-nadpisem.html">CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem</a> </h3> <p> <img alt="CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem" title="CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem" class="news-block-img pull-right" src="/thumbs/22/1368579.jpg"> CSS styly - úvod Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem Formátování HTML Každý text má obsah a formu. Když mluvím o formátu </p> <a href="/1368579-Css-styly-uvod-formatovani-html-kdy-pouzivat-css-nastin-moznosti-css-troji-pouziti-css-priklady-syntaxe-priklad-s-nadpisem.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595476-Tvorba-www-stranek-mojmir-volf-mojmir-volf-tul-cz-https-www-nti-tul-cz-wiki-wikiuser-mojmir-volf-485-353-675.html">Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675</a> </h3> <p> <img alt="Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675" title="Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675" class="news-block-img pull-right" src="/thumbs/20/595476.jpg"> Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS </p> <a href="/595476-Tvorba-www-stranek-mojmir-volf-mojmir-volf-tul-cz-https-www-nti-tul-cz-wiki-wikiuser-mojmir-volf-485-353-675.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/596199-Microsoft-office-sharepoint-server-2007.html">Microsoft Office SharePoint Server 2007</a> </h3> <p> <img alt="Microsoft Office SharePoint Server 2007" title="Microsoft Office SharePoint Server 2007" class="news-block-img pull-right" src="/thumbs/20/596199.jpg"> Microsoft Office SharePoint Server 2007 Příručka pro uživatele Úvod do HTML a CSS Verze 1.1 Stav k 7.4. 2009 Středisko komunikačních a informačních systému Univerzita obrany Brno 2009 2008 Středisko komunikačních </p> <a href="/596199-Microsoft-office-sharepoint-server-2007.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1368081-15-css-styly-funkce-vyvoj-vyuziti-prace-s-css-styly-vkladani-do-kodu-pravidlo-selektor-dedicnost-kaskady-id-a-vlastni-tridy.html">15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy)</a> </h3> <p> <img alt="15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy)" title="15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy)" class="news-block-img pull-right" src="/thumbs/22/1368081.jpg"> 15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy) Formátování HTML Každý text má obsah a formu. Když mluvím o formátu </p> <a href="/1368081-15-css-styly-funkce-vyvoj-vyuziti-prace-s-css-styly-vkladani-do-kodu-pravidlo-selektor-dedicnost-kaskady-id-a-vlastni-tridy.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29132175-Kaskadove-styly-css.html">Káskádové styly = CSS</a> </h3> <p> <img alt="Káskádové styly = CSS" title="Káskádové styly = CSS" class="news-block-img pull-right" src="/thumbs/52/29132175.jpg"> Návrh a tvorba WWW stránek 1/20 Káskádové styly = CSS CSS = Cascading Style Sheets = tabulky kaskádových stylů na začátku byl stylesheet soubor pravidel definující vzhled textu nezávisle na obsahu pomocí </p> <a href="/29132175-Kaskadove-styly-css.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2523794-Kapitola-3-zpracovani-textu.html">KAPITOLA 3 - ZPRACOVÁNÍ TEXTU</a> </h3> <p> <img alt="KAPITOLA 3 - ZPRACOVÁNÍ TEXTU" title="KAPITOLA 3 - ZPRACOVÁNÍ TEXTU" class="news-block-img pull-right" src="/thumbs/24/2523794.jpg"> KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého </p> <a href="/2523794-Kapitola-3-zpracovani-textu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28147425-Soukroma-stredni-odborna-skola-frydek-mistek-s-r-o-vy_32_inovace_135_ivt_html_08_tvorba_www.html">Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www</a> </h3> <p> <img alt="Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www" title="Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www" class="news-block-img pull-right" src="/thumbs/51/28147425.jpg"> Číslo projektu Název školy Název Materiálu Autor Tematický okruh Ročník CZ.1.07/1.5.00/34.0499 Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_135_IVT_HTML_08_tvorba_www Ing. Pavel BOHANES </p> <a href="/28147425-Soukroma-stredni-odborna-skola-frydek-mistek-s-r-o-vy_32_inovace_135_ivt_html_08_tvorba_www.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/28506895-Moderni-web-snadno-a-rychle.html">MODERNÍ WEB SNADNO A RYCHLE</a> </h3> <p> <img alt="MODERNÍ WEB SNADNO A RYCHLE" title="MODERNÍ WEB SNADNO A RYCHLE" class="news-block-img pull-right" src="/thumbs/51/28506895.jpg"> SNADNO A RYCHLE Marek Lučný Pavoučí síť přes celý svět Co prohlížeče (ne)skrývají Tajemný kód HTML Všechno má svůj styl Interaktivní je IN Na obrazovce i na mobilu Začni podle šablony Informace jsou základ </p> <a href="/28506895-Moderni-web-snadno-a-rychle.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11018426-Ie1-jazyk-html-a-kaskadove-styly.html">IE1 jazyk HTML a kaskádové styly</a> </h3> <p> <img alt="IE1 jazyk HTML a kaskádové styly" title="IE1 jazyk HTML a kaskádové styly" class="news-block-img pull-right" src="/thumbs/27/11018426.jpg"> IE1 jazyk HTML a kaskádové styly Tvorbu webových stránek v jazyce HTML a jejich formátování pomocí kaskádových stylů (CSS) budeme zkoušet na souvislém příkladu. Můžete si zvolit vlastní téma webové prezentace. </p> <a href="/11018426-Ie1-jazyk-html-a-kaskadove-styly.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3871753-Co-je-html-1-parovy-tag-ma-zacatek-a-konec-2-neparovy-tag-nema-ukoncovaci-znacku.html">Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:</a> </h3> <p> <img alt="Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:" title="Co je HTML. 1. Párový tag má začátek a konec: 2. Nepárový tag nemá ukončovací značku:" class="news-block-img pull-right" src="/thumbs/24/3871753.jpg"> Co je HTML HTML HyperText Markup Language je značkovací jazyk pro tvorbu www stránek. Jako například Český jazyk má svá slova, tak i HTML obsahuje slova, neboli tagy (značky), které dávají vlastnímu obsahu </p> <a href="/3871753-Co-je-html-1-parovy-tag-ma-zacatek-a-konec-2-neparovy-tag-nema-ukoncovaci-znacku.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/283719-Formatovani-odstavce-odrazek-a-cislovani-navod-a-nahled-spravneho-reseni.html">Formátování odstavce, odrážek a číslování Návod a náhled správného řešení</a> </h3> <p> <img alt="Formátování odstavce, odrážek a číslování Návod a náhled správného řešení" title="Formátování odstavce, odrážek a číslování Návod a náhled správného řešení" class="news-block-img pull-right" src="/thumbs/19/283719.jpg"> Formátování odstavce, odrážek a číslování Návod a náhled správného řešení Stránka s vhodně voleným formátem odstavce působí dobře i z estetického hlediska. Vzhled dokumentu vypovídá vždy mnohé o kultivovanosti </p> <a href="/283719-Formatovani-odstavce-odrazek-a-cislovani-navod-a-nahled-spravneho-reseni.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595525-Mgr-vlastislav-kucera-prednaska-c-1.html">Mgr. Vlastislav Kučera přednáška č. 1</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 1" title="Mgr. Vlastislav Kučera přednáška č. 1" class="news-block-img pull-right" src="/thumbs/20/595525.jpg"> Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press, </p> <a href="/595525-Mgr-vlastislav-kucera-prednaska-c-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/356186-1-uvod-2-tvorba-internetovych-prezentaci-2-1-nastroje-pro-tvorbu-prezentace-stranka-1.html">1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1</a> </h3> <p> <img alt="1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1" title="1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1" class="news-block-img pull-right" src="/thumbs/19/356186.jpg"> 1 Úvod V tomto studijním textu se seznámíme s tvorbou webových stránek a prezentací a se základy syntaxe jazyka HTML. K tomu, abychom byli schopni vytvořit internetovou stránku, nemusíme používat žádný </p> <a href="/356186-1-uvod-2-tvorba-internetovych-prezentaci-2-1-nastroje-pro-tvorbu-prezentace-stranka-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/26556027-Selektor-vlastnost1-hodnota_vlastnosti1-vlastnost2-hodnota_vlastnosti2.html">selektor {vlastnost1: hodnota_vlastnosti1; vlastnost2: hodnota_vlastnosti2;}</a> </h3> <p> <img alt="selektor {vlastnost1: hodnota_vlastnosti1; vlastnost2: hodnota_vlastnosti2;}" title="selektor {vlastnost1: hodnota_vlastnosti1; vlastnost2: hodnota_vlastnosti2;}" class="news-block-img pull-right" src="/thumbs/50/26556027.jpg"> Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s </p> <a href="/26556027-Selektor-vlastnost1-hodnota_vlastnosti1-vlastnost2-hodnota_vlastnosti2.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9538939-Usporadani-klient-server-standardy-pro-web.html">Uspořádání klient-server. Standardy pro Web</a> </h3> <p> <img alt="Uspořádání klient-server. Standardy pro Web" title="Uspořádání klient-server. Standardy pro Web" class="news-block-img pull-right" src="/thumbs/27/9538939.jpg"> Návrh a tvorba WWW stránek 1/11 Uspořádání klient-server klient na straně uživatele (browser, prohlížeč) server program obsluhující požadavky uživatele Standardy pro Web HTTP Hypertext Transfer Protocol </p> <a href="/9538939-Usporadani-klient-server-standardy-pro-web.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33493351-Kaskadove-styly-css-cascading-sytle-sheets-neboli-kaskadove-styly-vznikly-jako-souhrn-metod-pro-upravu-vzhledu-stranek.html">Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.</a> </h3> <p> <img alt="Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek." title="Kaskádové styly. CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek." class="news-block-img pull-right" src="/thumbs/54/33493351.jpg"> Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s </p> <a href="/33493351-Kaskadove-styly-css-cascading-sytle-sheets-neboli-kaskadove-styly-vznikly-jako-souhrn-metod-pro-upravu-vzhledu-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2532914-Zaklady-www-publikovani.html">Základy WWW publikování</a> </h3> <p> <img alt="Základy WWW publikování" title="Základy WWW publikování" class="news-block-img pull-right" src="/thumbs/24/2532914.jpg"> Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz </p> <a href="/2532914-Zaklady-www-publikovani.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/357285-Mgr-vlastislav-kucera-prednaska-c-2.html">Mgr. Vlastislav Kučera přednáška č. 2</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 2" title="Mgr. Vlastislav Kučera přednáška č. 2" class="news-block-img pull-right" src="/thumbs/19/357285.jpg"> Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS </p> <a href="/357285-Mgr-vlastislav-kucera-prednaska-c-2.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4424001-Mgr-vlastislav-kucera-lekce-c-2.html">Mgr. Vlastislav Kučera lekce č. 2</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera lekce č. 2" title="Mgr. Vlastislav Kučera lekce č. 2" class="news-block-img pull-right" src="/thumbs/24/4424001.jpg"> Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se </p> <a href="/4424001-Mgr-vlastislav-kucera-lekce-c-2.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31370341-Kaskadove-styly-css-vosg-hellichova-praha-2010-jirka-jahoda.html">Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda</a> </h3> <p> <img alt="Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda" title="Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda" class="news-block-img pull-right" src="/thumbs/53/31370341.jpg"> Kaskadové styly (CSS) VOŠG Hellichova Praha 2010 Jirka Jahoda Kaskadové styly CSS 1996 Cascading Style Sheets (tabulky kaskádových stylů) Jazyk pro popis způsobu zobrazení stránek napsaných v jazycích </p> <a href="/31370341-Kaskadove-styly-css-vosg-hellichova-praha-2010-jirka-jahoda.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38949205-Nazev-skoly-sos-net-office-orlova-spol-s-r-o-vypracoval-a-mgr-alena-sovova.html">Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová</a> </h3> <p> <img alt="Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová" title="Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová" class="news-block-img pull-right" src="/thumbs/56/38949205.jpg"> Název projektu: Podpora výuky v technických oborech Registrační číslo projektu: CZ.1.07/1.5.00/34.0458 Název šablony: V/2 Inovace a zkvalitnění výuky směřující k rozvoji odborných kompetencí žáků středních </p> <a href="/38949205-Nazev-skoly-sos-net-office-orlova-spol-s-r-o-vypracoval-a-mgr-alena-sovova.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/354285-Tvorba-stranek-v-html-ve-wordu.html">Tvorba stránek v HTML ve Wordu</a> </h3> <p> <img alt="Tvorba stránek v HTML ve Wordu" title="Tvorba stránek v HTML ve Wordu" class="news-block-img pull-right" src="/thumbs/19/354285.jpg"> Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o </p> <a href="/354285-Tvorba-stranek-v-html-ve-wordu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3199579-Mgr-vlastislav-kucera-prednaska-c-1.html">Mgr. Vlastislav Kučera přednáška č. 1</a> </h3> <p> <img alt="Mgr. Vlastislav Kučera přednáška č. 1" title="Mgr. Vlastislav Kučera přednáška č. 1" class="news-block-img pull-right" src="/thumbs/24/3199579.jpg"> Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a </p> <a href="/3199579-Mgr-vlastislav-kucera-prednaska-c-1.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/16169138-Tvorba-webovych-stranek.html">TVORBA WEBOVÝCH STRÁNEK</a> </h3> <p> <img alt="TVORBA WEBOVÝCH STRÁNEK" title="TVORBA WEBOVÝCH STRÁNEK" class="news-block-img pull-right" src="/thumbs/33/16169138.jpg"> TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML </p> <a href="/16169138-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/666213-Www-zlinskedumy-cz-pracovni-list-vy_32_inovace_33_20-databaze-databaze-databaze-projekt-ii-ing-petr-vilimek.html">www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek</a> </h3> <p> <img alt="www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek" title="www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_20 Databáze Databáze Databáze Projekt II. Ing. Petr Vilímek" class="news-block-img pull-right" src="/thumbs/18/666213.jpg"> VY_32_INOVACE_33_20 Pracovní list Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Název Autor Vytvořeno, pro obor, roč. Anotace Přínos/cílové kompetence </p> <a href="/666213-Www-zlinskedumy-cz-pracovni-list-vy_32_inovace_33_20-databaze-databaze-databaze-projekt-ii-ing-petr-vilimek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/18931438-12-zaklady-html-a-formulare-v-html.html">12. Základy HTML a formuláře v HTML</a> </h3> <p> <img alt="12. Základy HTML a formuláře v HTML" title="12. Základy HTML a formuláře v HTML" class="news-block-img pull-right" src="/thumbs/39/18931438.jpg"> 12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura </p> <a href="/18931438-12-zaklady-html-a-formulare-v-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42586967-Nazev-skoly-sos-net-office-orlova-spol-s-r-o-vypracoval-a-mgr-alena-sovova.html">Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová</a> </h3> <p> <img alt="Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová" title="Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová" class="news-block-img pull-right" src="/thumbs/58/42586967.jpg"> Název projektu: Podpora výuky v technických oborech Registrační číslo projektu: CZ.1.07/1.5.00/34.0458 Název šablony: V/2 Inovace a zkvalitnění výuky směřující k rozvoji odborných kompetencí žáků středních </p> <a href="/42586967-Nazev-skoly-sos-net-office-orlova-spol-s-r-o-vypracoval-a-mgr-alena-sovova.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/23754939-Formatovani-obsahu-adminweb.html">Formátování obsahu adminweb</a> </h3> <p> <img alt="Formátování obsahu adminweb" title="Formátování obsahu adminweb" class="news-block-img pull-right" src="/thumbs/47/23754939.jpg"> Formátování obsahu adminweb verze 24032015 1 Obsah 1. Možnosti formátování textu...3 2. Formátování v editoru...4 3. Tabulka pro pozicování obsahu...5 4. Tabulka se stylem... 6 5. Šablony...7 6. Obrázky </p> <a href="/23754939-Formatovani-obsahu-adminweb.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6692741-Textove-editory-ing-ludek-richter.html">Textové editory. Ing. Luděk Richter</a> </h3> <p> <img alt="Textové editory. Ing. Luděk Richter" title="Textové editory. Ing. Luděk Richter" class="news-block-img pull-right" src="/thumbs/25/6692741.jpg"> Textové editory Ing. Luděk Richter Střední škola, Havířov-Šumbark, Sýkorova 1/613, příspěvková organizace Tento výukový materiál byl zpracován v rámci akce EU peníze středním školám - OP VK 1.5. Výuková </p> <a href="/6692741-Textove-editory-ing-ludek-richter.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3816700-Jemny-uvod-do-html-co-je-html-znacka-web-nezna-text-formatovany-mezerami-a-konci-radku-ale-ja-potrebuji-psat-vice-mezer-a-urcovat-zalomeni-radku.html">Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!</a> </h3> <p> <img alt="Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!" title="Jemný úvod do HTML. Co je HTML značka? Web nezná text formátovaný mezerami a konci řádku! Ale já potřebuji psát více mezer a určovat zalomení řádku!" class="news-block-img pull-right" src="/thumbs/24/3816700.jpg"> Jemný úvod do HTML Redakční systém školního webu umožňuje formátovat text HTML značkami, tedy stejným způsobem, jakým se formátují webové stránky. Tento návod si dává za úkol seznámení se základními formátovacími </p> <a href="/3816700-Jemny-uvod-do-html-co-je-html-znacka-web-nezna-text-formatovany-mezerami-a-konci-radku-ale-ja-potrebuji-psat-vice-mezer-a-urcovat-zalomeni-radku.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42586652-9-tagy-tvorba-www-stranky-pomoci-tagu.html">9. Tagy tvorba www stránky pomocí tagů</a> </h3> <p> <img alt="9. Tagy tvorba www stránky pomocí tagů" title="9. Tagy tvorba www stránky pomocí tagů" class="news-block-img pull-right" src="/thumbs/58/42586652.jpg"> 9. Tagy tvorba www stránky pomocí tagů Tagy Jak bylo uvedeno v předchozím odstavci, tag je vlastně značka, podle které se prohlížeč řídí. Tag určuje, jakým způsobem bude stránka upravena. Například - teď </p> <a href="/42586652-9-tagy-tvorba-www-stranky-pomoci-tagu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4166261-Jazyk-xsl-xpath-xpath-xml-jazyk-xsl-rychla-transformace-dokumentu-phdr-milan-novak-ph-d-kin-pf-ju-ceske-budejovice-9.html">Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9.</a> </h3> <p> <img alt="Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9." title="Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9." class="news-block-img pull-right" src="/thumbs/24/4166261.jpg"> Jazyk XSL - rychlá transformace dokumentů 9. prosince 2010 Osnova 1 Jazyk XSL Úvod Princip zpracování pomocí stylů Formátování dokumentu pomocí XSL FO Osnova 1 Jazyk XSL Úvod Princip zpracování pomocí </p> <a href="/4166261-Jazyk-xsl-xpath-xpath-xml-jazyk-xsl-rychla-transformace-dokumentu-phdr-milan-novak-ph-d-kin-pf-ju-ceske-budejovice-9.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11986550-Poznamka-v-x-html-vsechno-co-je-v-x-html-souboru-obaleno-znackami-a-je-povazovano-za-poznamku-a-nezobrazuje-se.html">Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se.</a> </h3> <p> <img alt="Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se." title="Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se." class="news-block-img pull-right" src="/thumbs/27/11986550.jpg"> Úvod do tvorby www stránek Tvorba www 3 Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. Odkaz (hyperlink) </p> <a href="/11986550-Poznamka-v-x-html-vsechno-co-je-v-x-html-souboru-obaleno-znackami-a-je-povazovano-za-poznamku-a-nezobrazuje-se.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/595609-Tvorba-webovych-stranek-pomoci-html-kodu-v-prikladech-m-semenka-2014.html">Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014</a> </h3> <p> <img alt="Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014" title="Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014" class="news-block-img pull-right" src="/thumbs/20/595609.jpg"> Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat </p> <a href="/595609-Tvorba-webovych-stranek-pomoci-html-kodu-v-prikladech-m-semenka-2014.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4902856-Www-zlinskedumy-cz-pracovni-list-vy_32_inovace_33_19-databaze-databaze-databaze-ing-petr-vilimek.html">www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek</a> </h3> <p> <img alt="www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek" title="www.zlinskedumy.cz Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek" class="news-block-img pull-right" src="/thumbs/25/4902856.jpg"> VY_32_INOVACE_33_19 Pracovní list Škola Název projektu, reg. č. Vzdělávací oblast Vzdělávací obor Tematický okruh Téma Tematická oblast Střední průmyslová škola Zlín Inovace výuky prostřednictvím ICT v </p> <a href="/4902856-Www-zlinskedumy-cz-pracovni-list-vy_32_inovace_33_19-databaze-databaze-databaze-ing-petr-vilimek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357174-Internetove-technologie-cviceni-c-5.html">Internetové technologie, cvičení č. 5</a> </h3> <p> <img alt="Internetové technologie, cvičení č. 5" title="Internetové technologie, cvičení č. 5" class="news-block-img pull-right" src="/thumbs/24/4357174.jpg"> Internetové technologie, cvičení č. 5 Náplň cvičení Obsahem 5. cvičení předmětu Internetové technologie je ukázka a procvičení XHTML značek a atributů používaných při vytváření hypertextových odkazů a </p> <a href="/4357174-Internetove-technologie-cviceni-c-5.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2591333-Webove-stranky-2-uvod-do-jazyka-html-datum-vytvoreni-11-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr-cz.html">Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz</a> </h3> <p> <img alt="Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz" title="Webové stránky. 2. Úvod do jazyka HTML. Datum vytvoření: 11. 9. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz" class="news-block-img pull-right" src="/thumbs/24/2591333.jpg"> Webové stránky 2. Úvod do jazyka HTML Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 9. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická </p> <a href="/2591333-Webove-stranky-2-uvod-do-jazyka-html-datum-vytvoreni-11-9-2012-str-ank-y-vytvoril-petr-lerch-www-isspolygr-cz.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1200722-Jazyky-pro-popis-dat.html">Jazyky pro popis dat</a> </h3> <p> <img alt="Jazyky pro popis dat" title="Jazyky pro popis dat" class="news-block-img pull-right" src="/thumbs/21/1200722.jpg"> Realizováno za finanční podpory ESF a státního rozpočtu ČR v rámci v projektu Zkvalitnění a rozšíření možností studia na TUL pro studenty se SVP reg. č. CZ.1.07/2.2.00/29.0011 Jazyky pro popis dat Pavel </p> <a href="/1200722-Jazyky-pro-popis-dat.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/358642-Nazev-vy_32_inovace_pg4120-literatura-online-zdroje-informaci-testy.html">Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy</a> </h3> <p> <img alt="Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy" title="Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy" class="news-block-img pull-right" src="/thumbs/19/358642.jpg"> Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Uvádí </p> <a href="/358642-Nazev-vy_32_inovace_pg4120-literatura-online-zdroje-informaci-testy.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/357082-Informatika-pro-moderni-fyziky-8-javascript-css-stylovani-dokumentu-svg-tvorba-obrazku-slozitejsi-interaktivni-dokument.html">Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument</a> </h3> <p> <img alt="Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument" title="Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument" class="news-block-img pull-right" src="/thumbs/19/357082.jpg"> Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a </p> <a href="/357082-Informatika-pro-moderni-fyziky-8-javascript-css-stylovani-dokumentu-svg-tvorba-obrazku-slozitejsi-interaktivni-dokument.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9344767-Www-a-html-zakladni-pojmy-ivo-peterka.html">WWW a HTML. Základní pojmy. Ivo Peterka</a> </h3> <p> <img alt="WWW a HTML. Základní pojmy. Ivo Peterka" title="WWW a HTML. Základní pojmy. Ivo Peterka" class="news-block-img pull-right" src="/thumbs/26/9344767.jpg"> WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní </p> <a href="/9344767-Www-a-html-zakladni-pojmy-ivo-peterka.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3431668-Skola-tema-hodiny-08-08-html-zakladni-navrh-stranky-informacni-a-komunikacni-technologie.html">Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie</a> </h3> <p> <img alt="Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie" title="Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie" class="news-block-img pull-right" src="/thumbs/24/3431668.jpg"> Škola Střední odborná škola a Střední odborné učiliště, Hustopeče, Masarykovo nám. 1 Autor Ing. Jiří Tinka Číslo projektu CZ.1.07/1.5.00/34.0394 Číslo DUM VY_32_INOVACE_18_ICT_08.08a Název Tvorba webu </p> <a href="/3431668-Skola-tema-hodiny-08-08-html-zakladni-navrh-stranky-informacni-a-komunikacni-technologie.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/17231351-Maturitni-otazka-webove-stranky-technologie-tvorby-webu-co-znamena-pojem-web-web-www-stranky-celym-nazvem-world-wide-web.html">Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,</a> </h3> <p> <img alt="Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web," title="Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web," class="news-block-img pull-right" src="/thumbs/35/17231351.jpg"> Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení </p> <a href="/17231351-Maturitni-otazka-webove-stranky-technologie-tvorby-webu-co-znamena-pojem-web-web-www-stranky-celym-nazvem-world-wide-web.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/24778311-Pouziti-css-v-dokumentech-html.html">Použití CSS v dokumentech HTML</a> </h3> <p> <img alt="Použití CSS v dokumentech HTML" title="Použití CSS v dokumentech HTML" class="news-block-img pull-right" src="/thumbs/48/24778311.jpg"> Použití CSS v dokumentech HTML Tabulky kaskádových stylů mohou být součástí dokumentu HTML, nebo být umístěny v separé souboru. Jsou tři možnosti použití: přímá definice stylu - jednoho prvku pomocí atributu </p> <a href="/24778311-Pouziti-css-v-dokumentech-html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/672847-Jak-vytva-r-et-webove-stra-nky-pomoci-xhtml-a-css.html">Jak vytva r et webove stra nky pomocı XHTML a CSS.</a> </h3> <p> <img alt="Jak vytva r et webove stra nky pomocı XHTML a CSS." title="Jak vytva r et webove stra nky pomocı XHTML a CSS." class="news-block-img pull-right" src="/thumbs/18/672847.jpg"> Jak vytva r et webove stra nky pomocı XHTML a CSS. K vytváření webových stránek se používají různé editory. Z pohledu tvůrce je nejednodušší způsob jak napsat stránku použít např. editor MS-Word a soubor </p> <a href="/672847-Jak-vytva-r-et-webove-stra-nky-pomoci-xhtml-a-css.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/16163005-Tvorba-webovych-stranek.html">TVORBA WEBOVÝCH STRÁNEK</a> </h3> <p> <img alt="TVORBA WEBOVÝCH STRÁNEK" title="TVORBA WEBOVÝCH STRÁNEK" class="news-block-img pull-right" src="/thumbs/33/16163005.jpg"> TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03b Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03b 1. Kaskádové styly (CSS) 2. Vazba CSS na (X)HTML dokument 3. Syntaxe CSS 4. Barva a </p> <a href="/16163005-Tvorba-webovych-stranek.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35640560-Html-html-hypertextmarkuplanguage-nadtextovy-znackovy-jazyk-tagy.html">HTML. HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) TAGY</a> </h3> <p> <img alt="HTML. HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) TAGY" title="HTML. HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) TAGY" class="news-block-img pull-right" src="/thumbs/55/35640560.jpg"> HTML HTML- HyperTextMarkUpLanguage (nadtextový značkový jazyk) HTML dokument (súbor) - textový súbor - prípony (.html,.htm) - obsahuje značky tagy, ktoré v prehliadačoch zabezpečia správne zobrazenie obsahu </p> <a href="/35640560-Html-html-hypertextmarkuplanguage-nadtextovy-znackovy-jazyk-tagy.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10347537-Intersteno-2015-budapest-world-championship-professional-word-processing.html">INTERSTENO 2015 Budapest World championship professional Word Processing</a> </h3> <p> <img alt="INTERSTENO 2015 Budapest World championship professional Word Processing" title="INTERSTENO 2015 Budapest World championship professional Word Processing" class="news-block-img pull-right" src="/thumbs/27/10347537.jpg"> OPERAČNÍ SYSTÉM WORD PROCESSING SOFTWARE (TEXTOVÝ PROCESOR) ID SOUTĚŽÍCÍHO Úloha A-1 Instrukce pro účastníky Otevřete dokument YEAROFLIGHT, ihned ho uložte/převeďte do YEAROFLIGHTXXX.DOC NEBO DOCX, kde </p> <a href="/10347537-Intersteno-2015-budapest-world-championship-professional-word-processing.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2646644-Tvorba-www-stranek-prehled-technologii-pouzivanych-na-webu-principy-jednotlivych-technologii-a-moznosti-jejich-vzajemneho-kombinovani.html">Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování</a> </h3> <p> <img alt="Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování" title="Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování" class="news-block-img pull-right" src="/thumbs/24/2646644.jpg"> Tvorba WWW stránek přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování HTML/XHTML kaskádové styly PHP spolupráce PHP s databázemi Technologie </p> <a href="/2646644-Tvorba-www-stranek-prehled-technologii-pouzivanych-na-webu-principy-jednotlivych-technologii-a-moznosti-jejich-vzajemneho-kombinovani.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/26215706-1-uvod-9-co-a-kde-v-knize-naleznete-9-zdroje-doporuceni-pro-dalsi-studium-11.html">1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11</a> </h3> <p> <img alt="1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11" title="1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11" class="news-block-img pull-right" src="/thumbs/50/26215706.jpg"> Obsah 3 1: Úvod 9 Dříve než začnete......................... 9 Co a kde v knize naleznete....................... 9 Zdroje............................... 10 Doporučení pro další studium..................... </p> <a href="/26215706-1-uvod-9-co-a-kde-v-knize-naleznete-9-zdroje-doporuceni-pro-dalsi-studium-11.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3613269-Podpora-elektronickych-forem-vyuky.html">PODPORA ELEKTRONICKÝCH FOREM VÝUKY</a> </h3> <p> <img alt="PODPORA ELEKTRONICKÝCH FOREM VÝUKY" title="PODPORA ELEKTRONICKÝCH FOREM VÝUKY" class="news-block-img pull-right" src="/thumbs/24/3613269.jpg"> I N V E S T I C E D O R O Z V O J E V Z D Ě L Á V Á N Í PODPORA ELEKTRONICKÝCH FOREM VÝUKY CZ.1.07/1.1.06/01.0043 Tento projekt je financován z prostředků ESF a státního rozpočtu ČR. SOŠ informatiky a </p> <a href="/3613269-Podpora-elektronickych-forem-vyuky.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8692053-Microsoft-office-word-2003.html">Microsoft Office Word 2003</a> </h3> <p> <img alt="Microsoft Office Word 2003" title="Microsoft Office Word 2003" class="news-block-img pull-right" src="/thumbs/26/8692053.jpg"> Microsoft Office Word 2003 č. 6 název anotace očekávaný výstup druh učebního materiálu druh interaktivity Microsoft Office Word 2003 - Cesta k základním úpravám Prezentace je zaměřena na úpravy textu v </p> <a href="/8692053-Microsoft-office-word-2003.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32695683-Html-uvod-do-x-html-tagy-znacky-slouzi-ke-strukturovani-dokumentu-parove-a-neparove-tag-atribut1-hodnota-atributu-text-tag.html">HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag></a> </h3> <p> <img alt="HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag>" title="HTML. Úvod do (X)HTML. Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) <tag atribut1= hodnota atributu > text </tag>" class="news-block-img pull-right" src="/thumbs/53/32695683.jpg"> HTML Úvod do (X)HTML Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové) text HTML HyperText Markup Language HTML první verze 1991 Značkovací jazyk </p> <a href="/32695683-Html-uvod-do-x-html-tagy-znacky-slouzi-ke-strukturovani-dokumentu-parove-a-neparove-tag-atribut1-hodnota-atributu-text-tag.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/490881-Absolutni-uplna-zacina-lomitkem-http-nebo-https-pouze-v-odkazech-na-jiny-web-relativni-popisuje-cestu-od-html-stranky-k-cilovemu-souboru.html">absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru.</a> </h3> <p> <img alt="absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru." title="absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru." class="news-block-img pull-right" src="/thumbs/20/490881.jpg"> Základy www Jak vytvořit webové stránky Návody a příklady najdete na adrese webowebu.phorum.cz Podrobný popis a další možnosti najdete na stránkách owebu.org Potřebný software Html editor PSPad, který </p> <a href="/490881-Absolutni-uplna-zacina-lomitkem-http-nebo-https-pouze-v-odkazech-na-jiny-web-relativni-popisuje-cestu-od-html-stranky-k-cilovemu-souboru.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43422672-Html-pokracovani-co-uz-vime.html">HTML - pokračování. Co už víme?</a> </h3> <p> <img alt="HTML - pokračování. Co už víme?" title="HTML - pokračování. Co už víme?" class="news-block-img pull-right" src="/thumbs/59/43422672.jpg"> HTML - pokračování Co už víme? HTML slouží ke strukturovanému zápisu informací HTML dokument je jako skládačka Je to text uvozený značkou Základní části jsou HEAD a BODY Nadpisy pomocí </p> <a href="/43422672-Html-pokracovani-co-uz-vime.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.cz <a href="/support/privacy-policy/">Ochrana osobních údajů</a> | <a href="/support/terms-of-service/">Podmínky obsluhování</a> | <a href="/support/feedback/">Kontaktní formulář</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/d6975/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":24,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=24&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>