Základy HTML. Obecná syntaxe HTML. Struktura HTML

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

Download "Základy HTML. Obecná syntaxe HTML. Struktura HTML"

Transkript

1 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ů na Internetu. HTML soubor je obyčejný text obalený značkami, které se nazývají tagy. tagy určují, jak bude text vypadat, tedy jakou bude mít formu. všechny tagy jsou uzavřeny v <ostrých závorkách>. co není v ostrých závorkách, je text, který se bude zobrazovat. Symbolicky: <tag>text Obecná syntaxe HTML HTML má několik málo zásad, které je dobré zmínit. Nezáleží na velikosti písem, <body> je totéž co <BODY> V adresách a jménech souborů záleží na velikosti písmen, nesmějí tam být mezery a čeština. Struktura HTML <html> <head> Tagy, které prohlížeč nezná, jako by nebyly. Na začátku tagu nesmí být mezera, třeba < br> je špatně. Dvě mezery po sobě (nebo víc) mají stejný význam jako jedna mezera. Konec řádku ve zdroji se chápe jako mezera. Jména atributů je dobré dávat vždy do uvozovek, ale není to úplně nutné, pokud uvnitř nejsou mezery. <title>má první stránka</title> </head> <body> Moje první html stránka. A nějaké další texty. </body> </html>

2 Co znamenají jednotlivé tagy: <html> </html> začíná a končí dokument <head> a </head> začíná a končí hlavičku, která se sice nezobrazuje, ale obsahuje některé důležité údaje, například <title> a </title>, vymezující název dokumentu (může se lišit od jména souboru) <body> Co je mezi <body> a </body>, se bude zobrazovat. <body> je tag, kterým začíná vlastní tělo dokumentu, body má atributy barva pozadí (bgcolor), barva písma (text), Výše uvedené tagy by měl obsahovat každý html soubor. Stránku pomocí HTML můžeme psát v jakémkoli textovém editoru, přičemž nejvhodnější je poznámkový blok. Soubor pak musíme uložit s příponou.html, jako typ zvolíme Všechny soubory Editor HTML je vhodný pro začátečníky na vytváření webových stránek, nabízí u každého tagu atributy a barevně zvýrazňuje správnou syntaxi. Možnost stažení editoru ze stránky <h1> až <h6> nadpisy (angl. heading), mají jediný atribut align; je rozlišováno šest stupňů nadpisů <br> nepárový tag, ukončuje řádek <hr> nepárový tag, vodorovná čára atributy délka (width), tloušťka (size), zarovnání (align), barva (color) a bez stínu (noshade) <font> </font> nastavení barvy (color) velikosti (size) a fontu (face) písma

3 Lorem ipsum označení pro standardní pseudolatinský text užívaný v grafickém designu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických návrhů. Klasický text lorem ipsum Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Pangram (z řeckého pan gramma, každé písmeno ) je věta či úsek textu obsahující všechna písmena abecedy. Pangram pro úplnou sadu znaků české abecedy: Nechť již hříšné saxofony ďáblů rozzvučí síň úděsnými tóny waltzu, tanga a quickstepu Zastoupení všech českých písmen s diakritikou <img> Příliš žluťoučký kůň úpěl ďábelské ódy. obrázek (angl. image), nepárový tag; do stránky se vloží obrázek načtený z jiného souboru; artibuty - umístění souboru s obrázkem (src), alternativní popis (alt), šířka (width- délka nebo %), výška (height - délka nebo %). V souboru je umístěna pouze cesta k obrázku. Přemístíme-li html soubor na jiný počítač, na server v internetu apod., cesta se změní a obrázek se nezobrazí. Řešením je umístění do stejné složky s html souborem a do src napsat jen název obrázku. Název by měl být bez diakritiky a jedno slovo. <img src="fotbal.jpg"> <a> </a> odkaz vše, co je mezi těmito značkami slouží jako odkaz (text, obrázek), atributy cíl odkazu (href) <a href="http://www.seznam.cz/">otevři seznam</a> Otevři seznam - odkaz na internetovou stránku <a href="objednavka.doc">objednávka</a> Objednávka odkaz na soubor

4 Seznamy Nečíslovaný seznam: <ul> <li>první položka</li> <li>druhá položka</li> </ul> <ul type="square"> <li>grafiku <li>text li>programování </ul> Ve výpočetce děláme: grafiku text programování Číslovaný seznam: <ol> <li>první položka, čísluje se to automaticky</li> <li>druhá položka</li> </ol> <ol> <li>it <li>plavání <li>matematika </ol> Nejoblíbenější předměty: 1. IT 2. plavání 3. matematika Seznam definic: <dl> <dt>pojem1<dd>vysvětlení pojmu 1 </dl> 1. <dt>pojem2<dd>vysvětlení pojmu 2

