IE1 jazyk HTML a kaskádové styly

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

Download "IE1 jazyk HTML a kaskádové styly"

Transkript

1 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. Na ukázku jsou připraveny webové stránky fiktivního knihkupectví, které budou sloužit jako návod nebo rámec, ve kterém se budeme pohybovat. Obsah ale není tak důležitý, jde především o principy. Tvorba webu (včetně formátování) je rozdělena do tří navazujících kroků, kdy se web postupně rozvíjí a doplňuje. Pro každý krok je dán rámec, v němž se budeme pohybovat, je zde shrnuto, co by web po dokončení každého kroku měl obsahovat. Zásady Při tvorbě webu je vhodné dodržovat následující zásady: Pište kód přehledně a čitelně, používejte odsazování a volné řádky. Dodržujte zásady jazyka HTML (uzavírání párových značek, vhodné parametry... ). Soubory pojmenujte přehledně a výstižně. Pro zjednodušení práce je vhodné vyhnout se v názvu mezerám a znakům s diakritikou. Zvolte si adresářovou strukturu pro ukládání všech potřebných souborů (HTML stránky, styly, obrázky a další) a dodržujte ji (není příliš vhodné mít soubory rozsypané po Ploše). Hotovou HTML stránku nebo soubor se styly je vhodné nechat zkontrolovat validátorem: pro HTML, pro CSS. Poznámka pro cvičení: Pokud pracujete na lokálním stroji, nahrajte po ukončení práce všechny potřebné soubory na server Akela (do adresáře s názvem public html). 1

2 Krok 1 jednoduchá stránka a styly HTML Tvorbu zahájíme úvodní stránkou. Jde (obvykle) o první stránku, kterou návštěvník webu uvidí. Obsahuje název webu a důležité informace (krátké představení, novinky, odkazy na další témata). V titulní stránce by se měly objevit tyto značky jazyka HTML: Hn, P, OL, UL, LI, popř. HR. Lze zařadit i znakové entity (např. pro nezlomitelnou mezeru a další speciální znaky). Vzor je uveden na obrázku 1. V dalším kroku již budeme využívat obrázky. Nakreslete ve vektorovém editoru vhodné logo a převeďte jej do rastrové podoby (logo může mít průhledné pozadí). Dále nakreslete nebo upravte rastrové obrázky (např. fotografie). CSS V rámci kaskádových stylů nastavíme barvu textu a pozadí, parametry nadpisu a odstavce (zarovnání apod.). Definici zapíšeme do samostatného souboru, který připojíme pomocí značky <link> v hlavičce dokumentu. Krok 2 více stránek s odkazy HTML Tvorba pokračuje vylepšením úvodní stránky, kam přibyl obrázek a především odkazy na další stránky (obr. 2). Ze seznamu lze vytvořit samostatnou stránku a vhodně ji doplnit dalšími prvky (obr. 3). Do některé stránky lze zařadit také tabulku (v příkladu je to stránka s kontakty na obr. 4). Při tvorbě těchto stránek by se měly nově objevit tyto značky: A s parametrem href, značky pro tabulky TABLE, TR, TD, TH, lze vyzkoušet i parametry colspan a rowspan, IMG s parametry src a alt, pokud je to vhodné, lze vložit i výčtový seznam se značkami DL, DT a DD. 2

3 Obrázek 1: Úvodní stránka 1. krok 3

4 Obrázek 2: Úvodní stránka 2. krok 4

5 Obrázek 3: Stránka se seznamem 2. krok 5

6 Obrázek 4: Stránka s tabulkami (kontakty) 2. krok 6

7 CSS V rámci kaskádových stylů doplníme již existující vlastnosti. Bude se jednat především o formátování obrázků (ohraničení, okraje, zarovnání), formátování tabulek a jejich polí (ohraničení, okraje, zarovnání a další), případně formátování odkazů. Krok 3 více stránek s grafickou úpravou HTML V dalším kroku lze vylepšit úvodní stránku a existující stránky. V našem příkladu se jedná o doplnění loga k nadpisu každé stránky (obr. 5, 6, 7). Dále je vytvořena nová stránka, která v našem příkladu informuje o knižních novinkách (obr. 8). Obsahuje obrázky a odstavce formátované s použitím značky BR. Web lze dále rozvíjet a vytvářet další stránky, popř. dále upravovat již hotové stránky. Do některé stránky může být začleněn formulář. Při tvorbě stránek použijete již známé značky, případně značky pro formuláře FORM, INPUT s parametry text, button, submit, reset, radio nebo checkbox, nebo značky SELECT a OPTION či TEXTAREA. Pro formátování kaskádovými styly využijte značky DIV nebo SPAN, popřípadě parametry class nebo id u jakékoli značky. CSS V rámci kaskádových stylů opět doplníme existující vlastnosti. Na pozadí stránky umístěte vhodný obrázek a doplňte formátování existujících prvků (například zarovnání, zvýraznění). 7

