html5. nieoficjalny podręcznik full.pdf
(
31918 KB
)
Pobierz
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
4
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
5
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
6
SPIS TRECI
Plik z chomika:
sandersik1
Inne pliki z tego folderu:
archicad 10 cała książka.pdf
(25219 KB)
strategie geniuszy. myśl jak albert einstein full scan.pdf
(17066 KB)
szachy dla bystrzaków. wydanie ii full.pdf
(17797 KB)
edgecam.-komputerowe-wspomaganie-obrobki-skrawaniem pełna wersja.pdf
(13663 KB)
flirt w sieci. przewodnik dla czatujących na miłość pełna wersja.pdf
(6572 KB)
Inne foldery tego chomika:
! Java
! OpenGL Game
! python
algorytmy
Zgłoś jeśli
naruszono regulamin