5 <dl> <dt>počítač <dd> je stroj na zpracovávání dat </dl> Počítač je stroj na zpracovávání dat Tabulka <table > <tr> <th>hlavička</th> <th>hlavička</th> </tr> <tr> <td>obsah buňky</td> <td>další buňka</td> </tr> <tr> <td>levá spodní</td> <td>pravá spodní</td> </tr> </table> Co znamenají jednotlivé tagy: <table> Párový tag, který začíná tabulku. <tr> Párový tag, který začíná a končí řádek tabulky. (TR znamená table row, čili řádek). <th> Tag hlavičky tabulky, je vytvořená tučným písmem uloženým na střed. <td> Tag buňky tabulky.

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML 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ů

Více

Pondělí 5. září. Základy HTML. Obecná syntaxe HTML. Struktura HTML

Pondělí 5. září. Základy HTML. Obecná syntaxe HTML. Struktura HTML Pondělí 5. září 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

Více

LOGOMANUÁL. Husův rok 2015

LOGOMANUÁL. Husův rok 2015 LOGOMANUÁL Husův rok 2015 LOGOMANUÁL Husův rok 2015 OBSAH 01 LOGOTYP BAREVNÝ POZITIV NA SVĚTLÉM POZADÍ 4 02 LOGOTYP JEDNOBAREVNÝ POZITIV NA SVĚTLÉM POZADÍ 5 03 LOGOTYP BAREVNÝ POZITIV NA ZLATÉM POZADÍ

Více

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

POUŽITÍ ŠABLON TABULKY

POUŽITÍ ŠABLON TABULKY 4. lekce Vložení tabulky V aplikaci Microsoft Word lze tabulku vloţit třemi způsoby: pomocí výběru z předem formátovaných tabulek vyplněných ukázkovými daty nebo výběrem poţadovaného počtu řádků a sloupců.

Více

Grafický manuál značky ELI Beamlines

Grafický manuál značky ELI Beamlines Grafický manuál značky ELI Beamlines Obsah Úvod....4 Základní barevná verze loga....6 Černobílá verze loga...8 Zakázané tvarové a barevné varianty loga.... 10 Konstrukce a ochranná zóna loga... 12 Minimální

Více

EP ENERGY TRADING CORPORATE DESIGN MANUAL V. 01.2

EP ENERGY TRADING CORPORATE DESIGN MANUAL V. 01.2 EP ENERGY TRADING CORPORATE DESIGN MANUAL V. 01.2 18 / 9 / 2012 Používání identifikačních znaků společnosti (přesný zápis identifikačních znaků společnosti, odchylka od zápisu nepřípustná) Zápis obchodního

Více

HTML aneb jak psát webové stránky. HyperText Markup Language (HTML) je doslova přeloženo značkovací jazyk pro hypertext.

HTML aneb jak psát webové stránky. HyperText Markup Language (HTML) je doslova přeloženo značkovací jazyk pro hypertext. HTML aneb jak psát webové stránky 1. Historie HTML a souvislost s Internetem Historie HyperText Markup Language (HTML) je doslova přeloženo značkovací jazyk pro hypertext. V roce 1980, fyzik CERNu Tim

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML 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ů

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

Logo - základní verze

Logo - základní verze Grafický manuál Obsah 2 Úvod Jasně definovaná koncepce prezentace firmy na veřejnosti patří k důležitým článkům v oblasti komunikace. Grafický manuál jednotného firemního stylu, který je částí corporate

Více

Konstrukce a ochranná zóna loga na šířku 3 Konstrukce a ochranná zóna loga na výšku 4 Konstrukce a ochranná zóna značky 5

Konstrukce a ochranná zóna loga na šířku 3 Konstrukce a ochranná zóna loga na výšku 4 Konstrukce a ochranná zóna značky 5 LOGOMANUÁL OBSAH LOGO Konstrukce a ochranná zóna loga na šířku 3 Konstrukce a ochranná zóna loga na výšku 4 Konstrukce a ochranná zóna značky 5 BARVY Barevnost loga 6 Barevné a černobílé varianty loga

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

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

Stránka se dá otevřít dvěma způsoby

Stránka se dá otevřít dvěma způsoby 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á

Více

Manuál jednotného vizuálního stylu

Manuál jednotného vizuálního stylu Manuál jednotného vizuálního stylu Národní sítě Místních akčních skupin České republiky, o.s. www.nsmascr.cz Logotyp Písmo Vizuální styl Merkantilie Propagace Základní podoba logotypu 4 Hlavní písmo 16

Více

Základní uživatelské školení

Základní uživatelské školení Základní uživatelské školení 1 Cíl a obsah kurzu Cílem kurzu je naučit se vytvářet textové dokumenty a provádět základní operace pro jejich úpravy. Obsahem kurzu jsou lekce, během kterých se naučíte vytvořit

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 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í

