.

0 (hodnocen0 x )

EB

EB

ONLINE

[Česko] : Grada, 2006

1 online zdroj (200 stran)

ISBN 978-80-247-6291-3 (online ; pdf)

ISBN 80-247-1382-9 (print)

Chcete-li se pustit do vytvoření vlastního webu či ohromovat své okolí vlastními profesionálními a dynamickými webovými stránkami, a nejste si přitom zcela jisti postupy, pak jednoduše nemůžete ponechat stranou tohoto průvodce, který vás provede krok za krokem kompletní tvorbou webových stránek. Vedle úvodních informací o možnostech hostingu, kam a jak umístit své stránky, základů jazyka XHTML a kaskádových stylů CSS, se naučíte správně sestavit své stránky či naplno využívat vlastností a možností CSS..

001486255

Úvod 13 // O čem kniha pojednává 13 // Pro koho je kniha určena 14 // Kontakt na autora 14 // Co budeme potřebovat 14 // 1. Spojení FTP 15 // 1.1 Kde vytvořit spojení FTP 15 // 1.1.1 Webhostingové služby 16 // 1.2 Jak se připojit na účet FTP 16 // 2. Struktura složek naší stránky 21 // 2.1 Stromová struktura 21 // 2.2 Jak vytvořit jednotlivé soubory stránky 22 // 3. Vlastní dokument XHTML (začínáme tvořit WWW stránku) 25 // 3.1 Co znamená zkratka XHTML 25 // 3.2 Obsah hlavního dokumentu index.html 26 // 3.2.1 Značky XHTML 26 // 3.2.2 Značka <meta> 27 // Složení značky <meta> 27 // 3.2.3 Značka <link> 28 // 3.3 Kódování dokumentu XHTML 28 // 3.3.1 Znakové sady vhodné pro češtinu i slovenštinu 28 // 3.3.2 Kódování ve značkách <meta> 29 // 3.4 Struktura souboru index.html (základ pro naši stránku) 29 // 3.4.1 Co obsahuje soubor index.html 30 // 3.4.2 Plněni obsahu 31 // 4. Oblékání stránek do kaskádových stylů CSS 37 // 4.1 Stručná historie stylů a jejich nesprávné začlenění do HTML 38 // 4.2 Třídy a identifikátory 39 // 4.3 „Neškodné" značky XHTML <div> a <span> 40 // 4.4 První stránka je na světě na internetu - teorie 41 // 4.5 První stránka je na světě na internetu - praxe 47 // 4.5.1 Obrázek jako odkaz 47 // 4.5.2 Menu (navigace) 50 // 4.5.3 Obsah 52 // 4.5.4 Patička 53 // 4.6 Dědičnost a priorita vlastností v CSS 54 // 4.6.1 Dědičnost 54 // 4.6.2 Priorita 55 // 4.7 Odkaz s obrázkem na pozadí 55 // 4.8 Záložka - přístupnost obsahu 57 // 5. Přepínání obsahu stránky pomocí PHP 59 // 5.1 Stručný úvod do PHP 59 // 5.2 Proměnné v PHP 60 // 5.3 Podmínky v PHP 61 // 5.4 Výpis hodnot v PHP 62 // 5.5 Metoda vkládání v PHP 62 // 5.6 Metody odevzdávání: POST a GET v PHP 63 // 5.7 Vlastní skript pro přepínání obsahu stránky 64 //

