Kdo by měl číst tuto knihu? // Co najdete v této knize? // Webové stránky této knihy // Aktualizace a opravy chyb // Diskusní fóra SitePoint // Zpravodaje SitePoint // Vaše reakce // 1. Struktura a kompozice // 1.1 Proces návrhu // 1.1.1 Odkrývání // 1.1.2 Implementace // 1.2 Definice kvalitního návrhu // 1.3 Anatomie webové stránky // 1.4 Teorie mřížky // 1.4.1 Pravidlo třetin // 1.5 Rovnováha // 1.5.1 Symetrická rovnováha // 1.5.2 Nesymetrická rovnováha // 1.6 Jednota // 1.6.1 Blízkost // 1.6.2 Opakování // 1.7 Zdůraznění // 1.7.1 Umístění // 1.7.2 Setrvávání // 1.7.3 Izolace // 1.7.4 Kontrast // 1.7.5 Vzájemný poměr // 1.8 Běžně používané rozvržení obsahu stránek // 1.8.1 Navigace v levém sloupci // 1.8.2 Navigace v pravém sloupci // 1.8.3 Třísloupcová navigace // 1.9 Nechte se inspirovat // 1.9.1 Vytvořte si vlastní archiv // 1.10 Nejnovější trendy , // 1.10.1 Navigace v roztažitelné patičce // 1.10.2 Tři sloupce, obsah nejdříve // 1.11 Změna šířky: Pevná šířka vs. proměnlivá šířka // 1.11.1 Alternativa: Proměnlivé rozvržení s pevnou šířkou, // 1.12 Rozlišení obrazovky , // 1.13 Aplikace: Florida Country Tile // 1.13.1 Začínáme // 2. Barva // 2.1 Psychologie barev // 2.1.1 Barevné asociace // 2.2 Teplota barev // 2.3 Hodnota barvy // 2.3.1 Sytost // 2.4 Teorie barev 101 // 2.5 Červená, žlutá a modrá nebo CMYK? // 2.6 Schéma věcí // 2.6.1 Monochromatické barevné schéma //
Příklady monochromatických barevných schémat // 2.6.2 Analogické barevné schéma // Příklady analogických barevných schémat // 2.6.3 Doplňkové barevné schéma // Příklady doplňkových barevných schémat // Běžná úskalí doplňkových barev // 2.6.4 Měkce kontrastní schéma, triáda a tetráda // 2.6.5 Jiné varianty // 2.7 Vytvoření palety // 2.7.1 Hexadecimální zápis // 2.8 Aplikace: Barva pro Country Tile // 3. Textura // 3.1 Body // 3.2 Cara // 3.3 Tvar // 3.4 Objem a hloubka // 3.5 Vzorek // 3.6 Tvorba textur // 3.6.1 Letitý, zvětralý, opotřebovaný a nostalgický styl // 3.6.2 Styl kreslených grotesek // 3.6.3 Výrazný lesk, velké písmo, styl Web 2.0 // 3.6.4 Začínáme s vlastními texturami // 3.7 Aplikace: Spárování a zakládání // 4. Typografie // 4.1 Jdeme s písmem na web // 4.1.1 Zobrazení textu v obrázcích // 4.1.2 Záměna písma pomocí sIFR // 4.1.3 Nestydatě samozřejmé řešení: Používejte bezpečné fonty // 4.2 Anatomie písem // 4.3 Mezery mezi znaky // 4.3.1 Vodorovné rozestupy // 4.3.2 Svislý rozestup // 4.4 Zarovnání textu // 4.5 Rozdíly mezi písmy // 4.5.1 Patková písma // 4.5.2 Bezpatková písma // 4.5.3 Ručně psané řezy // 4.5.4 Písma s pevnou šířkou // 4.5.5 Ornamentální písma // 4.5.6 Obrázková písma // 4.6 Hledání písem // 4.6.1 Galerie freewarových a sharewarových písem // 4.6.2 Prodávaná písma // 4.6.3 Jednotliví umělci a písmolijny // 4.7 Výběr správného písma //
4.7.1 Nastavení velikosti písma // 4.7.2 Interpunkce a speciální znaky // 4.8 Aplikace: Typografie pro pokladače dlaždic // 4.8.1 Vytvoření domovské stránky // 5. Ilustrace obsahu // 5.1 Mít něco pro podívanou // 5.2 Legitimní zdroje obrázků // 5.2.1 Koupit nebo nafotit? // 5.2.2 Fotobanky // Bezplatné obrázky // Obrázky nabízené za paušální poplatek // Obrázky s řízenými právy // 5.2.3 Dáváme zakázku profesionálovi // 5.3 Čemu je lépe se vyhnout // 5.3.1 Sběr na Googlu // 5.3.2 Hotlinking // 5.3.3 Kliparty // 5.4 Tvůrčí ořezávání obrázků // 5.5 Úpravy v aplikaci Photoshop // 5.6 Formáty souborů a rozlišení // 5.7 Rámečky a okraje obrázků // 5.7.1 Přímá aplikace efektů na obrázek // 5.7.2 Aplikace efektů pomocí CSS // Rámečky CSS // Vržené stíny na rámečcích CSS // Efekty používající více obrázků // 5.8 Aplikace: Závěrečné zušlechtění webu Florida Country Tile // 5.9 Kde hledat inspiraci (aneb: Nebuďte součástí davu)