Více

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. ICT_01., 02. konzultace; 2. ročník 1/6 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,

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

Manuál jednotného vizuálního stylu

Manuál jednotného vizuálního stylu Manuál jednotného vizuálního stylu Značka Logo společnosti Com Pakt Energy se skládá ze symbolu a názvu společnosti. K aplikaci značky slouží dokumenty, které jsou součástí tohoto manuálu. Konstrukce loga

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. Tag HTML Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou 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

Více

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

Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela 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

Více

Příloha B PŘEHLED LOGOLINKŮ JEDNOTLIVÝCH PROJEKTŮ A PRAVIDLA POUŽITÍ LOGOLINKŮ

Příloha B PŘEHLED LOGOLINKŮ JEDNOTLIVÝCH PROJEKTŮ A PRAVIDLA POUŽITÍ LOGOLINKŮ Příloha B PŘEHLED LOGOLINKŮ JEDNOTLIVÝCH PROJEKTŮ A PRAVIDLA POUŽITÍ LOGOLINKŮ a) Vizuální identita ELI Grafický manuál značky ELI Beamlines Obsah Úvod....4 Základní barevná verze loga....6 Černobílá verze

Více

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více

Výukový materiál KA č.4 Spolupráce se ZŠ

Výukový materiál KA č.4 Spolupráce se ZŠ 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

Více

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy 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

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

Tvorba internetových stránek

Tvorba internetových stránek 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?