6. Dokončení obsahu webové stránky 67 // 7. Entity jazyka (X)HTML - jak psát speciální znaky 71 // 7.1 Složení entity (X)HTML 72 // 8. Adresy na internetu (a nejen tam) 75 // 8.1 Absolutní adresy 75 // 8.2 Relativní adresy 76 // 9. Co to je validita. A je potřebná? 77 // 9.1 Co je to validita webových stránek 77 // 9.2 Je validita potřebná? 78 // 9.2.1 Klady validity 78 // 9.2.2 Zápory validity 78 // 10. Optimalizace vyhledávání (vyzvednutí stránky ve vyhledávačích) 79 // 10.1 První pravidlo: titulek stránky 79 // 10.2 Druhé pravidlo: nadpisy v textu 82 // 10.3 Třetí pravidlo: pojmenování odkazů a obrázků 82 // 10.4 Čtvrté pravidlo: zvýrazňování textu 83 // 10.5 Páté pravidlo: hustota klíčových slov 84 // 10.6 Šesté pravidlo: adresa stran webu 84 // 10.7 Sedmé pravidlo: zpětné odkazy 84 // 10.7.1 Registrace stránky do vyhledávače Google 85 // 10.7.2 Registrace stránky do katalogu Zoznam.sk (slovenský katalog) 86 // 10.7.3 Registrace stránky do katalogu Seznam.cz (český katalog) 88 // 10.8 Osmé pravidlo: pravidelně aktualizovaný obsah 89 // 10.8.1 Pár slov k redakčním systémům 90 // 10.9 Deváté pravidlo: minimum nadbytečného kódu 90 // 11. Tvorba přístupné webové stránky (stránky pro každého) 91 // 11.1 Obsah webových stránek je dostupný a čitelný 91 // 11.1.1 Pravidlo první: každý netextový prvek, nesoucí významovou informaci, má svou textovou alternativu 92 // 11.1.2 Pravidlo druhé: informace, poskytované pomocí skriptů, objektů, appletů, kaskádových stylů, obrázků a jiných doplňků na straně uživatele, jsou dostupné i bez kteréhokoliv z těchto doplňků 92 // 11.1.3 Pravidlo třetí: informace, poskytované barvou, jsou dostupné i bez barevného rozlišení 93 //

11.1.4 Pravidlo čtvrté: barvy popředí a pozadí jsou dostatečně kontrastní. Na pozadí není vzorek, který snižuje čitelnost 93 // 11.1.5 Pravidlo páté: předpisy, určující velikost písma, nepoužívají absolutní jednotky 93 // 11.1.6 Pravidlo šesté: předpisy, určující typ písma, obsahují všeobecnou rodinu písem 94 // 11.2 Práci s webovou stránkou řídí uživatel 94 // 11.2.1 Pravidlo sedmé: obsah WWW stránky se mění jen tehdy, když uživatel aktivuje nějaký prvek 94 // 11.2.2 Pravidlo osmé: webová stránka nemanipuluje prostředím uživatele (bez jeho přímého příkazu) 94 // 11.2.3 Pravidlo deváté: nová okna se otevírají jen v odůvodněných případech a uživatel je na to upozorněn dopředu 95 // 11.2.4 Pravidlo desáté: na webové stránce nic nebliká častěji než jednou za sekundu 95 // 11.2.5 Pravidlo jedenácté: webová stránka nebrání uživateli posouvat obsahem rámu 95 // 11.2.6 Pravidlo dvanácté: obsah (a kód) webové stránky nesmí předpokládat (vyžadovat) konkrétni způsob použití, ani konkrétní výstupní nebo ovládací zařízení 95 // 11.3 Informace jsou srozumitelné a přehledné 96 // 11.3.1 Pravidlo tňnácté: webové stránky poskytuji informace jednoduchým jazykem a srozumitelnou formou 96 // 11.3.2 Pravidlo čtrnácté: úvodní webová stránka musí jasně popisovat smysl a účel webu. Název webu (a jeho správce) musí být napsán zřetelně 96 // 11.3.3 Pravidlo patnácté: webová stránka (a jednotlivé prvky textového obsahu) musí uvádět své hlavní poslání již na svém začátku 96 // 11.3.4 Pravidlo šestnácté: rozsáhlé bloky obsahu musíme rozdělit do menších, výstižně popsaných celků 97 // 11.3.5 Pravidlo sedmnácté: informace zveřejňované na základě zákona jsou dostupné jako textový obsah webové stránky 97 //

