SLEZSKÁ UNIVERZITA V OPAVĚ
Filozoficko-přírodovědecká fakulta
Ústav informatiky
Vedoucí práce
Mgr. Michaela Ačová
Obsah praktické části bakalářské práce mapuje pokročilé problémy CSS v základním rozsahu a může být zdrojem užitečných postupů a triků pro webdesignery. Kapitoly obsahují techniky formátování ilustrované praktickými příklady a jejich vysvětleními. Pro další studium uvádím na některých stránkách přílohy a odkazy, kde čtenář najde více informací o problému.
Předtím než se začtete do následujících stránek a budete se snažit porozumět uvedeným příkladům, doporučuji přečíst teoretickou část bakalářské práce - ke stažení ve formátu DOC nebo PDF.
V této kapitole jsou čtenáři představeny obecné postupy při stylování dokumentů. Čtenář zde získá základní znalost rafinovanějšího využití CSS, než je definování vzhledu písma a podobných problémů
. Především bude seznámen s postupy, jak pracovat s různými druhy prvků (blokové, řádkové prvky) a vzájemnými vztahy mezi nimi. Více informací se dozvíte v kapitole: Obecné postupy.
V této kapitole čtenář nalezne popis chyb prohlížečů, se kterými se běžně setká při definování formátování pomocí CSS, a způsoby jejich řešení. Kapitola je čtenáři předložena formou odkazů na poměrně dobře zpracované internetové zdroje, neboť se jedná o složitou a obsáhlou problematiku, kterou by bylo obtížné kvalitně popsat na několika stranách. Více informací se dozvíte v kapitole: Chyby prohlížečů.
V této kapitole jsou čtenáři představeny základní možnosti rozvržení obsahu na stránce (layoutu) a jeho částí. Po přečtení (čtenáři možná nových) zásad pro vytváření stránky, budou více zřejmé jejich výhody oproti dřívějším postupům. Platí tedy, že při vytváření designu stránky postupujeme od základního rozvržení obsahu do jednotlivých sekcí a jejich umístění na stránce k jejich detailnímu nadesignování. Čtenář si osvojí základní metody k vytváření dvou či více sloupců a způsob jak definovat jejich pozici vzhledem k ostatním prvkům obtékáním nebo pozicováním. Pak je už jenom krůček k vytvoření celého layoutu vhodnou kombinací těchto metod. Pro usnadnění další práce jsou zde uvedeny běžné řešení layoutů. Více informací se dozvíte v kapitole: Uspořádaní stránky.
V této kapitole jsou čtenáři odhaleny možnosti seznamů. Počínaje jednoduchými technikami jejich formátování až k úplné změně vzhledu, ale i funkce. Seznamy jsou totiž vhodné k vytváření menu i záložek. Tak, jako v předchozí kapitole, jsou i zde uvedeny příklady řešení. Více informací se dozvíte v kapitole: Seznamy.
V této kapitole čtenář zjistí, kdy a jak používat tabulky, a také jak vytvářet a stylovat formuláře. Více informací se dozvíte v kapitole: Formuláře a tabulky.
V této kapitole čtenář nalezne mnoho praktických rad, jak naformátovat text. Text je stále nejdůležitějším nositelem informace a jeho vzhledu se věnuje nejvíce pozornosti. Kromě základních dovedností, jakými jsou nastavení barvy, velikosti, dekorace a stylu písma se čtenář také naučí vytvářet iniciály a manipulovat s odstavcovým textem. Více informací se dozvíte v kapitole: Formátování textu.
V této kapitole se čtenář dozví, jak vytvářet vizuální efekty na stránce. Např. obrázkový text, rollovery bez opětovného načítání, speciální rámečky bloku, poloprůhledné bloky, efektní nadpisy i jiné. Více informací se dozvíte v kapitole: Vizuální efekty.
V této závěrečné kapitole praktické části jsou čtenáři odhaleny triky, které mu pomohu usnadnit práci s kaskádovými styly, popř. v řešení různých problémů. Nejprve si ukážeme, které výchozí hodnoty vlastností je dobré mít nastaveny na stránce. Potom si ukážeme využití kaskády a její přínos. V další části si probereme příkaz DOCTYPE - rozebereme si jeho syntaxi a zmíníme důležitost pro vykreslování v prohlížečích. A nakonec zmíníme pár rad pro ladění stránky. Více informací se dozvíte v kapitole: Užitečné rady.