O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML5. Nieoficjalny podręcznik. Wydanie II

Book Description

Przewodnik po tajnikach HTML5! HTML5 na dobre zadomowił się w sieci. Z jego dobrodziejstw garściami czerpią projektanci witryn -- i zaskakują użytkowników coraz bardziej pomysłowymi aplikacjami. HTML5 zapewnia zaawansowaną integrację ze środowiskiem przeglądarki internetowej, usługi geolokalizacyjne oraz doskonałe wsparcie dla materiałów multimedialnych czy aplikacji offline. Jeszcze całkiem niedawno nikt nie marzył o rzeczach, na jakie obecnie ten język programowania pozwala twórcom stron! Książka, którą trzymasz w rękach, należy do cenionej serii "Nieoficjalny podręcznik." Jej kolejne wydanie zostało poprawione, zaktualizowane i rozszerzone o mnóstwo nowych informacji. Dzięki tej publikacji nie musisz odkrywać tajników HTML5 na własną rękę. Liczne przykłady oraz szczegółowe omówienie najróżniejszych zagadnień sprawią, że w mig opanujesz niuanse tego języka. W trakcie lektury dowiesz się, jak wykorzystać nowy element canvas i jak bez trudu zlokalizować użytkownika, oraz zobaczysz, jak przechować kluczowe dane w bazie przeglądarki. Sięgnij po tę książkę i przekonaj się, jakie możliwości daje Ci HTML5!

