1 Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML...
Webdesign, počítačová grafika.txt Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Autor: Mgr. Tomáš Javorský Datum vytvoření: 01 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí objekty, skripty - které mohou být do stránky začleněny. Využitím tohoto materiálu se studenti seznámí se základy syntaxe HTML a CSS a také s jednotlivými prvky HTML stránky.
Název: VY_32_INOVACE_PG4102 Základní HTML značky Autor: Mgr. Tomáš Javorský Datum vytvoření: 03 / 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 HTML značkami a jejich funkcí a zápisem, s pojmem atribut. Studenti se využitím tohoto materiálu naučí, jak správně zapisovat základní HTML značky, s jejich povinnými atributy a s jejich zápisem. Naučí se také sémantiku těchto značek.
Název: VY_32_INOVACE_PG4103 Možnosti připojení stylů HTML Autor: Mgr. Tomáš Javorský Datum vytvoření: 03 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Dokument podrobněji objasňuje, jakým způsobem lze připojit tabulku CSS k HTML stránce. Je určen pro teoretický výklad před vlastní praktickou činností a studenti jej mohou využít jako referenční příručku. Studenti se jeho využitím naučí připojit CSS styly ke stránce pomocí externího souboru, zápisem přímo k Stránka 1
Webdesign, počítačová grafika.txt HTML značce a nebo tabulky stylů ve stránce. Budou také schopni posoudit výhody a nevýhody jednotlivých způsobů připojení.
Název: VY_32_INOVACE_PG4104 CSS - použití tříd a identifikátorů Autor: Mgr. Tomáš Javorský Datum vytvoření: 04 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s CSS pojmem třída a identifikátor. Studenti se vytužitím dokumentu naučí zapisovat třídy a identifikátory do HTML kódu a CSS tabulky stylů.
Název: VY_32_INOVACE_PG4105 Systém relativních URL Autor: Mgr. Tomáš Javorský Datum vytvoření: 02 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Přehledné grafické znázornění, referenční příručka pro orientaci v systému, jakým jsou vytvářeny relativní URL adresy. Studenti se využitím dokumentu naučí vytvářet správně formulované URL adresy pro weby s jednodušší adresářovou strukturou. Dokument je určen jak pro teoretický výklad před vlastní praktickou činností, tak zároveň jako pomocník pro studenty při praktické práci na vytváření webu.
Název: VY_32_INOVACE_PG4106 Jednotky a hodnoty v CSS Autor: Mgr. Tomáš Javorský Datum vytvoření: 02 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje s jednotkami a hodnotami používanými v CSS - jednotky velikosti, klíčová slova, absoultní, relativní jednotky atd. Studenti se využitím dokumentu naučí správně používat jednotky a míry v prostředí CSS so hledem na vhodnost jejich použití.
Název: VY_32_INOVACE_PG4107 Další užitečné HTML značky, zápis speciálních znaků Autor: Mgr. Tomáš Javorský Datum vytvoření: 04 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Představuje další HTML značky, jejich funkci, význam a případné povinné atributy. Objasňuje problematiku kódování speciálních znaků, jakými jsou <, >, &, uvozovky, apostrofy atd. Studenti se využitím tohoto materiáu rozšíří repertoár značek a naučí se zapisovat speciální znaky tak, aby nezpůsobovaly problémy v HTML kódu.
Název: VY_32_INOVACE_PG4108 Značky META a DOCTYPE Autor: Mgr. Tomáš Javorský Datum vytvoření: 04 / 2012 Ročník: 3 Stránka 3
Webdesign, počítačová grafika.txt Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Zabývá se problematikou úvodu HTML dokumentu - definicí jeho typu (značka DOCTYPE) a META značkami - popisem stránky, klíčovými slovy. Studenti se využitím tohoto naučí správně formulovat typ dokumentu a sestavit úvod stránky pro vyhledávače. Dokument obsahuje i konkrétní příklad úvodu stránky, který mohou studenti využít a pouhým přepsáním obsahu značek vytvořit svůj vlastní.
Název: VY_32_INOVACE_PG4109 Řádkové a blokové HTML prvky Autor: Mgr. Tomáš Javorský Datum vytvoření: 01 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznamuje s rozdíly mezi řádkovým a blokovým prvkem, s tím, které prvky jsou blokové a které řádkové a také s tím, jak převést řádkový prvek na blokový a naopak. Dokument je určen k teoretické prezentaci před vlastní praktickou činností.
Název: VY_32_INOVACE_PG4110 CSS vlastnosti textu a písma Autor: Mgr. Tomáš Javorský Datum vytvoření: 01 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM ve formě HTML stránky. Seznam CSS vlastností písma a textu s příklady a ukázkami. Slouží jako pohotová referenční příručka při praktické tvorbě webu, aby studenti nemuseli zdlouhavě vyhledávát vlastnosti na webu nebo v literatuře.
Název: VY_32_INOVACE_PG4111 CSS vlastnosti blokových prvků Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM ve formě HTML stránky. Seznam CSS vlastností blokových prvků s příklady a ukázkami. Slouží jako pohotová referenční příručka při praktické tvorbě webu, aby studenti nemuseli zdlouhavě vyhledávát vlastnosti na webu nebo v literatuře.
Název: VY_32_INOVACE_PG4112 Plovoucí HTML prvky Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznamuje s problematikou tzv. plovoucích / obtékaných prvků a jejich využitím. Probírá CSS vlastnosti float a clear. Stutenti se využitím dokumentu seznámí se základy využití plovoucích prvků, s jejich možnostmi v oblasti vícesloupcové sazby a také některými problémy a možnostmi jejich řešení.
Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití Autor: Mgr. Tomáš Javorský Datum vytvoření: 04 / 2012 Stránka 5
Webdesign, počítačová grafika.txt Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s CSS vlastností position:relative; Vysvětlení zápisu a výpočtu polohy relativně pozicovaných prvků. Studenti se využitím tohoto dokumentu seznamámí se relativním pozicováním a jeho klady a zápory.
Název: VY_32_INOVACE_PG4114 Tabulky v HTML 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: Dokument představuje značku tabulky
a značky s ní spojené. Uvádí výhody, nevýhody a možnosti využití tabulek. Studenti se vytužitím tohoto materiálu naučí vytvořit HTML tabulku a využít ji pro uspořádání dat.
Název: VY_32_INOVACE_PG4115 Formuláře Autor: Mgr. Tomáš Javorský Datum vytvoření: 02 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s formuláři v HTML, jejich jednotlivými prvky a využitím těchto prvků. Studenti se využitím tohoto materiálu naučí vytvořit jednoduchý formulář.
Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Autor: Mgr. Tomáš Javorský Datum vytvoření: 02 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Dokument uvádí do problematiky optimalizace pro vyhledávače (SEO), popisuje vliv dordržování standardů a správné sémantiky kódu na umístění ve vyhledávačích. Popisuje některé techniky pro zlepšení přístupnosti webu pro handicapované.
Název: VY_32_INOVACE_PG4117 Pseudo-třídy Autor: Mgr. Tomáš Javorský Datum vytvoření: 04 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznamuje s CSS pseudo-třídami, jejich syntaxí a jejich využitím pro vytváření graficky dynamických odkazů - rollover efekt. Studenti se využitím tohoto dokumentu naučí vytvářet odkazy, které se mění po najetí myší.
Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje s nejčastějšími problémy, na které může webdesiner narazit, upozorňuje na některé rozdíly mezi prohlížeči a ukazuje, jak je řešit. Studenti se využitím tohoto materiálu naučí, jak dosáhnout shodného zobrazení stránek v různých prohlížečích nebo jak vytvořit dvousloupcové rozložení stránky s proměnnou výškou.
Název: VY_32_INOVACE_PG4120 Literatura, online zdroje informací, Testy Autor: Mgr. Tomáš Javorský Datum vytvoření: 04 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Uvádí doporučenou studijní literaturu a online zdroje informací, obsahuje 4 teoretické písemné testy - určené pro první pololetí. Stránka 8