Více

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!

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

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="/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="/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="/12338375-Pruvodce-stylem-identity-znacky-2015.html">Průvodce stylem identity značky 2015</a> </h3> <p> <img alt="Průvodce stylem identity značky 2015" title="Průvodce stylem identity značky 2015" class="news-block-img pull-right" src="/thumbs/27/12338375.jpg"> Průvodce stylem identity značky 2015 CS fotografie: David Lliff Poslanecký klub ELS v Evropském parlamentu 60 Rue Wiertz 1047 Brusel, Belgie Redaktor Pedro López De Pablo vedoucí tiskové a komunikační </p> <a href="/12338375-Pruvodce-stylem-identity-znacky-2015.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="/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="/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="/2760497-Univer-zit-y-k-arlov-y-v-pr-a-ze.html">UNIVER ZIT Y K ARLOV Y V PR A ZE</a> </h3> <p> <img alt="UNIVER ZIT Y K ARLOV Y V PR A ZE" title="UNIVER ZIT Y K ARLOV Y V PR A ZE" class="news-block-img pull-right" src="/thumbs/24/2760497.jpg"> JEDNOTNÝ VIZUÁLNÍ ST YL FILOZOFICK É FAKULT Y UNIVER ZIT Y K ARLOV Y V PR A ZE J E D N O T N Ý V I Z U Á L N Í S T Y L F I L O Z O F I C K É F A K U L T Y U N I V E R Z I T Y K A R L O V Y V P R A Z E </p> <a href="/2760497-Univer-zit-y-k-arlov-y-v-pr-a-ze.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="/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="/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="/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="/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="/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="/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="/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="/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="/26854083-Logomanual-znacky-slavnosti-ptacich-budek-vypracovala-hana-fialova.html">Logomanuál značky Slavnosti ptačích budek Vypracovala Hana Fialová</a> </h3> <p> <img alt="Logomanuál značky Slavnosti ptačích budek Vypracovala Hana Fialová" title="Logomanuál značky Slavnosti ptačích budek Vypracovala Hana Fialová" class="news-block-img pull-right" src="/thumbs/50/26854083.jpg"> Logomanuál značky Slavnosti ptačích budek Vypracovala Hana Fialová Obsah 1. Logo 1.1 Základní verze loga 5 1.2 Inverzní varianta loga 6 1.3 Užití základního loga vůči pozadí 7 1.4 Užití inverzního loga </p> <a href="/26854083-Logomanual-znacky-slavnosti-ptacich-budek-vypracovala-hana-fialova.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="/18364095-Internet-02-tvorba-statickych-www-stranek-za-pomoci-html-tagu.html">Internet 02 - Tvorba statických www stránek za pomoci HTML tagů</a> </h3> <p> <img alt="Internet 02 - Tvorba statických www stránek za pomoci HTML tagů" title="Internet 02 - Tvorba statických www stránek za pomoci HTML tagů" class="news-block-img pull-right" src="/thumbs/39/18364095.jpg"> Tagy Jak bylo uvedeno na předchozích stránkách, 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ď zarovnej text doprava, nyní zvětši </p> <a href="/18364095-Internet-02-tvorba-statickych-www-stranek-za-pomoci-html-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="/31061849-Dizajn-manual-priloha-c-1-dizajn-manual-loga-op-kzp-investicia-do-vasej-buducnosti.html">DIZAJN MANUÁL. Príloha č. 1 Dizajn manuál loga OP KŽP. Investícia do Vašej budúcnosti</a> </h3> <p> <img alt="DIZAJN MANUÁL. Príloha č. 1 Dizajn manuál loga OP KŽP. Investícia do Vašej budúcnosti" title="DIZAJN MANUÁL. Príloha č. 1 Dizajn manuál loga OP KŽP. Investícia do Vašej budúcnosti" class="news-block-img pull-right" src="/thumbs/53/31061849.jpg"> Projekt je spolufinancovaný z Kohézneho fondu v rámci Operačného programu Životné prostredie Príloha č. 1 Dizajn manuál loga OP KŽP Investícia do Vašej budúcnosti DIZAJN MANUÁL Podstata operačného programu </p> <a href="/31061849-Dizajn-manual-priloha-c-1-dizajn-manual-loga-op-kzp-investicia-do-vasej-buducnosti.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="/1765717-Vyvoj-internetovych-aplikaci.html">Vývoj Internetových Aplikací</a> </h3> <p> <img alt="Vývoj Internetových Aplikací" title="Vývoj Internetových Aplikací" class="news-block-img pull-right" src="/thumbs/23/1765717.jpg"> 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 </p> <a href="/1765717-Vyvoj-internetovych-aplikaci.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="/4670954-Kaskadove-styly-zaklady-grafiky.html">Kaskádové styly základy grafiky</a> </h3> <p> <img alt="Kaskádové styly základy grafiky" title="Kaskádové styly základy grafiky" class="news-block-img pull-right" src="/thumbs/25/4670954.jpg"> 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 </p> <a href="/4670954-Kaskadove-styly-zaklady-grafiky.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="/5652545-Vyukovy-material-vytvoren-v-ramci-projektu-eu-penize-skolam-inovace-vyuky-registracni-cislo-cz-1-07-1-5-00-34-0585.html">Výukový materiál vytvořen v rámci projektu EU peníze školám. "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585</a> </h3> <p> <img alt="Výukový materiál vytvořen v rámci projektu EU peníze školám. Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585" title="Výukový materiál vytvořen v rámci projektu EU peníze školám. Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585" class="news-block-img pull-right" src="/thumbs/25/5652545.jpg"> Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585 Škola: Adresa: Autor: Gymnázium, Jablonec nad Nisou, U Balvanu 16, příspěvková organizace </p> <a href="/5652545-Vyukovy-material-vytvoren-v-ramci-projektu-eu-penize-skolam-inovace-vyuky-registracni-cislo-cz-1-07-1-5-00-34-0585.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="/11221664-Lorem-ipsum-kratke-text-beze-smyslu.html">Lorem ipsum krátké (text beze smyslu)</a> </h3> <p> <img alt="Lorem ipsum krátké (text beze smyslu)" title="Lorem ipsum krátké (text beze smyslu)" class="news-block-img pull-right" src="/thumbs/27/11221664.jpg"> Obsah Lorem ipsum krátké (text beze smyslu)...2 Lorem ipsum (text beze smyslu)...3 Alois Jirásek (naučný text)...4 Študáci a kantoři (úryvek z knihy)...5 Křest svatého Vladimíra (báseň)...6 Stopařů průvodce </p> <a href="/11221664-Lorem-ipsum-kratke-text-beze-smyslu.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="/33493656-Fiktivni-firma-zaci-ziskaji-zakladni-informace-o-priprave-a-tvorbe-webovych-stranek-na-konci-prezentace-je-ukol-se-kterym-zaci-samostatne-pracuji.html">Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují.</a> </h3> <p> <img alt="Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují." title="Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují." class="news-block-img pull-right" src="/thumbs/54/33493656.jpg"> Název a registrační číslo projektu: CZ.1.07/1.5.00/34.0498 Číslo a název oblasti podpory: 1.5 Zlepšení podmínek pro vzdělávání na středních školách Realizace projektu: 02. 07. 2012 01. 07. 2014 Autor: </p> <a href="/33493656-Fiktivni-firma-zaci-ziskaji-zakladni-informace-o-priprave-a-tvorbe-webovych-stranek-na-konci-prezentace-je-ukol-se-kterym-zaci-samostatne-pracuji.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="/4208964-Jak-vizualne-komunikovat.html">Jak vizuálně komunikovat</a> </h3> <p> <img alt="Jak vizuálně komunikovat" title="Jak vizuálně komunikovat" class="news-block-img pull-right" src="/thumbs/24/4208964.jpg"> Jak vizuálně komunikovat 1 CONCEPT Svět který je propojen digitální komunikací se odráží ve tvaru loga. Země se tak stala jedním z klíčívých inspiračních momentů Vše dokonalé je kruhové. Lépe než co jiného </p> <a href="/4208964-Jak-vizualne-komunikovat.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="/595456-Dokument-ve-formatu-webove-stranky-vytvoreny-pomoci-xhtml-a-css.html">Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS</a> </h3> <p> <img alt="Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS" title="Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS" class="news-block-img pull-right" src="/thumbs/20/595456.jpg"> Výstupový indikátor 06.43.19 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 </p> <a href="/595456-Dokument-ve-formatu-webove-stranky-vytvoreny-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="/12878532-Word-textovy-editor-tlacitko-office-zakladni-prikazy-pro-praci-se-souborem-karta-domu-schranka-pismo-vyjmout-vlozit-kopirovat.html">Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat.</a> </h3> <p> <img alt="Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat." title="Word textový editor. Tlačítko Office základní příkazy pro práci se souborem. Karta Domů schránka. písmo. vyjmout. vložit kopírovat." class="news-block-img pull-right" src="/thumbs/28/12878532.jpg"> Word textový editor Tlačítko Office základní příkazy pro práci se souborem Karta Domů schránka vyjmout vložit kopírovat kopírovat formát písmo velikost písma volba písma barva písma tučné podtržené zvýraznění </p> <a href="/12878532-Word-textovy-editor-tlacitko-office-zakladni-prikazy-pro-praci-se-souborem-karta-domu-schranka-pismo-vyjmout-vlozit-kopirovat.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="/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="/35640291-Nswi096-internet-css-kaskadove-styly-mgr-petr-lasak.html">NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák</a> </h3> <p> <img alt="NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák" title="NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák" class="news-block-img pull-right" src="/thumbs/55/35640291.jpg"> NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE </p> <a href="/35640291-Nswi096-internet-css-kaskadove-styly-mgr-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="/8549999-Tnpw1-cviceni-3-6-10-2015-aneta-bartuskova-uhk-cz.html">TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz</a> </h3> <p> <img alt="TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz" title="TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz" class="news-block-img pull-right" src="/thumbs/26/8549999.jpg"> 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky 6.10.2015 aneta.bartuskova@uhk.cz Struktura stránky Sémantická - pomocí HTML Stránka je chápána jako skupina oblastí, každá oblast má svůj účel (menu, </p> <a href="/8549999-Tnpw1-cviceni-3-6-10-2015-aneta-bartuskova-uhk-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="/8898484-Graficky-manual-jednotneho-vizualniho-stylu-projektu-porta-culturae.html">Grafický manuál jednotného vizuálního stylu projektu Porta culturae</a> </h3> <p> <img alt="Grafický manuál jednotného vizuálního stylu projektu Porta culturae" title="Grafický manuál jednotného vizuálního stylu projektu Porta culturae" class="news-block-img pull-right" src="/thumbs/26/8898484.jpg"> Grafický manuál jednotného vizuálního stylu projektu Porta culturae 2011 STUDIO TRINITY 1.1 Návrh loga Porta culturae... 3 1.2 Podrobný popis loga.... 4 1.3 Ochranná zóna... 5 1.4 Barevnost... 6 1.5 Vzorník </p> <a href="/8898484-Graficky-manual-jednotneho-vizualniho-stylu-projektu-porta-culturae.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="/25960330-Html-pcednaska-c-1-wa1-martin-klima.html">HTML pčednáška č. 1. WA1 Martin Klíma</a> </h3> <p> <img alt="HTML pčednáška č. 1. WA1 Martin Klíma" title="HTML pčednáška č. 1. WA1 Martin Klíma" class="news-block-img pull-right" src="/thumbs/50/25960330.jpg"> HTML pčednáška č. 1 WA1 Martin Klíma V čem se quirk a standard mód liší? BOX model v IE známá chyba jen v Quirk módu Nějaký text div { width: 100px; padding: 10px; border: 5px </p> <a href="/25960330-Html-pcednaska-c-1-wa1-martin-klima.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="/3908200-Zaklady-programovaciho-jazyka-html-autor-ing-jan-nozicka-sos-a-sou-ceska-lipa-vy_32_inovace_1133_zaklady-programovaciho-jazyka-html_pwp.html">Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP</a> </h3> <p> <img alt="Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP" title="Základy programovacího jazyka HTML. Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP" class="news-block-img pull-right" src="/thumbs/24/3908200.jpg"> Základy programovacího jazyka HTML Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1133_Základy programovacího jazyka HTML_PWP Název školy: Číslo a název projektu: Číslo a název šablony klíčové </p> <a href="/3908200-Zaklady-programovaciho-jazyka-html-autor-ing-jan-nozicka-sos-a-sou-ceska-lipa-vy_32_inovace_1133_zaklady-programovaciho-jazyka-html_pwp.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="/10952921-Zadani-pro-kategorii-tvorba-webu.html">Zadání pro kategorii Tvorba webu</a> </h3> <p> <img alt="Zadání pro kategorii Tvorba webu" title="Zadání pro kategorii Tvorba webu" class="news-block-img pull-right" src="/thumbs/27/10952921.jpg"> Zadání pro kategorii Tvorba webu Úloha 1 - Školní noviny Vaše škola se rozhodla vydávat školní noviny v elektronické podobě. Jako způsob distribuce novin vybrala formát HTML. Každé číslo novin se skládá </p> <a href="/10952921-Zadani-pro-kategorii-tvorba-webu.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="/2484562-Programovani-webovych-stranek.html">Programování webových stránek</a> </h3> <p> <img alt="Programování webových stránek" title="Programování webových stránek" class="news-block-img pull-right" src="/thumbs/24/2484562.jpg"> Gymnázium J. K. Tyla Programování webových stránek Seminární práce z IVT Autor: Roman Lamberský Třída: 2.B Hradec Králové 2012 Prohlášení: Prohlašuji, že jsem tuto seminární práci vypracoval samostatně </p> <a href="/2484562-Programovani-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="/11860876-Tnpw1-cviceni-2-6-10-2015-aneta-bartuskova-uhk-cz.html">TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz</a> </h3> <p> <img alt="TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz" title="TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz" class="news-block-img pull-right" src="/thumbs/27/11860876.jpg"> 6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování, </p> <a href="/11860876-Tnpw1-cviceni-2-6-10-2015-aneta-bartuskova-uhk-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="/8898103-Manual-k-editoru-tinymce.html">Manuál k editoru TinyMCE</a> </h3> <p> <img alt="Manuál k editoru TinyMCE" title="Manuál k editoru TinyMCE" class="news-block-img pull-right" src="/thumbs/26/8898103.jpg"> Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo, </p> <a href="/8898103-Manual-k-editoru-tinymce.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="/6346628-Navrh-loga-pro-fakultu-informacnich-technologii-ceskeho-vysokeho-uceni-technickeho-v-praze.html">návrh loga pro Fakultu informačních technologií českého vysokého učení technického v Praze</a> </h3> <p> <img alt="návrh loga pro Fakultu informačních technologií českého vysokého učení technického v Praze" title="návrh loga pro Fakultu informačních technologií českého vysokého učení technického v Praze" class="news-block-img pull-right" src="/thumbs/25/6346628.jpg"> návrh loga pro Fakultu informačních technologií českého vysokého učení technického v Praze Slovo na úvod Logo je vnější tvář, krou si lidé představí, když slyší název fakulty. Je to snaha zachytit do jednoduché </p> <a href="/6346628-Navrh-loga-pro-fakultu-informacnich-technologii-ceskeho-vysokeho-uceni-technickeho-v-praze.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="/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="/24778756-Maecenas-fermentum-sem-in-pharetra-pellentesque.html">Maecenas fermentum, sem in pharetra pellentesque</a> </h3> <p> <img alt="Maecenas fermentum, sem in pharetra pellentesque" title="Maecenas fermentum, sem in pharetra pellentesque" class="news-block-img pull-right" src="/thumbs/48/24778756.jpg"> Maecenas fermentum, sem in pharetra pellentesque Jan Skopeček 1, František Dobrovský 2, Karel Nový 3 1 2 3 Vysoké učení technické v Brně, Fakulta strojního inženýrství, Energetický ústav, Technická 2896/2, </p> <a href="/24778756-Maecenas-fermentum-sem-in-pharetra-pellentesque.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="/27996076-Vy_32_inovace_in-6-7-10-tvorba-tabulky.html">VY_32_INOVACE_In 6.,7.10. Tvorba tabulky</a> </h3> <p> <img alt="VY_32_INOVACE_In 6.,7.10. Tvorba tabulky" title="VY_32_INOVACE_In 6.,7.10. Tvorba tabulky" class="news-block-img pull-right" src="/thumbs/51/27996076.jpg"> Tvorba tabulky VY_32_INOVACE_In 6.,7.10 Anotace: Žák se seznámí se základními pravidly tvorby tabulky a používá je při jejich tvorbě. Po seznámení s tvorbou tabulek z prezentace, dále procvičuje prakticky </p> <a href="/27996076-Vy_32_inovace_in-6-7-10-tvorba-tabulky.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="/33098485-Bunka-tabulky-tento-tag-doporucuju-psat-opet-jako-parovy-nyni-jiz-mame-dostatek-informaci-k-tomu-abychom-dokazali-sestrojit-jednoduchou-tabulku.html">Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku.</a> </h3> <p> <img alt="Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku." title="Buňka tabulky; tento tag doporučuju psát opět jako párový. Nyní již máme dostatek informací k tomu, abychom dokázali sestrojit jednoduchou tabulku." class="news-block-img pull-right" src="/thumbs/53/33098485.jpg"> Tabulky Tabulky bývaly ve světě webdesignu mocným hráčem. V dobách, kdy podpora CSS v prohlížečích byla mrzká, se pomocí tabulek řešilo rozmístění jednotlivých prvků na stránce tzv. tabulkový layout, který </p> <a href="/33098485-Bunka-tabulky-tento-tag-doporucuju-psat-opet-jako-parovy-nyni-jiz-mame-dostatek-informaci-k-tomu-abychom-dokazali-sestrojit-jednoduchou-tabulku.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="/32822142-Uvod-do-aplikaci-internetu-a-prehled-moznosti-pri-tvorbe-webu.html">Úvod do aplikací internetu a přehled možností při tvorbě webu</a> </h3> <p> <img alt="Úvod do aplikací internetu a přehled možností při tvorbě webu" title="Úvod do aplikací internetu a přehled možností při tvorbě webu" class="news-block-img pull-right" src="/thumbs/53/32822142.jpg"> CVT6 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games </p> <a href="/32822142-Uvod-do-aplikaci-internetu-a-prehled-moznosti-pri-tvorbe-webu.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="/33493042-Uvod-do-aplikaci-internetu-a-prehled-moznosti-pri-tvorbe-webu.html">Úvod do aplikací internetu a přehled možností při tvorbě webu</a> </h3> <p> <img alt="Úvod do aplikací internetu a přehled možností při tvorbě webu" title="Úvod do aplikací internetu a přehled možností při tvorbě webu" class="news-block-img pull-right" src="/thumbs/54/33493042.jpg"> CVT5 01a Úvod do aplikací internetu a přehled možností při tvorbě webu Internet a www Internet? Služby www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games </p> <a href="/33493042-Uvod-do-aplikaci-internetu-a-prehled-moznosti-pri-tvorbe-webu.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="/1532955-Tvorba-webu-uvod-a-zakladni-principy-martin-urza.html">Tvorba webu. Úvod a základní principy. Martin Urza</a> </h3> <p> <img alt="Tvorba webu. Úvod a základní principy. Martin Urza" title="Tvorba webu. Úvod a základní principy. Martin Urza" class="news-block-img pull-right" src="/thumbs/22/1532955.jpg"> Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto </p> <a href="/1532955-Tvorba-webu-uvod-a-zakladni-principy-martin-urza.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="/18002456-Obsah-strucna-historie-world-wide-webu-7.html">Obsah. Stručná historie World Wide Webu 7</a> </h3> <p> <img alt="Obsah. Stručná historie World Wide Webu 7" title="Obsah. Stručná historie World Wide Webu 7" class="news-block-img pull-right" src="/thumbs/38/18002456.jpg"> KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu </p> <a href="/18002456-Obsah-strucna-historie-world-wide-webu-7.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="/24778338-Vyssi-odborna-skola-a-stredni-skola-varnsdorf-prispevkova-organizace-sablona-5-vy-32-inovace.html">Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 5 VY 32 INOVACE</a> </h3> <p> <img alt="Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 5 VY 32 INOVACE" title="Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 5 VY 32 INOVACE" class="news-block-img pull-right" src="/thumbs/48/24778338.jpg"> Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 5 VY 32 INOVACE 0101 0305 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor </p> <a href="/24778338-Vyssi-odborna-skola-a-stredni-skola-varnsdorf-prispevkova-organizace-sablona-5-vy-32-inovace.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="/12018999-Manual-znacky-logotyp-a-jeho-konstrukce-1-17.html">MANUÁL ZNAČKY LOGOTYP A JEHO KONSTRUKCE 1 / 17</a> </h3> <p> <img alt="MANUÁL ZNAČKY LOGOTYP A JEHO KONSTRUKCE 1 / 17" title="MANUÁL ZNAČKY LOGOTYP A JEHO KONSTRUKCE 1 / 17" class="news-block-img pull-right" src="/thumbs/27/12018999.jpg"> LOGOTYP A JEHO KONSTRUKCE Logotyp je možné používat samostatně nebo s dodatkovým textem (strana 5). Je zákázána jakákoli deformace značky. MANUÁL ZNAČKY 1 / 17 ÚVODNÍ SLOVO Manuál pro užívání jednotného </p> <a href="/12018999-Manual-znacky-logotyp-a-jeho-konstrukce-1-17.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="/12727538-Pujcky-v-havirove-prodej-bazarinzerce-bazos-prodej-inzert-bazareroticka-inzerce-sex-seznamkamimibazar-zdarma-bazar-body-bodickazdarma-inzerce.html">půjčky v havířově. prodej, bazarinzerce, bazoš,prodej, inzert, bazarerotická inzerce, sex seznamkamimibazar, zdarma bazar, body, bodíčkazdarma inzerce</a> </h3> <p> <img alt="půjčky v havířově. prodej, bazarinzerce, bazoš,prodej, inzert, bazarerotická inzerce, sex seznamkamimibazar, zdarma bazar, body, bodíčkazdarma inzerce" title="půjčky v havířově. prodej, bazarinzerce, bazoš,prodej, inzert, bazarerotická inzerce, sex seznamkamimibazar, zdarma bazar, body, bodíčkazdarma inzerce" class="news-block-img pull-right" src="/thumbs/28/12727538.jpg"> půjčky v havířově. prodej, bazarinzerce, bazoš,prodej, inzert, bazarerotická inzerce, sex seznamkamimibazar, zdarma bazar, body, bodíčkazdarma inzerce firem poskytujících půjčkyinzerce bazoš bazar rychlesnadnorádce </p> <a href="/12727538-Pujcky-v-havirove-prodej-bazarinzerce-bazos-prodej-inzert-bazareroticka-inzerce-sex-seznamkamimibazar-zdarma-bazar-body-bodickazdarma-inzerce.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="/4357125-Soubor-index-html-se-nachazi-na-stejne-urovni-jako-adresar-obrazky-mela-bych-pouzit-relativni-adresu-ze-hmm.html">Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm.</a> </h3> <p> <img alt="Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm." title="Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm." class="news-block-img pull-right" src="/thumbs/24/4357125.jpg"> KAPITOLA 2 Úskalí jazyka HTML Soubor index.html se nachází na stejné úrovni jako adresář obrazky. Měla bych použít relativní adresu, že? Hmm. Počkat každou změnu adresáře doprovázel znak /. portfolio/obrazky </p> <a href="/4357125-Soubor-index-html-se-nachazi-na-stejne-urovni-jako-adresar-obrazky-mela-bych-pouzit-relativni-adresu-ze-hmm.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="/10028040-Zakladni-tiskoviny-28-zakladni-logotyp-altus-software-4-odvozeny-logotyp-altus-vario-10-ostatni-materialy-38-odvozeny-logotyp-altus-portal-16-index-44.html">základní tiskoviny 28 základní logotyp Altus Software 4 odvozený logotyp Altus Vario 10 ostatní materiály 38 odvozený logotyp Altus Portal 16 index 44</a> </h3> <p> <img alt="základní tiskoviny 28 základní logotyp Altus Software 4 odvozený logotyp Altus Vario 10 ostatní materiály 38 odvozený logotyp Altus Portal 16 index 44" title="základní tiskoviny 28 základní logotyp Altus Software 4 odvozený logotyp Altus Vario 10 ostatní materiály 38 odvozený logotyp Altus Portal 16 index 44" class="news-block-img pull-right" src="/thumbs/27/10028040.jpg"> designmanual základní logotyp Altus Software 4 základní logotyp Altus Software 6 monochromní, černobílá a inverzní varianta 8 odvozený logotyp Altus Vario 10 odvozený logotyp Altus Vario 12 monochromní, </p> <a href="/10028040-Zakladni-tiskoviny-28-zakladni-logotyp-altus-software-4-odvozeny-logotyp-altus-vario-10-ostatni-materialy-38-odvozeny-logotyp-altus-portal-16-index-44.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="/1367354-Prehled-zakladnich-html-tagu.html">Přehled základních html tagů</a> </h3> <p> <img alt="Přehled základních html tagů" title="Přehled základních html tagů" class="news-block-img pull-right" src="/thumbs/22/1367354.jpg"> 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... </p> <a href="/1367354-Prehled-zakladnich-html-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="/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="/15830136-Manual-jednotneho-vizualniho-stylu.html">MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU</a> </h3> <p> <img alt="MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU" title="MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU" class="news-block-img pull-right" src="/thumbs/33/15830136.jpg"> MANUÁL JEDNOTNÉHO VIZUÁLNÍHO STYLU 1 UVOD Jednotný vizuální styl je velmi důležitou součástí prezentace organizace na veřejnosti. Kvalitní zpracování podporuje její jednotu a stabilitu, zvyšuje povědomí </p> <a href="/15830136-Manual-jednotneho-vizualniho-stylu.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="/3890329-Internet-web-stranky-html-hypertext-markup-language-nadtextovy-jazyk-misto-prikazu-obsahuje-tagy-znacky.html">Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky</a> </h3> <p> <img alt="Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky" title="Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky" class="news-block-img pull-right" src="/thumbs/24/3890329.jpg"> Internet WEB stránky HTML, Hypertext MarkUp Language - nadtextový jazyk - Místo příkazů obsahuje tagy - značky Fungování internetu je celosvětový systém navzájem propojených počítačových sítí ve kterých </p> <a href="/3890329-Internet-web-stranky-html-hypertext-markup-language-nadtextovy-jazyk-misto-prikazu-obsahuje-tagy-znacky.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/e572/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>