Tvorba webových stránek

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

Download "Tvorba webových stránek"

Transkript

1 Tvorba webových stránek 1

2 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ý značkami = tagy. Programy pro tvorbu: 1) textové editory 2) HTML editory Soubor s koncovkou *.htm nebo *.html 2/17

3 Tagy = značky Tagy určují, jak bude text vypadat (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. Typy: párové / nepárové Symbolicky zapsáno: <tag> text </tag> a zase text <tag> a zase text... Příklad: <b>tučný text</b> = Tučný text 3/17

4 Ukázka kódu Kód: <b>tučný text</b>, <i>text kurzívou</i>, <u>podtržený</u> Výsledek: Tučný text, text kurzívou, podtržený 4/17

5 Obecná syntaxe HTML 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 česká diakritika. 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. Speciální znaky typu se do zdroje zadávají jako posloupnost znaků &něco; například, pevná mezera je Poznámka se do zdroje vkládá mezi značky <!-- a --> <!-- Toto je poznámka, která se nezobrazí. --> 5/17

6 Šablona dokumentu <html> //začátek dokumentu <head> //začátek hlavičky, nezobrazuje se, ale obsahuje důležité informace <title> //vymezuje název dokumentu... </title> </head> //konec hlavičky <body> //tělo dokumentu bude se zobrazovat!!... </body> </html> //konec dokumentu 6/17

7 Text <b> tučné písmo </b> <i> kurzíva </i> <u> podtržení textu </u> horní <sup> index </sup> tučné písmo kurzíva podtržení textu horní index dolní <sub> index </sub> dolní index <strike> přeškrtnutý text </strike> přeškrtnutý text <br> zalomení textu (enter) mezera 7/17

8 Text - <font> <font> udává typ, barvu a velikost </font> Atributy: face="" typ písma (Arial, Courier New, Verdana, Garamond, Times New Roman, ) color="" barva písma (red, green, blue, silver, lime, yellow, black, ) size="" velikost písma (číslo od 1 do 7) <font face="times New Roman" size="5" color="blue"> velké modré písmo Times</font> velké modré písmo Times 8/17

9 Odstavce - Bloky <p> odstavec </p> odstavec Atribut align: align="left" zarovnání vlevo align="right" zarovnání vpravo align="center" zarovnání na střed align="justify" zarovnání do bloku Např. <p align="center">zarovnání na střed</p> zarovnání na střed 9/17

10 Odstavce - Nadpisy <h1>velikost h1</h1> <h2>velikost h2</h2> <h3>velikost h3</h3> <h4>velikost h4</h4> <h5>velikost h5</h5> <h6>velikost h6</h6> <h7>velikost h7</h7> velikost h1 velikost h2 velikost h3 velikost h4 velikost h5 velikost h6 velikost h7 10/17

11 Obrázky <img src="zdroj/obrazku.jpg" width="200px" height="200px" alt="alt. popis" title="popisek"> Atributy: src=" " zdrojová cesta k souboru, udává se absolutně nebo relativně width=" " šířka obrázku v px height=" " výška obrázku v px alt=" " alternativní popis, pokud se obrázek nezobrazí title=" " popisek, který se zobrazí po najetí myši na obrázek align=" " umístění obrázku vůči textu (left - vlevo, right - vpravo) 11/17

12 Odkazy <a href="http://www.seznam.cz">seznam.cz</a> Atributy: href=" " cíl odkazu target="_blank" otevře se v novém okně, cílový rám 12/17

13 Seznamy - odrážky <ul> <li> odrážka </li> <li> odrážka </li> </ul> odrážka odrážka Atributy: type="disc" puntík type= "circle" kolečko type= "square" čtvereček 13/17

14 Seznamy - číslovaný seznam <ol> <li> položka </li> <li> položka </li> </ol> 1. položka 2. položka Atributy: type="a" - Velká písmena type="a" - malá písmena type="i" - Římské velké type="i" - Římské malé 14/17

15 Tabulky <table> //začátek tabulky Výsledek: <tr> //začátek řádku A B <td>a</td> //buňka C D <td>b</td> //buňka </tr> <tr> //konec řádku <td>c</td> <td>d</td> </tr> </table> //konec tabulky 15/17

16 Tabulky Atributy <table>: border="1" šířka orámování (číslo v px) bordercolor="black" barva orámování Atributy <tr> / <td>: bgcolor="blue" výplň řádku / buňky align="center" vodorovné zarovnání (left, center, right) valign="top" svislé zarovnání (top, middle, bottom) Atributy <td>: rowspan="3" svislé sloučení tří buněk colspan="2" vodorovné sloučení dvou buněk 16/17

17 Zdrojové informace /17

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

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

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

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

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

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 webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014

Tvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014 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

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

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

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

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

Internet 02 - Tvorba statických www stránek za pomoci HTML tagů

Internet 02 - Tvorba statických www stránek za pomoci HTML tagů 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

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

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

12. Základy HTML a formuláře v HTML

12. Základy HTML a formuláře v HTML 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

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

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

(X)HTML-TAGY. VOŠ a SŠT Česká Třebová

(X)HTML-TAGY. VOŠ a SŠT Česká Třebová (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

Více

1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1

1 Úvod. 2 Tvorba internetových prezentací. 2.1 Nástroje pro tvorbu prezentace. Stránka 1 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ý

Více

Jdeme tvořit webové stránky!

Jdeme tvořit webové stránky! 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ý

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

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

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="/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="/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="/595703-Tvorba-fotogalerie-v-html-str-1.html">Tvorba fotogalerie v HTML str.1</a> </h3> <p> <img alt="Tvorba fotogalerie v HTML str.1" title="Tvorba fotogalerie v HTML str.1" class="news-block-img pull-right" src="/thumbs/20/595703.jpg"> 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é </p> <a href="/595703-Tvorba-fotogalerie-v-html-str-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="/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="/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="/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="/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="/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="/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="/6792603-K-2-zaklady-zpracovani-textu.html">K 2 - Základy zpracování textu</a> </h3> <p> <img alt="K 2 - Základy zpracování textu" title="K 2 - Základy zpracování textu" class="news-block-img pull-right" src="/thumbs/25/6792603.jpg"> Radek Maca Makovského 436 Nové Město na Moravě 592 31 tel. 0776 / 274 152 e-mail: rama@inforama.cz http://www.inforama.cz K 2 - Základy zpracování textu Mgr. Radek Maca Word I 1 slide ZÁKLADNÍ POJMY PRVKY </p> <a href="/6792603-K-2-zaklady-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="/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="/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="/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="/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="/561054-Jazyk-html-sos-otrokovice-tr-t-bati-1266-otrokovice-765-02-pomocny-text-pro-vyuku-vypocetni-techniky-paeddr-pavel-kovar.html">Jazyk HTML SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02. Pomocný text pro výuku výpočetní techniky. PaedDr. Pavel Kovář</a> </h3> <p> <img alt="Jazyk HTML SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02. Pomocný text pro výuku výpočetní techniky. PaedDr. Pavel Kovář" title="Jazyk HTML SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02. Pomocný text pro výuku výpočetní techniky. PaedDr. Pavel Kovář" class="news-block-img pull-right" src="/thumbs/20/561054.jpg"> SOŠ OTROKOVICE, TŘ. T. BATI 1266, OTROKOVICE 765 02 Jazyk HTML Pomocný text pro výuku výpočetní techniky PaedDr. Pavel Kovář 2009 S O Š O T R O K O V I C E A. Základní struktura HTML dokumentu Zkratkou </p> <a href="/561054-Jazyk-html-sos-otrokovice-tr-t-bati-1266-otrokovice-765-02-pomocny-text-pro-vyuku-vypocetni-techniky-paeddr-pavel-kovar.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="/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="/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="/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="/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="/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="/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="/24778320-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/48/24778320.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="/24778320-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="/10791892-Nazev-vy_32_inovace_pg4113-relativni-pozicovani-a-jeho-vyuziti.html">Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití</a> </h3> <p> <img alt="Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití" title="Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití" class="news-block-img pull-right" src="/thumbs/27/10791892.jpg"> Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití 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: Seznámení </p> <a href="/10791892-Nazev-vy_32_inovace_pg4113-relativni-pozicovani-a-jeho-vyuziti.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="/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="/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="/10794972-Tvorba-webu-zakladni-html-tagy-martin-urza.html">Tvorba webu. Základní HTML tagy. Martin Urza</a> </h3> <p> <img alt="Tvorba webu. Základní HTML tagy. Martin Urza" title="Tvorba webu. Základní HTML tagy. Martin Urza" class="news-block-img pull-right" src="/thumbs/27/10794972.jpg"> Tvorba webu Základní HTML tagy Martin Urza Cvičení V průběhu přednášky budou postupně probírány jednotlivé základní elementy jazyka HTML a jejich atributy. Nemá smysl tyto věci probírat jen teoreticky </p> <a href="/10794972-Tvorba-webu-zakladni-html-tagy-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="/5652829-Inovace-bakalarskeho-studijniho-oboru-aplikovana-chemie-http-aplchem-upol-cz.html">Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz</a> </h3> <p> <img alt="Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz" title="Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz" class="news-block-img pull-right" src="/thumbs/25/5652829.jpg"> Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz CZ.1.07/2.2.00/15.0247 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Internet </p> <a href="/5652829-Inovace-bakalarskeho-studijniho-oboru-aplikovana-chemie-http-aplchem-upol-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="/595492-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/20/595492.jpg"> 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 </p> <a href="/595492-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="/2590976-9-editory-www-stranek-ii-tvorba-pomoci-tagu-a-dalsi-technologie.html">9. Editory www stránek II tvorba pomocí tagů a další technologie.</a> </h3> <p> <img alt="9. Editory www stránek II tvorba pomocí tagů a další technologie." title="9. Editory www stránek II tvorba pomocí tagů a další technologie." class="news-block-img pull-right" src="/thumbs/24/2590976.jpg"> 9. Editory www stránek II tvorba pomocí tagů a další technologie. V první části kapitoly je přehled HTML tagů a jejich příklady. V závěrečné části následuje další shrnutí (X)HTML a CSS s ohledem na validitu </p> <a href="/2590976-9-editory-www-stranek-ii-tvorba-pomoci-tagu-a-dalsi-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="/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="/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="/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="/561847-Prirucka-sprava-obsahu-webove-prezentace-formatovani-textu.html">PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu</a> </h3> <p> <img alt="PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu" title="PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu" class="news-block-img pull-right" src="/thumbs/20/561847.jpg"> PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní </p> <a href="/561847-Prirucka-sprava-obsahu-webove-prezentace-formatovani-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="/490550-Tvorby-jednoduchych-web-stranek.html">TVORBY JEDNODUCHÝCH WEB STRÁNEK</a> </h3> <p> <img alt="TVORBY JEDNODUCHÝCH WEB STRÁNEK" title="TVORBY JEDNODUCHÝCH WEB STRÁNEK" class="news-block-img pull-right" src="/thumbs/20/490550.jpg"> ZÁKLADY HTML TVORBY JEDNODUCHÝCH WEB STRÁNEK Základní struktura kurzu: Orientace v prostředí HTML a editoru kancelářského balíku OpenOffice.org verze 2.0 a vyšší Tvroba struktury HTML dokumentu Základní </p> <a href="/490550-Tvorby-jednoduchych-web-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="/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="/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="/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="/18897052-Obrazky-tag-vyznam-parovy-vyskyt-img-obrazek-ne-img-video-ne-map-klikaci-mapa-area-oblast-v-klikaci-mape-ne.html">Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne</a> </h3> <p> <img alt="Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne" title="Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne" class="news-block-img pull-right" src="/thumbs/39/18897052.jpg"> Obrázky Tag Význam Párový Výskyt img obrázek ne img video ne map klikací mapa ano area oblast v klikací mapě ne Img Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného </p> <a href="/18897052-Obrazky-tag-vyznam-parovy-vyskyt-img-obrazek-ne-img-video-ne-map-klikaci-mapa-area-oblast-v-klikaci-mape-ne.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="/1292839-Strucny-navod-k-html-editoru-v-cms-portia-4.html">Stručný návod k HTML editoru v CMS Portia 4</a> </h3> <p> <img alt="Stručný návod k HTML editoru v CMS Portia 4" title="Stručný návod k HTML editoru v CMS Portia 4" class="news-block-img pull-right" src="/thumbs/22/1292839.jpg"> Stručný návod k HTML editoru v CMS Portia 4 2 03/2015 Představení HTML editor je jednoduchý textový editor pro webové stránky. Nabízí většinu hlavních funkcí jako mají velké editory typu Word pro použití </p> <a href="/1292839-Strucny-navod-k-html-editoru-v-cms-portia-4.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="/33511951-Stredni-prumyslova-skola-a-vyssi-odborna-skola-technicka-brno-sokolska-1.html">Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1</a> </h3> <p> <img alt="Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1" title="Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1" class="news-block-img pull-right" src="/thumbs/54/33511951.jpg"> Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Inovace a zkvalitnění výuky prostřednictvím ICT Design a vzhledové vlastnosti webových stránek Vlastnosti </p> <a href="/33511951-Stredni-prumyslova-skola-a-vyssi-odborna-skola-technicka-brno-sokolska-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="/739515-Zaklady-html-2-prednaska.html">Základy HTML (2. přednáška)</a> </h3> <p> <img alt="Základy HTML (2. přednáška)" title="Základy HTML (2. přednáška)" class="news-block-img pull-right" src="/thumbs/18/739515.jpg"> Základy HTML (2. přednáška) WWW World Wide Web Sestává ze tří stavebních bloků Síť informačních zdrojů Universal Resource Identifier jednotný způsob jak adresovat zdroje, (URL) protokoly pro přístup ke </p> <a href="/739515-Zaklady-html-2-prednaska.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="/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="/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="/2637244-Eu-opvk-vy_32_inovace_fil16-vojtech-filip-2014.html">EU-OPVK:VY_32_INOVACE_FIL16 Vojtěch Filip, 2014</a> </h3> <p> <img alt="EU-OPVK:VY_32_INOVACE_FIL16 Vojtěch Filip, 2014" title="EU-OPVK:VY_32_INOVACE_FIL16 Vojtěch Filip, 2014" class="news-block-img pull-right" src="/thumbs/24/2637244.jpg"> Číslo projektu CZ.1.07/1.5.00/34.0036 Tématický celek Inovace výuky ICT na BPA Název projektu Inovace a individualizace výuky Název materiálu Microsoft Word jednoduchý dokument Číslo materiálu VY_32_INOVACE_FIL16 </p> <a href="/2637244-Eu-opvk-vy_32_inovace_fil16-vojtech-filip-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="/596137-Stredni-prumyslova-skola-ostrov-tvorba-webovych-stranek-petr-pistulka-i2-2012-2013-cc-by-nc-sa3-0-klinovecka-1197-363-01-ostrov.html">Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov</a> </h3> <p> <img alt="Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov" title="Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov" class="news-block-img pull-right" src="/thumbs/20/596137.jpg"> Střední průmyslová škola Ostrov Klínovecká 1197 363 01 Ostrov Tvorba webových stránek Petr Pistulka I2 2012-2013 CC - BY NC SA3.0 Prohlášení Prohlašuji, že jsem svou práci vypracoval samostatně, použil </p> <a href="/596137-Stredni-prumyslova-skola-ostrov-tvorba-webovych-stranek-petr-pistulka-i2-2012-2013-cc-by-nc-sa3-0-klinovecka-1197-363-01-ostrov.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="/1398093-Administrace-webu-postup-pri-praci.html">Administrace webu Postup při práci</a> </h3> <p> <img alt="Administrace webu Postup při práci" title="Administrace webu Postup při práci" class="news-block-img pull-right" src="/thumbs/22/1398093.jpg"> Administrace webu Postup při práci Obsah Úvod... 2 Hlavní menu... 3 a. Newslettery... 3 b. Administrátoři... 3 c. Editor stránek... 4 d. Kategorie... 4 e. Novinky... 5 f. Produkty... 5 g. Odhlásit se... </p> <a href="/1398093-Administrace-webu-postup-pri-praci.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="/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="/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="/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="/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="/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="/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="/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="/1049796-Uprava-stranek-obsah-1-popis-ikon-editoru-pouzitych-v-sablone-2-psani-a-formatovani-textu-pro-web-3-odkazy-4-tabulky-5-obrazky-6.html">Úprava stránek. Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6.</a> </h3> <p> <img alt="Úprava stránek. Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6." title="Úprava stránek. Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6." class="news-block-img pull-right" src="/thumbs/20/1049796.jpg"> Úprava stránek Obsah 1. Popis ikon editoru použitých v šabloně 2. Psaní a formátování textu pro web 3. Odkazy 4. Tabulky 5. Obrázky 6. Média 1. Popis ikon editoru použitých v šabloně krátký popis detaily </p> <a href="/1049796-Uprava-stranek-obsah-1-popis-ikon-editoru-pouzitych-v-sablone-2-psani-a-formatovani-textu-pro-web-3-odkazy-4-tabulky-5-obrazky-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="/7168692-V-laboratorich-cern-ve-svycarsku-byl-zahajen-projekt-www-t-barners-lee-prichazi-s-projektem-distribuovaneho-hypertextoveho-systemu.html">v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému)</a> </h3> <p> <img alt="v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému)" title="v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému)" class="news-block-img pull-right" src="/thumbs/26/7168692.jpg"> Historie HTML 1989 v laboratořích CERN ve Švýcarsku byl zahájen projekt WWW (T. Barners-Lee přichází s projektem distribuovaného hypertextového systému) 1991 zveřejnění neformální specifikace jazyka HTML </p> <a href="/7168692-V-laboratorich-cern-ve-svycarsku-byl-zahajen-projekt-www-t-barners-lee-prichazi-s-projektem-distribuovaneho-hypertextoveho-systemu.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="/7998678-Www-helpmark-cz-tomas-herout.html">www.helpmark.cz Tomáš Herout</a> </h3> <p> <img alt="www.helpmark.cz Tomáš Herout" title="www.helpmark.cz Tomáš Herout" class="news-block-img pull-right" src="/thumbs/26/7998678.jpg"> 4. 1. 2015 1 Obsah prezentace» Jak naplánovat strukturu» Co je to HTML a CSS» Co používat za nástroje» Struktura a logika HTML» DOCTYPE» Hlavička (X)HTML» Tělo (X)HTML» Skupiny (X)HTML tagů» Vztah mezi </p> <a href="/7998678-Www-helpmark-cz-tomas-herout.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="/2143263-Manual-pro-interni-potrebu-zakladni-skoly-uhlirske-janovice.html">Manuál pro interní potřebu Základní školy Uhlířské Janovice</a> </h3> <p> <img alt="Manuál pro interní potřebu Základní školy Uhlířské Janovice" title="Manuál pro interní potřebu Základní školy Uhlířské Janovice" class="news-block-img pull-right" src="/thumbs/24/2143263.jpg"> ZÁKLADNÍ ŠKOLA UHLÍŘSKÉ JANOVICE Manuál pro interní potřebu Základní školy Uhlířské Janovice Hana Blažková Uhlířské Janovice 2007 Úvod Začátkem roku 2007 zprovoznila naše škola nové webové stránky. Základem </p> <a href="/2143263-Manual-pro-interni-potrebu-zakladni-skoly-uhlirske-janovice.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="/1398557-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/22/1398557.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="/1398557-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="/597179-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/20/597179.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="/597179-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="/1517264-Elektronicke-publikovani-prezentace-23-dubna-2009-vsb-tuo-beamer-graficke-zpracovani-prezentace-rostislav-suta-sut017.html">Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.</a> </h3> <p> <img alt="Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017." title="Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017." class="news-block-img pull-right" src="/thumbs/22/1517264.jpg"> Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou </p> <a href="/1517264-Elektronicke-publikovani-prezentace-23-dubna-2009-vsb-tuo-beamer-graficke-zpracovani-prezentace-rostislav-suta-sut017.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="/27243834-Word-2007-graficky-manual.html">WORD 2007 grafický manuál</a> </h3> <p> <img alt="WORD 2007 grafický manuál" title="WORD 2007 grafický manuál" class="news-block-img pull-right" src="/thumbs/50/27243834.jpg"> TLAČÍTKO OFFICE dříve známo jako nabídka Soubor umožňuje práci se souborem (otevřít nový nebo existující, uložit, vytisknou, odeslat, zavřít program, ) Mimo jiné zobrazuje názvy posledních otevřených dokumentů </p> <a href="/27243834-Word-2007-graficky-manual.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="/26556216-Blokovy-model-v-css.html">Blokový model v CSS:</a> </h3> <p> <img alt="Blokový model v CSS:" title="Blokový model v CSS:" class="news-block-img pull-right" src="/thumbs/50/26556216.jpg"> Blokový model v CSS: Blokový model v CSS: Vlastnosti textu Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis word-spacing normal, délka normal o kolik se zvětší mezera mezi slovy letter-spacing </p> <a href="/26556216-Blokovy-model-v-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="/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="/1964195-Formatovani-diplomove-prace-office-2007-2010.html">Formátování diplomové práce (Office 2007,2010)</a> </h3> <p> <img alt="Formátování diplomové práce (Office 2007,2010)" title="Formátování diplomové práce (Office 2007,2010)" class="news-block-img pull-right" src="/thumbs/23/1964195.jpg"> Formátování diplomové práce (Office 2007,2010) Formátování textu Formát textu je jeden z faktorů, který ovlivní celkový dojem a funkčnost dokumentu. Mnoho začátečníků se zpočátku nechává unést možnostmi </p> <a href="/1964195-Formatovani-diplomove-prace-office-2007-2010.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="/491171-Manual-redakcni-system.html">Manuál Redakční systém</a> </h3> <p> <img alt="Manuál Redakční systém" title="Manuál Redakční systém" class="news-block-img pull-right" src="/thumbs/20/491171.jpg"> Manuál Redakční systém SA.07 Obsah Úvod... ) Struktura webu... ) Aktuality... 0 ) Kalendář akcí... ) Soubory ke stažení... 6 5) Fotogalerie... 8 Redakční systém umožňuje kompletní správu vašich internetových </p> <a href="/491171-Manual-redakcni-system.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="/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="/1599674-Intersteno-2013ghent-mistrovstvisvta-v-profesionalnim-word-processingu.html">INTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu</a> </h3> <p> <img alt="INTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu" title="INTERSTENO 2013Ghent Mistrovstvísvta v profesionálním word processingu" class="news-block-img pull-right" src="/thumbs/22/1599674.jpg"> POUŽITÝ OPERAČNÍ SYSTÉM POUŽITÝ SOFTWARE PRO WORD PROCESSING SOUTĚŽNÍ ID A 1 Instrukce pro účastníky Otevřete dokument TRANSPORT.DOC, ihned uložte jako TRANSPORTXXX.DOCneboDOCX,kde XXX je Vašesoutěžní </p> <a href="/1599674-Intersteno-2013ghent-mistrovstvisvta-v-profesionalnim-word-processingu.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="/33512275-Informatika-word-2007.html">INFORMATIKA WORD 2007</a> </h3> <p> <img alt="INFORMATIKA WORD 2007" title="INFORMATIKA WORD 2007" class="news-block-img pull-right" src="/thumbs/54/33512275.jpg"> INFORMATIKA WORD 2007 Název školy Číslo projektu Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Vzdělávací okruh Druh učebního materiálu Cílová skupina Střední </p> <a href="/33512275-Informatika-word-2007.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>