HTML5 i CSS3. Praktyczne projekty

Description

Zrób wielki krok na drodze do tworzenia fantastycznych witryn WWW! Elementarz HTML5 i CSS, elementy i znaczniki HTML5, czyli prosty zestaw do tworzenia strony WWW Czcionki na stronach WWW, układ strony i tła, czyli eleganckie wykończenie strony internetowej Zagadnienia zaawansowane, czyli atrybuty HTML, powiązania dokumentów, metainformacje i formularze Opanowanie wszystkich elementów pozwalających stworzyć doskonałą witrynę internetową nie jest rzeczą łatwą. W tym celu trzeba sprawnie posługiwać się co najmniej dwoma językami programowania: HTML i CSS, a także pamiętać o różnicach między przeglądarkami i potrzebach osób niepełnosprawnych. Dobrze jest też znać się na grafice komputerowej, typografii… i wielu innych sprawach. Jednak to wszystko da się zrobić przy odrobinie uporu i pomocy książki prezentującej w praktyce omawiane zagadnienia. W tej książce znajdziesz mnóstwo ćwiczeń, których zadaniem jest przybliżenie Ci sposobu działania poszczególnych elementów języka HTML5 i właściwości CSS3, a także większych projektów, które pozwolą Ci opanować i przetestować wiedzę na temat większych partii materiału. Obok szczegółowego omówienia języka HTML znajdziesz tu porady na temat tego, jak pilnować poprawności kodu HTML5 i CSS3, pracować w trybie standardów, tworzyć układy strony czy projektować szablony. Dowiesz się także sporo na temat semantyki języka HTML. Jak zapewnić poprawność składniową HTML5 oraz CSS3? Jak pilnować zgodności tworzonych stron ze standardami? Jak sprawnie edytować kod HTML5? Jak pracować w trybie standardów? Jakich czcionek używać na stronach WWW? W jaki sposób tworzyć układy stron przy użyciu stylów CSS? Jak wykorzystywać tła na stronach WWW? Jakimi cechami wyróżnia się semantyczny kod HTML5? Jak projektować szablony stron WWW? Przyszły webmasterze, nie możesz przegapić tej książki! Spis treści Rozdział 1. Wprowadzenie Dla kogo jest ta książka? Jak czytać tę książkę? Warsztat pracy Firefox Testowanie stron WWW Część I. Elementarz HTML5 Rozdział 2. Języki znaczników Znaczniki i elementy HTML5 Wszystkie elementy języka HTML5 Struktura dokumentu HTML5 Pierwsza strona WWW Analiza strony przy użyciu wtyczki Firebug Specyfikacja języka HTML5 Rozdział 3. Składnia języka HTML5 Znaczniki otwierające i zamykające Opcjonalne znaczniki otwierające Elementy puste i niepuste Wielkość liter w nazwach znaczników Białe znaki wewnątrz znaczników Białe znaki w treści elementów Zagnieżdżanie elementów Znaki specjalne Atrybuty znaczników Atrybuty logiczne Komentarze Rozdział 4. Znaki diakrytyczne i oznaczanie języka dokumentu Polskie znaki diakrytyczne Metody kodowania polskich znaków diakrytycznych Fizyczne kodowanie pliku Element meta ustalający kodowanie dokumentu HTML5 Pangramy Atrybut lang Szablony pustych polskich stron WWW Znaki diakrytyczne w postaci encji Kodowanie stron zawierających teksty w kilku językach Jakiego kodowania używać? Błędne wyświetlanie polskich znaków diakrytycznych Rozdział 5. HTML5 poprawny składniowo Czy poprawność składniowa jest ważna? Metody sprawdzania poprawności składniowej Rozdział 6. Praca w trybie standardów Quirks mode i standard mode — dwa tryby pracy przeglądarek internetowych Problemy z trybami pracy Które przeglądarki mają tryb standardów? Jak sprawdzić tryb pracy przeglądarki? W jaki sposób przeglądarka wybiera tryb pracy? Błędne wyświetlanie witryny wynikające z przełączenia trybu pracy przeglądarki Stosuj DOCTYPE języka HTML5 Rozdział 7. Podstawowe elementy HTML Akapit Dzielenie wyrazów Zakaz łamania wiersza Złamanie wiersza Znaki interpunkcyjne Nagłówki Wyróżnianie tekstu Popularne znaki specjalne Zestawienie Rozdział 8. Podsumowanie części pierwszej Projekt 8.1. Zadania dla czwartoklasistów Projekt 8.2. Zadania tekstowe z odpowiedziami Projekt 8.3. Kolokwium z PHP Projekt 8.4. Adam Mickiewicz: Oda do młodości Projekt 8.5. Adam Mickiewicz: Wiersze Część II. Elementarz CSS Rozdział 9. Struktura a wygląd dokumentów HTML Dołączanie stylów do dokumentu Domyślny język stylów Ujmowanie stylów wewnętrznych w komentarz Kolejność stosowania stylów Rozdział 10. Składnia kaskadowych arkuszy stylów Terminologia Wielkość liter w selektorach Wielkość liter w nazwach i wartościach właściwości Białe znaki Komentarze Formatowanie kodu CSS Rozdział 11. Przykładowe właściwości CSS Czcionki Wysokość wiersza tekstu Wyrównanie poziome tekstu Marginesy Kolory Obramowanie HTML — struktura, CSS — wygląd Zestawienie sumaryczne Rozdział 12. Klasy i identyfikatory Atrybut class Selektory dotyczące klas Atrybut id Selektory dotyczące identyfikatorów Stosowanie identyfikatorów Walka z classitis: selektory potomne Rozdział 13. Podsumowanie części drugiej Projekt 13.1. Cyprian Kamil Norwid: Moja piosnka Projekt 13.2. Charles Dickens: A Christmas Carol Projekt 13.3. Jack London: The Call of The Wild Projekt 13.4. Ignacy Krasicki: Bajki Część III. Elementy i znaczniki HTML5 Rozdział 14. Tekst Element p Elementy br i wbr Tekst preformatowany Elementy frazowe Cytaty Rozdział 15. Listy Wypunktowanie Numerowanie Lista definicji Zagnieżdżanie list Właściwości CSS list Rozdział 16. Elementy img, figure i figcaption Pliki graficzne Składnia elementu img Wymiary obrazów Obrazy nieprostokątne Animacje Opływanie Dlaczego elementy pływające mają wysokość 0? Osadzanie obrazów w kodzie HTML Elementy figure i figcaption Rozdział 17. Tabele Obramowanie i łączenie obramowania Podstawowe formatowanie komórek i całych tabel Nagłówki kolumn i nagłówki wierszy Podpis tabeli Tabele regularne i nieregularne Nagłówek, stopka i treść tabeli Kolumny tabeli Tabele HTML — podsumowanie Rozdział 18. Odsyłacze i menu nawigacyjne Menu nawigacyjne Style CSS witryny z hiperłączami Atrybut title Odsyłacze do różnych typów plików Odsyłacze wskazujące strony w internecie Odsyłacze wewnętrzne Treść odsyłacza Style CSS odsyłaczy Otwieranie nowych okien Mapa odsyłaczy Rozdział 19. Elementy semantyczne ustalające strukturę witryny Nagłówki Grupowanie nagłówków Artykuły Sekcje Element aside Nagłówek i stopka Element address Elementy wyznaczające sekcje Rozdział 20. Multimedia Element audio Publikowanie materiałów wideo Element video Formaty wideo Element track Osadzanie na stronie WWW filmów z serwisu YouTube Osadzanie na stronie WWW filmów z serwisu Dailymotion Rozdział 21.Pozostałe elementy HTML5 Elementy ogólne div i span Oznaczanie zmian w dokumencie Elementy object i param Element embed Element iframe Skrypty JavaScript Element canvas Bazowy adres URL Element hr Rozdział 22. Podsumowanie części trzeciej Projekt 22.1. Obrazy tworzone przy użyciu elementu pre Projekt 22.2. ASCII Art Projekt 22.3. Emotikony Projekt 22.4. Cytaty ze specyfikacji HTML i XHTML Projekt 22.5. Książka pt. The Wonderful Wizard of Oz Projekt 22.6. Instrukcja przygotowywania zrzutów ekranu Projekt 22.7. Jak pisać na klawiaturze w języku rosyjskim? Projekt 22.8. Metody definiowania miejsc geometrycznych punktów Projekt 22.9. Artykuł pt. HTML czy XHTML? Projekt 22.10. Literackie Nagrody Nobla Projekt 22.11. Tabela ekstraklasy w sezonie 2006/2007 Projekt 22.12. Kod paskowy rezystorów Projekt 22.13. LaTeX — przykłady Projekt 22.14. Janko Muzykant Część IV. Czcionki na stronach WWW Rozdział 23. Rodzaje czcionek Czcionki szeryfowe i bezszeryfowe Czcionki proporcjonalne i nieproporcjonalne Inne podziały czcionek Testowanie czcionek Rozdział 24. Czcionki dla webmastera Core fonts for the Web Czcionki dostępne na różnych platformach Definiowanie kroju czcionki Osadzanie czcionek na stronach WWW Prawa autorskie do czcionek Serwis Font Squirrel Serwisy udostępniające czcionki online Rozdział 25. Właściwości CSS dotyczące czcionek i tekstu Właściwości dotyczące czcionek Właściwości dotyczące tekstu Rozdział 26. Teksty wielokolumnowe Ustalenie liczby kolumn Szerokości kolumn Odstępy i separatory kolumn Rozciąganie elementów na wszystkie kolumny Rozdział 27. Podsumowanie części czwartej Projekt 27.1. CSS: właściwości dotyczące czcionek i tekstu Projekt 27.2. Jan Kochanowski: Treny Projekt 27.3. Adam Mickiewicz: Pan Tadeusz Część V. Układ strony Rozdział 28. Elementy blokowe i liniowe Elementy ogólne div i span Domyślny format wizualny elementów blokowych i liniowych Rozdział 29. Obszar zajmowany przez element Właściwość display Wyśrodkowanie elementu blokowego Łączenie marginesów pionowych Wymiary minimalne i maksymalne Rozdział 30. Elementy pływające Właściwość float Układy kolumnowe Znikające tło pojemnika Czyszczenie elementów pływających Rozdział 31. Zaawansowane metody pozycjonowania elementów blokowych Właściwość position Pozycjonowanie statyczne Pozycjonowanie względne Pozycjonowanie bezwzględne Pozycjonowanie trwałe Pozycjonowanie kontekstowe Właściwości left, right, top oraz bottom Warstwy i ich kolejność Przycinanie Rozdział 32. Układy o stałej szerokości Dobieranie szerokości układu Układy przylegające do okna przeglądarki Układ nr 1 Układ nr 2 Układ nr 3 Układ nr 4 Układ nr 5 Układ nr 6 Układ nr 7 Układ nr 8 Rozdział 33. Układy płynne Układ nr 9 Układ nr 10 Układ nr 11 Układ nr 12 Układ nr 13 Układ nr 14 Układ nr 15 Układ nr 16 Rozdział 34. Układy hybrydowe Układy dwukolumnowe Układ nr 17 Układ nr 18 Układ nr 19 Układ trójkolumnowy Układ nr 20 Układ nr 21 Układ nr 22 Rozdział 35. Podsumowanie części piątej Projekt 35.1. Maria Konopnicka: „Miłosierdzie gminy” Projekt 35.2. Stefan Żeromski: „Rozdzióbią nas kruki, wrony” Projekt 35.3. Szablony XHTML/CSS Projekt 35.4. Tabelka miniatur o różnych wymiarach Projekt 35.5. Zabytki Lublina Projekt 35.6. Kolędy Część VI. Tła Rozdział 36. Właściwości CSS dotyczące tła Wielokrotne tła Rozdział 37. FIR — wymiana obrazów na teksty Efekt FIR wykonany przy użyciu display: none Efekt FIR wykonany przy użyciu text-indent Efekt FIR wykorzystujący kolejność warstw Efekt FIR stosujący przezroczyste obrazy Rozdział 38. Udawane kolumny Rozdział 39. Przyciski rollover w CSS Wymiana obrazu tła Przycisk z etykietą tekstową Przyciski pozycjonowane kontekstowo Rozdział 40. Kafelkowanie Rozwiązanie problemu pękania kafelków Kafelkowanie a przezroczystość Rozdział 41. Podsumowanie części szóstej Projekt 41.1. Fraszki Projekt 41.2. Jack London: The Call of the Wild Projekt 41.3. Zakładki Projekt 41.4. Przyciski aktywne/ nieaktywne wykonane jako tła Część VII. Zagadnienia zaawansowane Rozdział 42. Struktura funkcjonalna witryny Rozdział 43. Kolejność elementów w kodzie HTML Zmiana kolejności kolumn pionowych Zmiana kolejności poziomych pasów Zmiana kolejności kolumn oraz poziomych pasów Rozdział 44. Atrybuty HTML Najpopularniejsze atrybuty Atrybuty językowe Skróty klawiszowe Pozostałe atrybuty Zdarzenia Rozdział 45. Powiązania dokumentów Element link Style alternatywne Kanały RSS i Atom Następny, poprzedni oraz spis treści Ikona witryny WWW Twórcy witryny WWW Plik robots.txt Plik sitemap.xml Rozdział 46. Element meta — dodatkowe informacje na temat strony WWW Składnia elementu meta Dwa rodzaje elementów meta Rozdział 47. Uzupełnienie wiadomości na temat CSS Selektory CSS3 Pseudoklasy CSS3 Importowanie stylów Dziedziczenie Style do druku Nowości CSS3 Rozdział 48. Formularze Atrybuty formularza Kontrolki formularza Atrybuty ogólne kontrolek formularza Elementy input Przyciski zatwierdzające i resetujące formularz Wiersz wprowadzania danych Pole hasła Pola wyboru Wykluczające się wzajemnie pola wyboru Kontrolki ukryte Przyciski Kontrolka wyboru pliku Obraz Element button Listy Pole tekstowe Grupowanie i podpisywanie kontrolek formularza Podsumowanie Rozdział 49. Korzystanie z HTML5 i CSS3 Czy dany atrybut jest już zaimplementowany? Problemy ze starszymi wersjami Internet Explorera Rozdział 50. Podsumowanie części siódmej Praktyka, praktyka, praktyka Skorowidz