html5. nieoficjalny podręcznik full.pdf

Spis treci

Nieoficjalna czoówka ...................................................................................... 11

Wstp ................................................................................................................. 15

Cz I. Wprowadzenie do jzyka ................................................23

Rozdzia 1. Wprowadzenie do HTML5 ............................................................ 25

Historia HTML5 ....................................................................................... 25

XHTML 1.0: rygor ponad wszystko ........................................................ 26

XHTML 2: niespodziewana poraka ....................................................... 27

HTML5: reaktywacja ............................................................................. 27

HTML: ywy jzyk ................................................................................. 29

Trzy pryncypia HTML5 ............................................................................ 30

1. Nie psuj sieci ...................................................................................... 30

2. Brukuj cieki ..................................................................................... 30

3. Bd praktyczny ................................................................................. 32

Rzut oka na skadni HTML5 ................................................................... 32

Element doctype a HTML5 .................................................................... 34

Kodowanie znaków ................................................................................ 35

Jzyk ...................................................................................................... 36

Dodawanie arkusza stylów ..................................................................... 36

Doczanie JavaScriptu ........................................................................... 36

Ostateczny produkt ................................................................................ 37

Skadnia HTML5 z bliska .......................................................................... 38

Rozlunione reguy ................................................................................ 38

Walidacja HTML5 ................................................................................. 39

Powrót XHTML-u .................................................................................. 41

Rodzina znaczników HTML5 .................................................................... 43

Dodane elementy ................................................................................... 43

Komponenty usunite ze specyfikacji ..................................................... 44

Elementy zaadaptowane ......................................................................... 45

Zmodyfikowane znaczniki ..................................................................... 46

Elementy standaryzowane ...................................................................... 47

Korzystanie z HTML5 ju dzi ................................................................... 48

Ocenianie wsparcia ze strony przegldarek .............................................. 49

Statystyki poziomu przyjcia przegldarek .............................................. 51

Wykrywanie obsugi wasnoci z aplikacj Modernizr .............................. 52

Uzupenianie braków przy uyciu wypeniania ........................................ 55

Rozdzia 2. Nowe podejcie do projektowania stron ......................................57

Wstp do elementów semantycznych ......................................................... 58

Modernizacja tradycyjnej strony HTML .................................................... 59

Struktura strony w stylu klasycznym ...................................................... 60

Struktura strony w HTML5 .................................................................... 63

Podtytuy i znacznik <hgroup> .............................................................. 65

Doczanie rysunków przy uyciu znacznika <figure> ........................... 66

Dodawanie ramki redaktorskiej — znacznik <aside> ............................. 68

Elementy semantyczne a kompatybilno z przegldarkami ....................... 69

Projektowanie strony z nowymi elementami semantycznymi .................... 72

Wicej o nagówkach .............................................................................. 72

Odnoniki i element <nav> ................................................................... 74

Wicej o stopce ....................................................................................... 77

Wicej o sekcjach ................................................................................... 81

System tworzenia konspektu strony w HTML5 .......................................... 82

Jak zobaczy konspekt? ........................................................................... 82

Konspekt podstawowy ............................................................................ 83

Komponenty sekcji ................................................................................. 84

Problemy z tworzeniem konspektów ....................................................... 87

Rozdzia 3. Semantyczny kod HTML ................................................................ 91

Elementy semantyczne raz jeszcze ............................................................. 92

Data, czas i znacznik <time> ................................................................ 93

Obliczenia w JavaScripcie i element <output> ....................................... 94

Element <mark> i zaznaczanie tekstu ................................................... 95

Inne standardy kodu semantycznego ......................................................... 97

ARIA (ang. Accessible Rich Internet Applications) .................................. 97

RDFa (ang. Resource Description Framework) ........................................ 98

Mikroformaty ......................................................................................... 99

Mikrodane ........................................................................................... 104

Fragmenty sformatowane opracowane przez Google ................................. 107

Lepsze wyniki wyszukiwania ................................................................ 107

Wyszukiwarka przepisów ..................................................................... 110

Cz II. Tworzenie nowoczesnych stron ................................... 115

Rozdzia 4. Udoskonalone formularze ............................................................117

Formularze .............................................................................................. 118

Modernizowanie tradycyjnego formularza HTML .................................... 119

Znak wodny — dodawanie wskazówek .................................................. 123

Dobry punkt zaczepienia: waciwo focus .......................................... 124

SPIS TRECI

Walidacja: wykrywanie bdów ................................................................ 125

Proces walidacji w HTML5, krok po kroku ........................................... 125

Wyczanie mechanizmu walidacji ....................................................... 127

Formatowanie kontrolek walidacyjnych ............................................... 128

Walidacja wyrae regularnych ............................................................ 129

Wasne reguy walidacji ........................................................................ 130

Obsuga mechanizmu walidacji ............................................................ 132