11.3.6 Pravidlo osmnácté: na samostatné webové stránce je uveden kontakt na technického správce, a také prohlášení, jasné popisující míru přístupnosti webu a jeho častí. Na tuto webovou stránku odkazuje každá stránka webu 97 // 11.4 Ovládání webu je jasné a pochopitelné 98 // 11.4.1 Pravidlo devatenácté: každá webová stránka má smysluplný název, vystihující její obsah 98 // 11.4.2 Pravidlo dvacáté: navigační a obsahové informace jsou na webové stránce zřetelně odděleny 98 // 11.4.3 Pravidlo dvacáté první: navigace je srozumitelná a je konzistentní na všech webových stránkách 98 // 11.4.4 Pravidlo dvacáté druhé: každá webová stránka (kromě úvodní) obsahuje odkaz na vyšší úroveň v hierarchii webu a odkaz na úvodní WWW stránku 99 // 11.4.5 Pravidlo dvacáté třetí: všechny webové stránky, rozsáhlejšího charakteru, obsahují odkaz na přehlednou mapu webu 99 // 11.4.6 Pravidlo dvacáté čtvrté: obsah (a kód) webové stránky nepředpokládá, že uživatel už navštívil jinou stránku 99 // 11.4.7 Pravidlo dvacáté páté: každý formulářový prvek má přiřazen výstižný nadpis 100 // 11.4.8 Pravidlo dvacáté šesté: každý rám má vhodné jméno nebo popis, vyjadřující jeho smysl a funkčnost 100 // 11.5 Odkazy jsou zřetelné a jednoznačné 100 // 11.5.1 Pravidlo dvacáté sedmé: označení každého odkazu výstižně popisuje jeho cíl (i bez okolního kontextu) 100 // 11.5.2 Pravidlo dvacáté osmé: stejně označené odkazy mají stejný cíl 101 // 11.5.3 Pravidlo dvacáté deváté: odkazy jsou od ostatního textu odlišeny, a to nejen barvou 101 // 11.5.4 Pravidlo třicáté: obrázková mapa na straně serveru je použita jen v případě, že nebylo možno definovat oblasti (v obrázkové mapě) pomocí dostupného geometrického tvaru 101 //

11.5.5 Pravidlo třicáté první: uživatel je dopředu upozorněn na skutečnost, že odkaz vede na obsah jiného typu, než je webová stránka 102 // 11.5.6 Pravidlo třicáté druhé: kód webových stránek odpovídá některé zveřejněné finální specifikaci jazyka HTML nebo XHTML 102 // 11.5.7 Pravidlo třicáté třetí: ve značkách <meta> je uvedena použitá znaková sada dokumentu 102 // 11.5.8 Pravidlo třicáté čtvrté: prvky, tvořící nadpisy nebo seznamy, jsou korektně vyznačeny ve zdrojovém kódu 103 // 11.5.9 Pravidlo třicáté páté: pro popis vzhledu webové stránky se upřednostňují stylové předpisy 103 // 11.5.10 Pravidlo třicáté šesté: pokud je k rozvržení obsahu webové stránky použita tabulka, neobsahuje záhlaví řádků ani sloupců 103 // 11.5.11 Pravidlo třicáté sedmé: všechny tabulky dávají smysl při čtení po řádcích zleva doprava 103 // 12. Layouty v CSS 105 // 12.1 Jednosloupcový layout webové stránky 105 // 12.1.1 Struktura kódu XHTML 106 // 12.1.2 Kód CSS 108 // 12.2 Dvousloupcový layout webové stránky 112 // 12.2.1 Struktura kódu XHTML 113 // 12.2.2 Kód CSS 114 // 12.3 Třísloupcový layout webové stránky 119 // 12.3.1 Struktura kódu XHTML 119 // 12.3.2 Kód CSS 121 // 12.4 Čtyř a vícesloupcový layout webové stránky - úvaha — 126 // 13. Pozicování prvků na stránce (relativní a absolutní) 129 // 13.1 Mocnina, horní a dolní index (relativní pozicování řádkových elementů) 129 // 13.1.1 Mocnina а horní index 130 // 13.1.2 Dolní index 131 // 13.2 Absolutní pozicování řádkových elementů 131 // 13.3 Relativní pozicování blokových elementů 132 // 13.4 Absolutní pozicování blokových elementů 133 // 14. Blokové a textové (řádkové) elementy 137 // 14.1 Blokové elementy 137 // 14.1.1 Všeobecně o blocích 138 //

