================================================================================ =====

Transkript

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 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 Datum vytvoření: 03 / 2012 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 Datum vytvoření: 03 / 2012 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

2 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ů 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 Datum vytvoření: 02 / 2012 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. Stránka 2

3 Název: VY_32_INOVACE_PG4106 Jednotky a hodnoty v CSS Datum vytvoření: 02 / 2012 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ů 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 Stránka 3

4 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 Datum vytvoření: 01 / 2012 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 Datum vytvoření: 01 / 2012 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. Stránka 4

5 Webdesign, počítačová grafika.txt Název: VY_32_INOVACE_PG4111 CSS vlastnosti blokových prvků Datum vytvoření: 06 / 2012 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 Datum vytvoření: 06 / 2012 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í Stránka 5

6 Webdesign, počítačová grafika.txt 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 Datum vytvoření: 05 / 2012 Anotace: Dokument představuje značku tabulky <table> 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 Datum vytvoření: 02 / 2012 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ář. Stránka 6

7 Název: VY_32_INOVACE_PG4116 SEO, standardy, sémantika kódu, přistupnost Datum vytvoření: 02 / 2012 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 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_PG4118 Dynamické webové technologie - výběr, stručný přehled Stránka 7

8 Webdesign, počítačová grafika.txt Anotace: Přináší stručný přehled nejpoužívanějších techologií pro vytváření dynamických webových stránek (PHP, MySQL,.NET, Flash), seznamuje s jejich možnostmi a vhodností jejich použití. Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Datum vytvoření: 06 / 2012 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 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

9 Stránka 9