8 Obrázek 5: Úvodní stránka 3. krok 8

9 Obrázek 6: Stránka se seznamem 3. krok 9

10 Obrázek 7: Stránka s tabulkami (kontakty) 3. krok 10

11 Obrázek 8: Stránka s obrázky (novinky) 3. krok 11

IE1 jazyk HTML a kaskádové styly

IE1 jazyk HTML a kaskádové styly 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.

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

TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 3 6.10.2015 aneta.bartuskova@uhk.cz 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,

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

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

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy

Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, testy 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í

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 - pokračování. Co už víme?

HTML - pokračování. Co už víme? HTML - pokračování Co už víme? HTML slouží ke strukturovanému zápisu informací HTML dokument je jako skládačka Je to text uvozený značkou Základní části jsou HEAD a BODY Nadpisy pomocí

Více

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné

Více

Š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

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

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

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

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

Více

Tvorba webových stránek

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

MODERNÍ WEB SNADNO A RYCHLE

MODERNÍ WEB SNADNO A RYCHLE 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

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

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

WEBOVÉ STRÁNKY www.krestanskevanoce.cz

WEBOVÉ STRÁNKY www.krestanskevanoce.cz WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých

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

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 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

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 - Úvod. Zpracoval: Petr Lasák

HTML - Úvod. Zpracoval: Petr Lasák 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í

Více

Tvorba webových stránek

Tvorba webových stránek Metodický list číslo 1 webových stránek v netriviální kvalitě a pochopení Požadavky: Znalost základů práce s MS Windows 95 nebo podobným prostředím. 1. téma: Základy HTTP Základy fungování počítačových

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

Obsah. Stručná historie World Wide Webu 7

Obsah. Stručná historie World Wide Webu 7 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

Více

Název: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3

Název: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3 Název: VY_32_INOVACE_PG4102 Základní HTML značky 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í s nejdůležitějšími

Více

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS

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

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

Internetové technologie, cvičení č. 5

Internetové technologie, cvičení č. 5 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

Více

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

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

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 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,

Více

WEBOVÉ STRÁNKY

WEBOVÉ STRÁNKY WEBOVÉ STRÁNKY www.krestanskevanoce.cz Domovská stránka Křesťanských Vánoc je založena na databázi, která vedle běžných funkcí redakčního systému internetové prezentace umožňuje též uložit údaje o jednotlivých

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

Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová

Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová Název projektu: Podpora výuky v technických oborech Registrační číslo projektu: CZ.1.07/1.5.00/34.0458 Název šablony: V/2 Inovace a zkvalitnění výuky směřující k rozvoji odborných kompetencí žáků středních

Více

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např.