14.1.2 Nejčastěji používané blokové prvky 138 // 14.2 Řádkové elementy 138 // 14.2.1 Všeobecně o řádcích 138 // 14.2.2 Nejčastěji používané řádkové prvky 139 // 14.3 Zajímavosti okolo bloků a řádků 139 // 14.3.1 Nadpisy <h1>, <h2>, <h3>, <h4>, <h5>, <h6> 139 // 14.3.2 Odstavce <p> 140 // 15. Tvorba tabulek v jazyku XHTML 143 // 15.1 Co je to tabulka 143 // 15.2 Složení a naplnění jednoduché tabulky (značky XHTML) 144 // 15.3 Tabulka s mnohonásobnými sloupci 147 // 15.4 Tabulka s mnohonásobnými řádky 149 // 12.2 Dvousloupcový layout webové stránky 112 // 12.2.1 Struktura kódu XHTML 113 // 12.2.2 Kód CSS 114 // 12.3 Třísloupcový layout webové stránky 119 // 12.3.1 Struktura kódu XHTML 119 // 12.3.2 Kód CSS 121 // 12.4 Čtyř a vícesloupcový layout webové stránky - úvaha 126 // 13. Pozicování prvků na stránce (relativní a absolutní) 129 // 13.1 Mocnina, horní a dolní index (relativní pozicování // řádkových elementů) 129 // 13.1.1 Mocnina а horní index 130 // 13.1.2 Dolní index 131 // 13.2 Absolutní pozicování řádkových elementů 131 // 13.3 Relativní pozicování blokových elementů 132 // 13.4 Absolutní pozicování blokových elementů 133 // 14. Blokové a textové (řádkové) elementy 137 // 14.1 Blokové elementy 137 // 14.1.1 Všeobecně o blocích 138 // 14.1.2 Nejčastěji používané blokové prvky 138 // 14.2 Řádkové elementy 138 // 14.2.1 Všeobecně o řádcích 138 // 14.2.2 Nejčastěji používané řádkové prvky 139 // 14.3 Zajímavosti okolo bloků a řádků 139 // 14.3.1 Nadpisy <h1>, <h2>, <h3>, <h4>, <h5>, <h6> 139 // 14.3.2 Odstavce <p> 140 // 15. Tvorba tabulek v jazyku XHTML 143 // 15.1 Co je to tabulka 143 // 15.2 Složení a naplnění jednoduché tabulky (značky XHTML) 144 // 15.3 Tabulka s mnohonásobnými sloupci 147 //

15.4 Tabulka s mnohonásobnými řádky 149 // 15.5 Nadpisy tabulek 150 // 15.6 Buňky tabulky jako nadpisy 151 // 15.7 Ukázka složitějších tabulek 152 // 15.8 Tvořme přístupné tabulky 156 // 15.8.1 Nesprávná konstrukce buněk tabulky 156 // 15.8.2 Správná konstrukce buněk tabulky 157 // 15.8.3 Nesprávná konstrukce tabulek podle sloupců 158 // 15.8.4 Správná konstrukce tabulek podle sloupců 158 // 15.9 Nastavování vzhledu tabulky pomocí stylů CSS 159 // 16. Seznamy v jazyku XHTML 165 // 16.1 Co to jsou seznamy 165 // 16.2 Obyčejné seznamy 166 // 16.3 Číslované seznamy 166 // 16.4 Definiční seznamy 169 // 16.5 Horizontální menu pomocí stylů CSS trochu jinak 170 // 16.6 Vnořené seznamy 174 // 17. Nastavení kódu CSS pro tisk stránek 179 // 17.1 Tvorba souborů CSS pro tisk 179 // 18. Rodiny písem 183 // 18.1 Patkové písmo (Roman) 183 // 18.2 Bezpatkové písmo (Sans Serif) 184 // 18.3 Neproporcionální písmo (Monospace) 184 // 18.4 Písmo Fantasy 185 // 19. Důležité „drobnosti" 187 // 19.1 Zvětšování a zmenšování webové stránky 187 // 19.2 Nahlédnutí do vnitřku webové stránky 188 // 19.3 Protažení sloupce pod navigaci (až dolů) 189 // 19.4 Klávesové zkratky ulehčující práci 192 // 19.5 Jazyk XHTML 1.1a jeho mime type 192 // 19.6 Mapa webové stránky 193 // 19.7 Uvádění e-mailového kontaktu v návštěvní knize 194 // Rejstřík 196