Table of Contents

  1. Nieoficjalna czołówka
    1. O autorze
    2. Podziękowania
    3. Seria Nieoficjalny podręcznik
  2. Wstęp
    1. Czego potrzebujesz, by zacząć
      1. Pisanie kodu HTML5
      2. Przeglądanie stron HTML5
    2. Kiedy standard HTML5 będzie gotowy?
    3. Struktura książki
      1. Część pierwsza: Nowe oblicze języka HTML
      2. Część druga: Filmy, obrazki i inne cudeńka
      3. Część trzecia: Konstruowanie aplikacji sieciowych przy użyciu komponentów desktopowych
    4. Przykłady kodu
      1. Witryna demonstracyjna
  3. I. Nowe oblicze języka HTML
    1. 1. Wprowadzenie do HTML5
      1. Historia HTML5
        1. XHTML 1.0: rygor ponad wszystko
        2. XHTML 2: niespodziewana porażka
        3. HTML5: reaktywacja
        4. HTML: żywy język
      2. Trzy pryncypia HTML5
        1. 1. Nie psuj sieci
        2. 2. Brukuj ścieżki
        3. 3. Bądź praktyczny
      3. Rzut oka na składnię HTML5
        1. Element doctype a HTML5
        2. Kodowanie znaków
        3. Język
        4. Dodawanie arkusza stylów
        5. Dołączanie JavaScriptu
        6. Ostateczny produkt
      4. Składnia HTML5 z bliska
        1. Rozluźnione reguły
        2. Walidacja HTML5
        3. Powrót XHTML-u
      5. Rodzina znaczników HTML5
        1. Dodane elementy
        2. Komponenty usunięte ze specyfikacji
        3. Elementy zaadaptowane
          1. Formatowanie — pogrubienie i kursywa
        4. Zmodyfikowane znaczniki
        5. Elementy standaryzowane
      6. Korzystanie z HTML5 już dziś
        1. Ocenianie wsparcia ze strony przeglądarek
        2. Statystyki poziomu przyjęcia przeglądarek
        3. Wykrywanie obsługi własności z aplikacją Modernizr
        4. Uzupełnianie braków przy użyciu wypełnienia
    2. 2. Zastosowanie elementów semantycznych na stronie
      1. Wstęp do elementów semantycznych
      2. Modernizacja tradycyjnej strony HTML
        1. Struktura strony w stylu klasycznym
        2. Struktura strony w HTML5
        3. Dołączanie rysunków przy użyciu znacznika <figure>
        4. Dodawanie ramki redaktorskiej — znacznik <aside>
      3. Elementy semantyczne a kompatybilność z przeglądarkami
        1. Stylizacja elementów semantycznych
        2. Zastosowanie HTML5 Shiv
        3. Modernizr: rozwiązanie uniwersalne
      4. Projektowanie strony z nowymi elementami semantycznymi
        1. Więcej o nagłówkach
        2. Odnośniki i element <nav>
        3. Więcej o sekcjach
        4. Więcej o stopce
        5. Wskazywanie treści głównej przy użyciu elementu <main>
      5. System tworzenia konspektu strony w HTML5
        1. Jak zobaczyć konspekt?
        2. Konspekt podstawowy
        3. Komponenty sekcji
        4. Problemy z tworzeniem konspektów
    3. 3. Jeszcze bardziej wyrazisty kod
      1. Elementy semantyczne raz jeszcze
        1. Data, czas i znacznik <time>
        2. Obliczenia w JavaScripcie i element <output>
        3. Element <mark> i zaznaczanie tekstu
      2. Inne standardy kodu semantycznego
        1. ARIA (ang. Accessible Rich Internet Applications)
        2. RDFa (ang. Resource Description Framework)
        3. Mikroformaty
        4. Mikrodane
      3. Praktyczny przykład: modernizacja strony O mnie
        1. Ekstrakcja danych semantycznych w przeglądarce
      4. Wykorzystanie metadanych przez wyszukiwarki
        1. Fragmenty sformatowane przez Google
        2. Lepsze wyniki wyszukiwania
        3. Wyszukiwarka przepisów
    4. 4. Udoskonalone formularze
      1. Formularze
      2. Modernizowanie tradycyjnego formularza HTML
        1. Znak wodny — dodawanie wskazówek
        2. Dobry punkt zaczepienia: właściwość focus
      3. Walidacja: wykrywanie błędów
        1. Proces walidacji w HTML5 krok po kroku
        2. Wyłączanie mechanizmu walidacji
        3. Formatowanie kontrolek walidacyjnych
        4. Walidacja wyrażeń regularnych
        5. Własne reguły walidacji
      4. Obsługa mechanizmu walidacji
        1. Testowanie obsługi za pomocą skryptu Modernizr
        2. Uzupełnianie kodu przy użyciu biblioteki HTML5Forms
      5. Nowe typy znacznika input
        1. Adresy e-mail
        2. Adresy URL
        3. Pola wyszukiwania
        4. Telefon
        5. Liczby
        6. Suwak
        7. Czas: daty i godziny
        8. Kolor
      6. Nowe elementy
        1. Sugerowane odpowiedzi i element <datalist>
        2. Pasek stanu i miernik
        3. Paski narzędzi i menu — znaczniki <command> i <menu>
      7. Edytor HTML na stronie
        1. Edytowanie zawartości za pomocą contentEditable
        2. Edytowanie strony za pomocą atrybutu designMode
  4. II. Filmy, obrazki i inne cudeńka
    1. 5. Multimedia
      1. Wideo dziś
      2. Wprowadzenie do audio i wideo w HTML5
        1. Wydobywanie dźwięku z elementu <audio>
        2. Wczytywanie multimediów po załadowaniu strony
        3. Automatyczne odtwarzanie
        4. Zapętlone odtwarzanie
        5. Znacznik <video> z szerszej perspektywy
      3. Wprowadzenie do formatów multimediów w HTML5
        1. Więcej o formatach
        2. Obsługa multimediów w przeglądarkach
      4. Wiele formatów, czyli jak udobruchać każdą przeglądarkę
        1. Obsługa różnych formatów
        2. Alternatywa — wtyczka Flasha
      5. Sterowanie odtwarzaniem za pomocą JavaScriptu
        1. Dodawanie efektów dźwiękowych
        2. Budowa własnego odtwarzacza filmów
        3. Odtwarzacze JavaScript
      6. Napisy i dostępność
        1. Ścieżki napisów i WebVTT
        2. Dodawanie podpisów elementem <track>
        3. Obsługa podpisów w przeglądarkach
    2. 6. CSS3 a wygląd strony
      1. Używanie CSS3 już dziś
        1. Strategia 1.: Wykorzystaj to, co możesz
        2. Strategia 2.: Traktuj własności CSS3 jak usprawnienia
        3. Strategia 3.: Dodanie awaryjnych mechanizmów za pomocą Modernizra
        4. Style właściwe dla konkretnych przeglądarek
      2. Kontenery na błysk
        1. Przezroczystość
        2. Zaokrąglane rogi
      3. Tło
        1. Cienie
        2. Gradienty
          1. Gradienty liniowe
          2. Gradienty promieniste
          3. Gradienty powtarzalne
      4. Efekty przejścia
        1. Przekształcanie koloru
        2. Przejścia — teczka z pomysłami
        3. Wywoływanie przejść w JavaScripcie
        4. Transformaty
        5. Przejścia wykorzystujące transformaty
      5. Typografia w sieci
        1. Formaty fontów
        2. Font dla witryny
        3. Pobieranie darmowych fontów z Font Squirrel
        4. Przygotowanie fontu sieciowego
        5. Korzystanie z fontów sieciowych Google
        6. Wielokolumnowy tekst
    3. 7. Projektowanie elastycznych witryn w CSS3
      1. Podstawy projektowania elastycznego
        1. Płynny layout
        2. Płynne obrazy
        3. Płynna typografia
        4. Widok strony: obsługa layoutu na smartfonach
      2. Dostosowywanie layoutu przy użyciu zapytań medialnych
        1. Zapytania medialne
        2. Utworzenie prostego zapytania medialnego
        3. Layout przyjazny dla urządzeń mobilnych
        4. Zapytania medialne — wyższa szkoła jazdy
        5. Zastępowanie całego arkusza stylów
        6. Rozpoznawanie urządzeń mobilnych
    4. 8. Podstawy rysowania na elemencie canvas
      1. Płótno — wprowadzenie
        1. Linie proste
        2. Ścieżki i figury
        3. Krzywe
        4. Transformaty
        5. Przezroczystość
        6. Kompozycje złożone
      2. Tworzenie prostego programu graficznego
        1. Przygotowanie narzędzi
        2. Malowanie po płótnie
        3. Zachowywanie płótna
      3. Płótno i kompatybilność z przeglądarkami
        1. Wypełnienie ExplorerCanvas
        2. Wypełnienie FlashCanvas
        3. Alternatywne płótna i wykrywanie obsługi
    5. 9. Więcej o płótnie
      1. Inne własności płótna
        1. Rysowanie obrazów
        2. Wycinanie i zmienianie wielkości obrazu
        3. Rysowanie tekstu
      2. Cienie i inne ozdobniki
        1. Dodawanie cieni
        2. Wypełnianie figur deseniem
        3. Wypełnianie figur gradientem
        4. Składanie wszystkiego w całość: rysowanie wykresów
      3. Interaktywne figury
        1. Śledzenie rysowanych elementów
        2. Współrzędne i lokalizowanie trafień
      4. Animowanie płótna
        1. Podstawowa animacja
        2. Animowanie wielu obiektów
      5. Praktyczny przykład: labirynt
        1. Rysowanie labiryntu
        2. Animowanie ikony
        3. Lokalizowanie trafień a barwa pikseli
  5. III. Konstruowanie aplikacji sieciowych przy użyciu komponentów desktopowych
    1. 10. Magazyn danych
      1. Magazyn sieciowy — podstawy
        1. Magazynowanie danych
        2. Praktyczny przykład: zapisywanie stanu gry
        3. Magazyn sieciowy a obsługa przeglądarek
      2. Magazyn sieciowy — na głębszych wodach
        1. Usuwanie wpisów
        2. Listowanie wszystkich zachowanych wpisów
        3. Zapisywanie liczb i dat
        4. Zachowywanie obiektów
        5. Reagowanie na zmiany w magazynie
      3. Odczytywanie plików
        1. Pobieranie pliku
        2. Odczytywanie pliku tekstowego
        3. Zastępowanie standardowej kontrolki ładowania plików
        4. Odczytywanie wielu plików jednocześnie
        5. Odczytywanie pliku graficznego
        6. File API i obsługa przeglądarek
      4. IndexedDB: silnik bazy danych w przeglądarce
        1. Obiekt przechowujący dane
        2. Tworzenie bazy danych i łączenie z nią
        3. Tworzenie zapisów w bazie danych
        4. Przeglądanie wszystkich zapisów tablicy
        5. Przeszukiwanie pojedynczego zapisu tablicy
        6. Usunięcie zapisu
        7. Obsługa IndexedDB w przeglądarkach
    2. 11. Aplikacje sieciowe z trybem offline
      1. Cache’owanie plików
        1. Tworzenie manifestu
        2. Korzystanie z manifestu
        3. Przenoszenie manifestu na serwer
        4. Uaktualnianie manifestu
        5. Obsługa w przeglądarkach aplikacji w trybie offline
      2. Praktyczne techniki cache’owania
        1. Uzyskiwanie dostępu do cache’owanych plików
        2. Tryb awaryjny
        3. Sprawdzanie stanu połączenia
        4. Wykrywanie uaktualniania przy użyciu JavaScriptu
    3. 12. Komunikacja z serwerem sieciowym
      1. Wysyłanie wiadomości na serwer
        1. Obiekt XMLHttpRequest
        2. Wysyłanie zapytań na serwer
          1. Tworzenie skryptu
          2. Wywoływanie serwera
        3. Pobieranie nowych treści
      2. Zdarzenia przesyłane na serwer
        1. Format wiadomości
        2. Wysyłanie wiadomości za pomocą skryptu serwera
        3. Przetwarzanie wiadomości na stronie
        4. Polling a zdarzenia po stronie serwera
      3. Technologia WebSocket
        1. Serwer WebSocketów
        2. Prosty klient w technologii WebSocket
        3. Przykłady technologii WebSocket w sieci
    4. 13. Geolokalizacja, obiekt pracownika i zarządzanie historią
      1. Geolokalizacja
        1. Jak działa geolokalizacja?
        2. Odnajdywanie współrzędnych użytkownika
        3. Usuwanie błędów
        4. Ustawienia geolokalizacji
        5. Generowanie mapy
        6. Monitorowanie ruchu użytkownika
        7. Obsługa geolokalizacji w przeglądarkach
      2. Obiekt pracownika
        1. Czasochłonne zadanie
        2. Wykonywanie zadań w tle
        3. Obsługa błędów pracownika
        4. Anulowanie zadania uruchomionego w tle
        5. Przekazywanie bardziej złożonych wiadomości
        6. Obsługa pracowników w przeglądarkach
      3. Zarządzanie historią
        1. Kwestia URL
        2. Dawne rozwiązanie: znak kratki i adres URL
        3. Rozwiązanie HTML5: historia sesji
        4. Historia sesji i kompatybilność
  6. IV. Dodatki
    1. A. Podstawy CSS
      1. Załączanie stylów do stron
      2. Anatomia arkusza stylów
        1. Własności CSS
        2. Formatowanie elementów przy użyciu klas
        3. Komentarze w arkuszach stylów
      3. Odrobinę bardziej zaawansowane arkusze stylów
        1. Konstruowanie struktury strony przy użyciu elementu <div>
        2. Wiele selektorów
        3. Selektory kontekstowe
        4. Selektor identyfikatora
        5. Selektory pseudoklas
        6. Selektory atrybutów
      4. Wycieczka po stylach
    2. B. JavaScript — mózg nowoczesnej witryny
      1. W jaki sposób witryny korzystają z JavaScriptu?
        1. Zagnieżdżanie kodu w dokumencie HTML
        2. Używanie funkcji
        3. Przenoszenie kodu JavaScript do oddzielnego pliku
        4. Odpowiadanie na zdarzenia
      2. Podstawy składni języka
        1. Zmienne
        2. Wartość null
        3. Zakres zmiennych
        4. Typy danych
        5. Operacje
        6. Instrukcje warunkowe
        7. Pętle
        8. Tablice
        9. Funkcje — otrzymywanie i zwracanie danych
        10. Obiekty
        11. Literały obiektu
      3. Interakcja ze stroną
        1. Manipulowanie elementem
        2. Dynamiczne łączenie ze zdarzeniem
        3. Zdarzenia wplatane
  7. Indeks
  8. Copyright