Nowe typy znacznika input ..................................................................... 134

Adresy e-mail ....................................................................................... 137

Adresy URL ......................................................................................... 137

Pola wyszukiwania ............................................................................... 137

Telefon ................................................................................................ 138

Liczby .................................................................................................. 138

Suwak .................................................................................................. 139

Czas: daty i godziny .............................................................................. 140

Kolor .................................................................................................... 141

Nowe elementy ....................................................................................... 141

Sugerowane odpowiedzi i element <datalist> ...................................... 142

Pasek stanu i miernik ........................................................................... 144

Paski narzdzi i menu — znaczniki <command> i <menu> ............... 146

Edytor HTML na stronie ......................................................................... 147

Edytowanie zawartoci za pomoc contentEditable ............................... 147

Edytowanie strony za pomoc atrybutu designMode ............................. 149

Rozdzia 5. Multimedia ................................................................................... 153

Wideo dzi .............................................................................................. 154

Wprowadzenie do audio i wideo w HTML5 .............................................. 155

Wydobywanie dwiku z elementu <audio> ........................................ 156

Znacznik <video> z szerszej perspektywy ............................................ 158

Wojna o format ....................................................................................... 159

Wicej o formatach .............................................................................. 160

Obsuga multimediów w przegldarkach .............................................. 161

Wiele formatów, czyli jak udobrucha kad przegldark ..................... 164

Element <source> ............................................................................... 164

Alternatywa — wtyczka Flasha ............................................................. 166

Sterowanie odtwarzaniem za pomoc JavaScriptu .................................... 169

Dodawanie efektów dwikowych ........................................................ 170

Budowa wasnego odtwarzacza filmów ................................................. 173

Odtwarzacze JavaScript ........................................................................ 175

Napisy i dostpno ............................................................................. 177

Rozdzia 6. Podstawy rysowania na elemencie canvas ................................ 179

Pótno — wprowadzenie .......................................................................... 180

Linie proste .......................................................................................... 182

cieki i figury ...................................................................................... 184

Krzywe ................................................................................................. 186

Transformaty ....................................................................................... 188

Przezroczysto .................................................................................... 192

SPIS TRECI

Tworzenie prostego programu graficznego ............................................... 194

Przygotowanie narzdzi ........................................................................ 195

Malowanie po pótnie ........................................................................... 196

Zachowywanie pótna ........................................................................... 198

Pótno i kompatybilno z przegldarkami ............................................... 201

Wypenianie pótna .............................................................................. 201

Alternatywne pótna i wykrywanie obsugi ............................................ 203

Rozdzia 7. Wicej o pótnie .......................................................................... 205

Inne wasnoci pótna .............................................................................. 205

Rysowanie obrazów .............................................................................. 206

Wycinanie i zmienianie wielkoci obrazu .............................................. 207

Rysowanie tekstu ................................................................................. 208

Cienie i inne ozdobniki ............................................................................ 210

Dodawanie cieni ................................................................................... 210

Wypenianie figur deseniem ................................................................. 212

Wypenianie figur gradientem ............................................................... 213

Skadanie wszystkiego w cao: rysowanie wykresów ........................... 216

Interaktywne figury ................................................................................. 221

ledzenie rysowanych elementów ......................................................... 221

Wspórzdne i lokalizowanie trafie ..................................................... 224

Animowanie pótna ................................................................................. 226

Podstawowa animacja .......................................................................... 227

Animowanie wielu obiektów ................................................................ 228

Praktyczny przykad: labirynt ................................................................... 233

Rysowanie labiryntu ............................................................................. 234

Animowanie ikony ............................................................................... 235

Lokalizowanie trafie a barwa pikseli .................................................... 237

Rozdzia 8. Rewolucja w stylach — CSS3 ......................................................241

Uywanie CSS3 ju dzi .......................................................................... 242

Strategia 1.: Wykorzystaj to, co moesz ................................................. 242

Strategia 2.: Traktuj wasnoci CSS3 jak usprawnienia ......................... 243

Strategia 3.: Dodanie awaryjnych mechanizmów

za pomoc Modernizra ...................................................................... 244

Style waciwe konkretnym przegldarkom ........................................... 246

Typografia w sieci .................................................................................... 247

Formaty fontów .................................................................................... 248

Uywanie zestawów fontów .................................................................. 250

Korzystanie z fontów sieciowych Google ............................................... 253

Korzystanie z wasnych fontów ............................................................. 255

Wielokolumnowy tekst ........................................................................ 256

Przystosowanie stron do rónych urzdze .............................................. 258

Zapytania medialne .............................................................................. 259

Zapytania medialne — wysza szkoa jazdy ........................................... 262

Zastpowanie caego arkusza stylów ..................................................... 263

Rozpoznawanie urzdze mobilnych .................................................... 264

SPIS TRECI

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: