html5. nieoficjalny podręcznik. wydanie ii full version, ebooki
[ Pobierz całość w formacie PDF ]
//-->Spis tre ciNieoficjalna czo ówka .......................................................................................11Wst p ................................................................................................................. 15Cze I. Nowe oblicze j zyka HTML ..............................................23Rozdzia 1. Wprowadzenie do HTML5 .............................................................25Historia HTML5 ....................................................................................... 25XHTML 1.0: rygor ponad wszystko ........................................................ 26XHTML 2: niespodziewana pora ka ....................................................... 27HTML5: reaktywacja ............................................................................. 27HTML: ywy j zyk ................................................................................. 29Trzy pryncypia HTML5 ............................................................................ 291. Nie psuj sieci ...................................................................................... 302. Brukuj cie ki ..................................................................................... 303. B d praktyczny ................................................................................. 31Rzut oka na sk adni HTML5 ................................................................... 32Element doctype a HTML5 .................................................................... 34Kodowanie znaków ................................................................................ 35J zyk ...................................................................................................... 35Dodawanie arkusza stylów ..................................................................... 36Do czanie JavaScriptu ........................................................................... 36Ostateczny produkt ................................................................................ 37Sk adnia HTML5 z bliska .......................................................................... 38Rozlu nione regu y ................................................................................ 38Walidacja HTML5 ................................................................................. 39Powrót XHTML-u .................................................................................. 42Rodzina znaczników HTML5 .................................................................... 43Dodane elementy ................................................................................... 43Komponenty usuni te ze specyfikacji ..................................................... 43Elementy zaadaptowane ......................................................................... 45Kup książkęPoleć książkęZmodyfikowane znaczniki ......................................................................46Elementy standaryzowane ......................................................................47Korzystanie z HTML5 ju dzi ...................................................................48Ocenianie wsparcia ze strony przegl darek ..............................................50Statystyki poziomu przyj cia przegl darek ..............................................51Wykrywanie obs ugi w asno ci z aplikacj Modernizr ..............................53Uzupe nianie braków przy u yciu wype nienia ........................................55Rozdzia 2. Zastosowanie elementów semantycznych na stronie .................59Wst p do elementów semantycznych .........................................................60Modernizacja tradycyjnej strony HTML ....................................................61Struktura strony w stylu klasycznym ......................................................62Struktura strony w HTML5 ....................................................................65Do czanie rysunków przy u yciu znacznika <figure> ...........................67Dodawanie ramki redaktorskiej — znacznik <aside> .............................70Elementy semantyczne a kompatybilno z przegl darkami .......................71Stylizacja elementów semantycznych .....................................................72Zastosowanie HTML5 Shiv ....................................................................72Modernizr: rozwi zanie uniwersalne ......................................................73Projektowanie strony z nowymi elementami semantycznymi ....................73Wi cej o nag ówkach ..............................................................................74Odno niki i element <nav> ...................................................................76Wi cej o sekcjach ...................................................................................79Wi cej o stopce .......................................................................................81Wskazywanie tre ci g ównej przy u yciu elementu <main> ...................83System tworzenia konspektu strony w HTML5 ..........................................85Jak zobaczy konspekt? ...........................................................................85Konspekt podstawowy ............................................................................86Komponenty sekcji .................................................................................87Problemy z tworzeniem konspektów .......................................................89Rozdzia 3. Jeszcze bardziej wyrazisty kod .....................................................93Elementy semantyczne raz jeszcze .............................................................94Data, czas i znacznik <time> ................................................................95Obliczenia w JavaScripcie i element <output> .......................................96Element <mark> i zaznaczanie tekstu ...................................................98Inne standardy kodu semantycznego .........................................................99ARIA (ang. Accessible Rich Internet Applications) ................................ 100RDFa (ang. Resource Description Framework) ...................................... 100Mikroformaty ....................................................................................... 101Mikrodane ........................................................................................... 102Praktyczny przyk ad: modernizacja strony O mnie ................................... 105Ekstrakcja danych semantycznych w przegl darce ................................ 109Wykorzystanie metadanych przez wyszukiwarki ...................................... 110Fragmenty sformatowane przez Google ................................................. 110Lepsze wyniki wyszukiwania ................................................................ 111Wyszukiwarka przepisów ..................................................................... 1144Kup książkęSPIS TRE CIPoleć książkęRozdzia 4. Udoskonalone formularze ............................................................119Formularze ............................................................................................. 120Modernizowanie tradycyjnego formularza HTML .................................... 121Znak wodny — dodawanie wskazówek ................................................. 124Dobry punkt zaczepienia: w a ciwo focus .......................................... 126Walidacja: wykrywanie b dów ................................................................ 127Proces walidacji w HTML5 krok po kroku ............................................ 127Wy czanie mechanizmu walidacji ....................................................... 129Formatowanie kontrolek walidacyjnych ............................................... 130Walidacja wyra e regularnych ............................................................ 131W asne regu y walidacji ........................................................................ 132Obs uga mechanizmu walidacji ............................................................... 133Testowanie obs ugi za pomoc skryptu Modernizr ................................ 134Uzupe nianie kodu przy u yciu biblioteki HTML5Forms ...................... 135Nowe typy znacznika input ..................................................................... 137Adresy e-mail ....................................................................................... 139Adresy URL ......................................................................................... 140Pola wyszukiwania ............................................................................... 140Telefon ................................................................................................ 140Liczby .................................................................................................. 140Suwak .................................................................................................. 141Czas: daty i godziny .............................................................................. 142Kolor .................................................................................................... 144Nowe elementy ....................................................................................... 144Sugerowane odpowiedzi i element <datalist> ...................................... 144Pasek stanu i miernik ........................................................................... 146Paski narz dzi i menu — znaczniki <command> i <menu> ............... 149Edytor HTML na stronie ......................................................................... 149Edytowanie zawarto ci za pomoc contentEditable ............................... 150Edytowanie strony za pomoc atrybutu designMode ............................. 152Cze II. Filmy, obrazki i inne cude ka........................................ 155Rozdzia 5. Multimedia ................................................................................... 157Wideo dzi .............................................................................................. 157Wprowadzenie do audio i wideo w HTML5 .............................................. 159Wydobywanie d wi ku z elementu <audio> ........................................ 159Wczytywanie multimediów po za adowaniu strony ............................... 160Automatyczne odtwarzanie .................................................................. 161Zap tlone odtwarzanie ......................................................................... 161Znacznik <video> z szerszej perspektywy ............................................ 161Wprowadzenie do formatów multimediów w HTML5 ............................. 163Wi cej o formatach .............................................................................. 164Obs uga multimediów w przegl darkach .............................................. 165Wiele formatów, czyli jak udobrucha ka d przegl dark ........................ 168Obs uga ró nych formatów ................................................................... 169Alternatywa — wtyczka Flasha ............................................................. 170SPIS TRE CI5Poleć książkęKup książkęSterowanie odtwarzaniem za pomoc JavaScriptu .................................... 174Dodawanie efektów d wi kowych ......................................................... 174Budowa w asnego odtwarzacza filmów .................................................. 177Odtwarzacze JavaScript ........................................................................ 180Napisy i dost pno ................................................................................. 181cie ki napisów i WebVTT ................................................................... 181Dodawanie podpisów elementem <track> ........................................... 184Obs uga podpisów w przegl darkach ..................................................... 185Rozdzia 6. CSS3 a wygl d strony .................................................................. 187U ywanie CSS3 ju dzi .......................................................................... 188Strategia 1.: Wykorzystaj to, co mo esz ................................................. 188Strategia 2.: Traktuj w asno ci CSS3 jak usprawnienia ......................... 189Strategia 3.: Dodanie awaryjnych mechanizmówza pomoc Modernizra ...................................................................... 190Style w a ciwe dla konkretnych przegl darek ........................................ 192Kontenery na b ysk .................................................................................. 194Przezroczysto .................................................................................... 195Zaokr glane rogi ................................................................................... 196T o .......................................................................................................... 197Cienie .................................................................................................. 199Gradienty ............................................................................................. 200Efekty przej cia ........................................................................................ 204Przekszta canie koloru .......................................................................... 204Przej cia — teczka z pomys ami ............................................................ 206Wywo ywanie przej w JavaScripcie ..................................................... 207Transformaty ....................................................................................... 209Przej cia wykorzystuj ce transformaty .................................................. 212Typografia w sieci .................................................................................... 213Formaty fontów .................................................................................... 214Font dla witryny ................................................................................... 216Pobieranie darmowych fontów z Font Squirrel ...................................... 217Przygotowanie fontu sieciowego ........................................................... 218Korzystanie z fontów sieciowych Google ............................................... 221Wielokolumnowy tekst ........................................................................ 223Rozdzia 7. Projektowanie elastycznych witryn w CSS3 ...............................227Podstawy projektowania elastycznego ...................................................... 228P ynny layout ....................................................................................... 228P ynne obrazy ....................................................................................... 231P ynna typografia .................................................................................. 233Widok strony: obs uga layoutu na smartfonach ..................................... 236Dostosowywanie layoutu przy u yciu zapyta medialnych ....................... 237Zapytania medialne .............................................................................. 238Utworzenie prostego zapytania medialnego .......................................... 240Layout przyjazny dla urz dze mobilnych ............................................. 241Zapytania medialne — wy sza szko a jazdy ........................................... 245Zast powanie ca ego arkusza stylów ..................................................... 246Rozpoznawanie urz dze mobilnych .................................................... 2466Kup książkęSPIS TRE CIPoleć książkę
[ Pobierz całość w formacie PDF ]