Existuje celá řada volně dostupných nástrojů, které jsou pro účel projektu vhodné, např. TNPW1 PRŮVODCE SEMESTRÁLNÍM PROJEKTEM Jaké téma je vhodné zpracovat? Téměř jakékoli téma se hodí ke zpracování, jehož výstupem jsou webové stránky. Je vhodné začít u témat, která jsou nám blízká. Určitě

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="/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="/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="/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="/1367800-Kapitola-1-prvni-kroky-v-tvorbe-miniaplikaci-11.html">Kapitola 1 První kroky v tvorbě miniaplikací 11</a> </h3> <p> <img alt="Kapitola 1 První kroky v tvorbě miniaplikací 11" title="Kapitola 1 První kroky v tvorbě miniaplikací 11" class="news-block-img pull-right" src="/thumbs/22/1367800.jpg"> Obsah Úvodem 9 Komu je kniha určena 9 Kapitola 1 První kroky v tvorbě miniaplikací 11 Co je to Postranní panel systému Windows a jak funguje 12 Co je potřeba vědět před programováním miniaplikací 16 Vaše </p> <a href="/1367800-Kapitola-1-prvni-kroky-v-tvorbe-miniaplikaci-11.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/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="/643530-Kapitola-1-prehled-aktualniho-vyvoje-webu-11.html">KAPITOLA 1 Přehled aktuálního vývoje webů 11</a> </h3> <p> <img alt="KAPITOLA 1 Přehled aktuálního vývoje webů 11" title="KAPITOLA 1 Přehled aktuálního vývoje webů 11" class="news-block-img pull-right" src="/thumbs/20/643530.jpg"> Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design </p> <a href="/643530-Kapitola-1-prehled-aktualniho-vyvoje-webu-11.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/27679532-Skupina-cez-graficky-manual-pro-webove-stranky-skupiny-cez-verze-06-2014.html">SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014</a> </h3> <p> <img alt="SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014" title="SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014" class="news-block-img pull-right" src="/thumbs/51/27679532.jpg"> GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/0 OBSAH ZÁKLADNÍ PRAVIDLA JEDNOTLIVÉ ŠABLONY UNIVERZÁLNÍ MODULY 0 Základní pravidla 0 Práce s grafickým manuálem 05 Barevné schéma 06 Typografie </p> <a href="/27679532-Skupina-cez-graficky-manual-pro-webove-stranky-skupiny-cez-verze-06-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="/5653196-Zaklady-html-autor-palito.html">Základy HTML. Autor: Palito</a> </h3> <p> <img alt="Základy HTML. Autor: Palito" title="Základy HTML. Autor: Palito" class="news-block-img pull-right" src="/thumbs/25/5653196.jpg"> 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 </p> <a href="/5653196-Zaklady-html-autor-palito.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="/18338967-Specifikace-asymbo-xml-feedu.html">Specifikace ASYMBO XML feedu</a> </h3> <p> <img alt="Specifikace ASYMBO XML feedu" title="Specifikace ASYMBO XML feedu" class="news-block-img pull-right" src="/thumbs/39/18338967.jpg"> Specifikace ASYMBO XML feedu Děkujeme, že máte zájem o mobilní e-shop ASYMBO! Aby vše fungovalo, jak má, připravili jsme pro vás detailní specifikaci XML souboru, kterým vzájemně komunikuje Váš e-shop </p> <a href="/18338967-Specifikace-asymbo-xml-feedu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/597264-Html-ict_01-02-konzultace-2-rocnik-1-6.html">HTML. ICT_01., 02. konzultace; 2. ročník 1/6</a> </h3> <p> <img alt="HTML. ICT_01., 02. konzultace; 2. ročník 1/6" title="HTML. ICT_01., 02. konzultace; 2. ročník 1/6" class="news-block-img pull-right" src="/thumbs/20/597264.jpg"> ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru, </p> <a href="/597264-Html-ict_01-02-konzultace-2-rocnik-1-6.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1397985-Snadna-uprava-stranek-nemusim-umet-html-tvorim-obsah-temer-jako-ve-wordu-jak-zmenit-obsah-nastenky-vpravo-nahore-nastaveni-zobrazenych-informaci.html">Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací</a> </h3> <p> <img alt="Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací" title="Snadná úprava stránek, nemusím umět HTML, tvořím obsah téměř jako ve Wordu. Jak změnit obsah nástěnky: vpravo nahoře Nastavení zobrazených informací" class="news-block-img pull-right" src="/thumbs/22/1397985.jpg"> Školení Wordpress Nainstalované pluginy: WPML Multilingual CMS Adminize Capability Manager Contact Form 7 Wordpress Download Monitor Google Analytics for WordPress Simple Google Sitemap XML Seznámení s </p> <a href="/1397985-Snadna-uprava-stranek-nemusim-umet-html-tvorim-obsah-temer-jako-ve-wordu-jak-zmenit-obsah-nastenky-vpravo-nahore-nastaveni-zobrazenych-informaci.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38949205-Nazev-skoly-sos-net-office-orlova-spol-s-r-o-vypracoval-a-mgr-alena-sovova.html">Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová</a> </h3> <p> <img alt="Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová" title="Název školy: SOŠ NET OFFICE Orlová, spol. s r.o. Vypracoval/a: Mgr. Alena Sovová" class="news-block-img pull-right" src="/thumbs/56/38949205.jpg"> Název projektu: Podpora výuky v technických oborech Registrační číslo projektu: CZ.1.07/1.5.00/34.0458 Název šablony: V/2 Inovace a zkvalitnění výuky směřující k rozvoji odborných kompetencí žáků středních </p> <a href="/38949205-Nazev-skoly-sos-net-office-orlova-spol-s-r-o-vypracoval-a-mgr-alena-sovova.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34437341-Manual-k-tvorbe-absolventske-prace.html">Manuál k tvorbě absolventské práce</a> </h3> <p> <img alt="Manuál k tvorbě absolventské práce" title="Manuál k tvorbě absolventské práce" class="news-block-img pull-right" src="/thumbs/54/34437341.jpg"> Manuál k tvorbě absolventské práce VLOŽENÍ ČÍSLA STRÁNKY... 2 OBRÁZKOVÝ NÁVOD PRO VKLÁDÁNÍ ČÍSEL STRÁNEK... 2 ŘÁDKOVÁNÍ 1,5... 3 OBRÁZKOVÝ NÁVOD PRO ŘÁDKOVÁNÍ... 3 ZAROVNÁNÍ TEXTU DO BLOKU... 4 OBRÁZKOVÝ </p> <a href="/34437341-Manual-k-tvorbe-absolventske-prace.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33334362-Zaklady-informatiky-03-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html">Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela</a> </h3> <p> <img alt="Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" title="Základy informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela" class="news-block-img pull-right" src="/thumbs/54/33334362.jpg"> Základy informatiky 03, HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra </p> <a href="/33334362-Zaklady-informatiky-03-html-tvorba-www-stranek-daniela-szturcova-cast-prevzata-z-prednasky-p-dergela.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/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="/491592-1-zaciname-s-frontpage-2003-11.html">1. Začínáme s FrontPage 2003 11</a> </h3> <p> <img alt="1. Začínáme s FrontPage 2003 11" title="1. Začínáme s FrontPage 2003 11" class="news-block-img pull-right" src="/thumbs/20/491592.jpg"> Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty </p> <a href="/491592-1-zaciname-s-frontpage-2003-11.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2562011-03-zaklady-editace-dynamickych-stranek.html">03 - Základy editace dynamických stránek</a> </h3> <p> <img alt="03 - Základy editace dynamických stránek" title="03 - Základy editace dynamických stránek" class="news-block-img pull-right" src="/thumbs/24/2562011.jpg"> Dynamické WWW stránky V předchozí kapitole byly popsány tagy jazyka HTML, kterým se říká statické. Jinými slovy, lze jimi vytvořit plnohodnotnou a kvalitní statickou stránku. To znamená, že stránka sice </p> <a href="/2562011-03-zaklady-editace-dynamickych-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="/595419-22-tvorba-webovych-stranek.html">22. Tvorba webových stránek</a> </h3> <p> <img alt="22. Tvorba webových stránek" title="22. Tvorba webových stránek" class="news-block-img pull-right" src="/thumbs/20/595419.jpg"> 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 </p> <a href="/595419-22-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="/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="/561582-Stranka-se-da-otevrit-dvema-zpusoby.html">Stránka se dá otevřít dvěma způsoby</a> </h3> <p> <img alt="Stránka se dá otevřít dvěma způsoby" title="Stránka se dá otevřít dvěma způsoby" class="news-block-img pull-right" src="/thumbs/20/561582.jpg"> Co je potřeba Mozek, to zaprvé. Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (Poznámkový blok). Potřebujete webový prohlížeč. Hodí se připojení na internet. Kdo nemá </p> <a href="/561582-Stranka-se-da-otevrit-dvema-zpusoby.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1368990-Webove-stranky-www-nockostelu-cz.html">WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ</a> </h3> <p> <img alt="WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ" title="WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ" class="news-block-img pull-right" src="/thumbs/22/1368990.jpg"> WEBOVÉ STRÁNKY WWW.NOCKOSTELU.CZ Zpracováno na základě podkladů poskytnutých organizátory akce Lange Nacht der Kirchen, Rakousko. Domovská stránka Noci kostelů je založena na databázi, která vedle běžných </p> <a href="/1368990-Webove-stranky-www-nockostelu-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="/596406-Google-apps-weby-1-verze-2012.html">Google Apps. weby 1. verze 2012</a> </h3> <p> <img alt="Google Apps. weby 1. verze 2012" title="Google Apps. weby 1. verze 2012" class="news-block-img pull-right" src="/thumbs/20/596406.jpg"> Google Apps weby verze 0 Obsah Obsah... Úvod... Zahájení práce... Nastavení webu... Úprava stránky... Popis prostředí... Rozložení stránky... Nadpis stránky... Úprava textu... Vložení odkazu... 8 Vložení </p> <a href="/596406-Google-apps-weby-1-verze-2012.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="/2717143-25-tvorba-html-dialogu-pro-pevne-tvary.html">25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY</a> </h3> <p> <img alt="25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY" title="25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY" class="news-block-img pull-right" src="/thumbs/24/2717143.jpg"> 25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné </p> <a href="/2717143-25-tvorba-html-dialogu-pro-pevne-tvary.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="/1292332-Nova-struktura-souboru-a-slozek.html">Nová struktura souborů a složek</a> </h3> <p> <img alt="Nová struktura souborů a složek" title="Nová struktura souborů a složek" class="news-block-img pull-right" src="/thumbs/22/1292332.jpg"> Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky </p> <a href="/1292332-Nova-struktura-souboru-a-slozek.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="/3163228-Kartograficka-webova-aplikace-prednaska-z-predmetu-pocitacova-kartografie-kma-pok-otakar-cerba-zapadoceska-univerzita.html">Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita</a> </h3> <p> <img alt="Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita" title="Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita" class="news-block-img pull-right" src="/thumbs/24/3163228.jpg"> Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl </p> <a href="/3163228-Kartograficka-webova-aplikace-prednaska-z-predmetu-pocitacova-kartografie-kma-pok-otakar-cerba-zapadoceska-univerzita.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="/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="/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="/6895123-Ukazka-knihy-z-internetoveho-knihkupectvi-www-kosmas-cz.html">Ukázka knihy z internetového knihkupectví www.kosmas.cz</a> </h3> <p> <img alt="Ukázka knihy z internetového knihkupectví www.kosmas.cz" title="Ukázka knihy z internetového knihkupectví www.kosmas.cz" class="news-block-img pull-right" src="/thumbs/25/6895123.jpg"> Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 1 5 4 6 U k á z k a k n i h </p> <a href="/6895123-Ukazka-knihy-z-internetoveho-knihkupectvi-www-kosmas-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="/7948188-Zs-uno-bratri-capku-1332.html">ZŠ ÚnO, Bratří Čapků 1332</a> </h3> <p> <img alt="ZŠ ÚnO, Bratří Čapků 1332" title="ZŠ ÚnO, Bratří Čapků 1332" class="news-block-img pull-right" src="/thumbs/26/7948188.jpg"> TS Výuka informatiky I (ovládání textových editorů) Terasoft - možnost instalovat jeden až tři kurzy (cvičení fungují pouze s nainstalovaným vlastním editorem) : o Výuka MS Office Word 2003 o Výuka MS </p> <a href="/7948188-Zs-uno-bratri-capku-1332.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="/11110769-Navrh-a-tvorba-www-stranek-1-8-formulare.html">Návrh a tvorba WWW stránek 1/8. Formuláře</a> </h3> <p> <img alt="Návrh a tvorba WWW stránek 1/8. Formuláře" title="Návrh a tvorba WWW stránek 1/8. Formuláře" class="news-block-img pull-right" src="/thumbs/27/11110769.jpg"> Návrh a tvorba WWW stránek 1/8 Formuláře význam předávání hodnot od uživatele skriptům mezi značkami a základní atributy action definuje obslužný skript, nelze v XHTML method metoda, kterou </p> <a href="/11110769-Navrh-a-tvorba-www-stranek-1-8-formulare.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="/4599453-Cela-prace-musi-byt-tisknutelna-to-znamena-vsechny-obrazky-formulare-tabulky-atd-ktere-nelze-do-prace-vlozit-budou-naskenovane.html">Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované.</a> </h3> <p> <img alt="Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované." title="Celá práce musí být tisknutelná to znamená: všechny obrázky, formuláře, tabulky atd. (které nelze do práce vložit) budou naskenované." class="news-block-img pull-right" src="/thumbs/25/4599453.jpg"> Pokyny pro vypracování maturitní práce pro školní rok 2014/2015 Při vypracování práce se řiďte následujícími pokyny. Charakteristika jednotlivých částí práce 1. Titulní strana (nečísluje se stránka ani </p> <a href="/4599453-Cela-prace-musi-byt-tisknutelna-to-znamena-vsechny-obrazky-formulare-tabulky-atd-ktere-nelze-do-prace-vlozit-budou-naskenovane.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="/2836878-Pokyny-pro-vypracovani-maturitniho-projektu.html">Pokyny pro vypracování maturitního projektu</a> </h3> <p> <img alt="Pokyny pro vypracování maturitního projektu" title="Pokyny pro vypracování maturitního projektu" class="news-block-img pull-right" src="/thumbs/24/2836878.jpg"> Pokyny pro vypracování maturitního projektu Prostudujte si prosím pečlivě následující pokyny k vypracování maturitního projektu. Maturitní projekt musí obsahovat: 1. Titulní strana (nečísluje se) Obsahuje: </p> <a href="/2836878-Pokyny-pro-vypracovani-maturitniho-projektu.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="/23537132-Formulare-v-html-evropsky-socialni-fond-praha-a-eu-investujeme-do-vasi-budoucnosti.html">Formuláře v HTML. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti</a> </h3> <p> <img alt="Formuláře v HTML. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti" title="Formuláře v HTML. Evropský sociální fond Praha a EU Investujeme do vaší budoucnosti" class="news-block-img pull-right" src="/thumbs/46/23537132.jpg"> Formuláře v HTML Praha a EU Investujeme do vaší budoucnosti Obsah 1 Úvod... 2 2 Značky a atributy... 2 2.1 atributy značky form... 2 2.2 Prvky ve formuláři... 3 2.2.1 Textové vstupy... 3 2.2.2 Zaškrtávací </p> <a href="/23537132-Formulare-v-html-evropsky-socialni-fond-praha-a-eu-investujeme-do-vasi-budoucnosti.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="/1398341-Nastrojova-lista-v-editacnim-poli.html">Nástrojová lišta v editačním poli</a> </h3> <p> <img alt="Nástrojová lišta v editačním poli" title="Nástrojová lišta v editačním poli" class="news-block-img pull-right" src="/thumbs/22/1398341.jpg"> Nástrojová lišta v editačním poli Název projektu PŘEJÍT NA konkrétní sekci webu ZOBRAZIT zobrazí a) pracovní verzi webu (tj. nepublikovanou) b) publikovanou verzi webu a) Odstranit odstraní zobrazenou </p> <a href="/1398341-Nastrojova-lista-v-editacnim-poli.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="/5543622-Formalni-usporadani-diplomove-prace.html">Formální uspořádání diplomové práce</a> </h3> <p> <img alt="Formální uspořádání diplomové práce" title="Formální uspořádání diplomové práce" class="news-block-img pull-right" src="/thumbs/25/5543622.jpg"> Příloha č. 4 směrnice rektorky SR 04/2015 (v. 1.0) V tomto dokumentu jsou pro vysvětlení použity komentáře. Pokud se Vám nezobrazí, zvolte v MS Wordu 2007 na kartě Revize v sekci Sledování zvolte styl </p> <a href="/5543622-Formalni-usporadani-diplomove-prace.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="/3989289-Navod-na-obsluhu-internetove-prezentace-ataxo-czech-s-r-o.html">NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o.</a> </h3> <p> <img alt="NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o." title="NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE. Ataxo Czech s.r.o." class="news-block-img pull-right" src="/thumbs/24/3989289.jpg"> NÁVOD NA OBSLUHU INTERNETOVÉ PREZENTACE Ataxo Czech s.r.o. ÚVOD Internetové stránky vytvořené společností Ataxo v rámci produktu Mini web můžete jednoduše a rychle upravovat prostřednictvím on-line administrace. </p> <a href="/3989289-Navod-na-obsluhu-internetove-prezentace-ataxo-czech-s-r-o.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8692053-Microsoft-office-word-2003.html">Microsoft Office Word 2003</a> </h3> <p> <img alt="Microsoft Office Word 2003" title="Microsoft Office Word 2003" class="news-block-img pull-right" src="/thumbs/26/8692053.jpg"> Microsoft Office Word 2003 č. 6 název anotace očekávaný výstup druh učebního materiálu druh interaktivity Microsoft Office Word 2003 - Cesta k základním úpravám Prezentace je zaměřena na úpravy textu v </p> <a href="/8692053-Microsoft-office-word-2003.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/44182406-Nazev-dum-vy_32_inovace_2b_14_-programovaci_jazyk_html.html">Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML</a> </h3> <p> <img alt="Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML" title="Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML" class="news-block-img pull-right" src="/thumbs/60/44182406.jpg"> Název školy: Základní škola a Mateřská škola Žalany Číslo projektu: CZ. 1.07/1.4.00/21.3210 Téma sady: Informatika pro sedmý až osmý ročník Název DUM: VY_32_INOVACE_2B_14_ Programovací_jazyk_HTML Vyučovací </p> <a href="/44182406-Nazev-dum-vy_32_inovace_2b_14_-programovaci_jazyk_html.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/7104900-Gymnazium-vysoke-myto-nam-vanorneho-163-566-01-vysoke-myto.html">Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto</a> </h3> <p> <img alt="Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto" title="Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto" class="news-block-img pull-right" src="/thumbs/26/7104900.jpg"> Gymnázium Vysoké Mýto nám. Vaňorného 163, 566 01 Vysoké Mýto Registrační číslo projektu Šablona Autor Název materiálu / Druh CZ.1.07/1.5.00/34.0951 III/ INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT </p> <a href="/7104900-Gymnazium-vysoke-myto-nam-vanorneho-163-566-01-vysoke-myto.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="/880421-Zaklady-porizovani-textu.html">ZÁKLADY POŘIZOVÁNÍ TEXTU</a> </h3> <p> <img alt="ZÁKLADY POŘIZOVÁNÍ TEXTU" title="ZÁKLADY POŘIZOVÁNÍ TEXTU" class="news-block-img pull-right" src="/thumbs/18/880421.jpg"> Úvod do problematiky ZÁKLADY POŘIZOVÁNÍ TEXTU Na začátku psaní je vhodné nastavit vzhled stránky. Důležitá je především orientace stránky. Můžeme si vybrat mezi uspořádáním textu na výšku stránky (většinou </p> <a href="/880421-Zaklady-porizovani-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="/1468603-Webova-stranka-matej-klenka.html">Webová stránka. Matěj Klenka</a> </h3> <p> <img alt="Webová stránka. Matěj Klenka" title="Webová stránka. Matěj Klenka" class="news-block-img pull-right" src="/thumbs/22/1468603.jpg"> Webová stránka Matěj Klenka Osobní webová stránka Toto je dokumentace k mé webové stránce This is a documentation to my web page Já, Matěj Klenka, prohlašuji, že má webová stránka byla vytvořena mnou a </p> <a href="/1468603-Webova-stranka-matej-klenka.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="/166459-Naucte-se-vic-microsoft-office-powerpoint-2007-priklady.html">Naučte se víc... Microsoft Office PowerPoint 2007 PŘÍKLADY</a> </h3> <p> <img alt="Naučte se víc... Microsoft Office PowerPoint 2007 PŘÍKLADY" title="Naučte se víc... Microsoft Office PowerPoint 2007 PŘÍKLADY" class="news-block-img pull-right" src="/thumbs/17/166459.jpg"> Naučte se víc... Microsoft Office PowerPoint 2007 PŘÍKLADY Autor: Lukáš Polák Příklady MS PowerPoint 2007 Tato publikace vznikla za přispění společnosti Microsoft ČR v rámci iniciativy Microsoft Partneři </p> <a href="/166459-Naucte-se-vic-microsoft-office-powerpoint-2007-priklady.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="/1001838-Dokumentace-k-projektu.html">Dokumentace k projektu</a> </h3> <p> <img alt="Dokumentace k projektu" title="Dokumentace k projektu" class="news-block-img pull-right" src="/thumbs/20/1001838.jpg"> Mendelova univerzita v Brně Provozně ekonomická fakulta Dokumentace k projektu Kvetoucí kaktusy Chalupová Lenka LS 2012 Webový Design Obsah 1. Úvod a cíl práce... 3 2. Informační architektura... 3 2.1. </p> <a href="/1001838-Dokumentace-k-projektu.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="/42468411-Obsah-predmluva-kapitola-1-uvod-1-web-v-kostce-1-kdo-je-webmaster-4-doporucena-literatura-4-kapitola-2-prehled-jazyka-html-5.html">Obsah. Předmluva Kapitola 1 Úvod 1. Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4. Kapitola 2 Přehled jazyka HTML 5</a> </h3> <p> <img alt="Obsah. Předmluva Kapitola 1 Úvod 1. Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4. Kapitola 2 Přehled jazyka HTML 5" title="Obsah. Předmluva Kapitola 1 Úvod 1. Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4. Kapitola 2 Přehled jazyka HTML 5" class="news-block-img pull-right" src="/thumbs/58/42468411.jpg"> Předmluva xi Kapitola 1 Úvod 1 Web v kostce 1 Kdo je webmaster? 4 Doporučená literatura 4 Část I: HTML Kapitola 2 Přehled jazyka HTML 5 Struktura dokumentů HTML 10 Syntaxe jazyka HTML 10 Obsluha událostí </p> <a href="/42468411-Obsah-predmluva-kapitola-1-uvod-1-web-v-kostce-1-kdo-je-webmaster-4-doporucena-literatura-4-kapitola-2-prehled-jazyka-html-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="/44075-Navod-k-pouziti-vzoru-techniky-resp-kazuistiky.html">NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY</a> </h3> <p> <img alt="NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY" title="NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY" class="news-block-img pull-right" src="/thumbs/14/44075.jpg"> NÁVOD K POUŽITÍ VZORU TECHNIKY, RESP. KAZUISTIKY Tento návod popisuje použití šablon pro tvorbu technik, resp. kazuistik do Příručky dobré praxe. Je psán pro Microsoft Word 2003 i Microsoft Word 2007. </p> <a href="/44075-Navod-k-pouziti-vzoru-techniky-resp-kazuistiky.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="/1367427-Funkce-grafiky-na-webu-primarni-graficka-informace-fotografie-schemata-diagramy-loga-bannery.html">Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery</a> </h3> <p> <img alt="Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery" title="Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery" class="news-block-img pull-right" src="/thumbs/22/1367427.jpg"> Grafika pro web Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače Funkce </p> <a href="/1367427-Funkce-grafiky-na-webu-primarni-graficka-informace-fotografie-schemata-diagramy-loga-bannery.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="/490536-Navrh-stranek-4iz228-tvorba-webovych-stranek-a-aplikaci.html">Návrh stránek 4IZ228 tvorba webových stránek a aplikací</a> </h3> <p> <img alt="Návrh stránek 4IZ228 tvorba webových stránek a aplikací" title="Návrh stránek 4IZ228 tvorba webových stránek a aplikací" class="news-block-img pull-right" src="/thumbs/20/490536.jpg"> 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web... </p> <a href="/490536-Navrh-stranek-4iz228-tvorba-webovych-stranek-a-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="/45406023-Tvorba-www-stranek-mgr-petr-jakubec-katedra-fyzikalni-chemie-univerzita-palackeho-v-olomouci-tr-17-listopadu.html">Tvorba WWW stránek. Mgr. Petr Jakubec. Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu</a> </h3> <p> <img alt="Tvorba WWW stránek. Mgr. Petr Jakubec. Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu" title="Tvorba WWW stránek. Mgr. Petr Jakubec. Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu" class="news-block-img pull-right" src="/thumbs/61/45406023.jpg"> Tvorba WWW stránek (čtvrtá hodina) Mgr. Petr Jakubec Katedra fyzikální chemie Univerzita Palackého v Olomouci Tř. 17. listopadu 12 Čtvrtá hodina 1 / 12 1 Tvorba statických WWW stránek za využití prostředků </p> <a href="/45406023-Tvorba-www-stranek-mgr-petr-jakubec-katedra-fyzikalni-chemie-univerzita-palackeho-v-olomouci-tr-17-listopadu.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31735653-Tnpw1-cviceni.html">TNPW1 Cvičení</a> </h3> <p> <img alt="TNPW1 Cvičení" title="TNPW1 Cvičení" class="news-block-img pull-right" src="/thumbs/53/31735653.jpg"> 13.10.2015 aneta.bartuskova@uhk.cz Úvod do CSS 13.10.2015 aneta.bartuskova@uhk.cz Výchozí styly prohlížeče Pokud nepřiřadíme elementům žádný styl v CSS, formátují se výchozími hodnotami prohlížeče (v CSS </p> <a href="/31735653-Tnpw1-cviceni.html" class="news-block-btn"> Více <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1016756-Obsah-uvod-9-barevna-kompozice-16-svetlo-18-chromaticka-teplota-svetla-19-vyvazeni-bile-barvy-20.html">Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20</a> </h3> <p> <img alt="Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20" title="Obsah. Úvod... 9. Barevná kompozice... 16 Světlo... 18 Chromatická teplota světla... 19 Vyvážení bílé barvy... 20" class="news-block-img pull-right" src="/thumbs/20/1016756.jpg"> Obsah Úvod.............................................................................................. 9 Historie grafického designu a tisku..................................... 10 Od zadání k návrhu.............................................................. </p> <a href="/1016756-Obsah-uvod-9-barevna-kompozice-16-svetlo-18-chromaticka-teplota-svetla-19-vyvazeni-bile-barvy-20.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="/4241444-Obsah-uvodem-9-zpetna-vazba-od-ctenaru-10-zdrojove-kody-ke-knize-10-errata-10.html">Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10</a> </h3> <p> <img alt="Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10" title="Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10" class="news-block-img pull-right" src="/thumbs/24/4241444.jpg"> Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 KAPITOLA 1 Co budeme potřebovat 11 Co knihovna jquery nabízí 11 Editor zdrojového kódu 12 Webový server 12 Software pro ladění </p> <a href="/4241444-Obsah-uvodem-9-zpetna-vazba-od-ctenaru-10-zdrojove-kody-ke-knize-10-errata-10.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="/11111046-Formulare-aby-nam-mohli-uzivatele-neco-hezneho-napsat-treba-co-si-o-nas-mysli.html">Formuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!</a> </h3> <p> <img alt="Formuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!" title="Formuláře. Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí!" class="news-block-img pull-right" src="/thumbs/27/11111046.jpg"> Formuláře Aby nám mohli uživatelé něco hezného napsat...... třeba co si o nás myslí! HTML formuláře: Formuláře Možnost, jak uživatel může vložit obsah na web - odeslat data na server - zpracovat data ve </p> <a href="/11111046-Formulare-aby-nam-mohli-uzivatele-neco-hezneho-napsat-treba-co-si-o-nas-mysli.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/f303b/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>