CSS3. Tworzenie nowoczesnych stron WWW - ebook

• Zastosuj nowoczesne narzędzia do tworzenia stron WWW
• Dowiedz się, jak wykorzystywać potencjał drzemiący w CSS3
• Naucz się osiągać efekty, o których konkurencja może tylko marzyć

Rozwój kaskadowych arkuszy stylów nabiera coraz większego rozpędu. Bez nich nie byłoby internetu, jaki dziś znamy, a zamiast atrakcyjnych, kolorowych stron WWW z dużą ilością grafiki oglądalibyśmy wciąż proste i nieciekawe dokumenty hipertekstowe. Specyfikacja CSS3 nie jest jeszcze w pełni ukończona, ale wprowadzone w niej nowości już teraz prezentują się wprost rewelacyjnie, zaś zapewniane przez ten standard możliwości znacznie ułatwiają tworzenie stron internetowych. To, co jeszcze do niedawna było tylko śmiałym marzeniem, dziś staje się rzeczywistością!

Dogłębne poznanie technologii CSS znacznie przyspieszy lektura książki "CSS3. Tworzenie nowoczesnych stron WWW". Podręcznik ten prezentuje podstawy obowiązującego standardu CSS 2.1 oraz nowości wprowadzone w CSS3. Znajdziesz tu informacje o nowych selektorach, właściwościach fontów i tekstu, profilach kolorów, właściwościach obramowań i tła, możliwościach związanych z tekstem wielokolumnowym oraz gradientami linearnymi czy radialnymi, transformacjach, przejściach i animacjach. Książka nie ogranicza się jednak do przedstawienia suchej teorii - zainteresowani mogą dzięki niej od strony praktycznej poznać proces tworzenia profesjonalnego serwisu internetowego, od kontaktów ze zleceniodawcą aż po powstanie gotowego produktu.

• Całościowe omówienie standardu CSS 2.1
• Selektory poziomu trzeciego
• Właściwości czcionek i tekstu CSS3
• Tekst w wielokolumnowy
• Nowe profile kolorów
• Nowe właściwości tła, obrysu, obramowania
• Stosowanie gradientów, transformacji i przejść
• Posługiwanie się animacjami i mediami
• Dodatki zawierające wiedzę niezbędną w codziennej pracy

Przedmowa (15)

Część I Wprowadzenie (25)

Rozdział 1. Warsztat (27)

• Popularne technologie webowe (27)
  
  • Client-side (28)
  • Platformy RIA (Rich Internet Applications) (28)
  • Server-side (29)
  • Bazy danych (29)
• Przeglądarki (30)
  
  • Google Chrome (30)
  • Mozilla Firefox (31)
  • Internet Explorer (31)
  • Opera (33)
  • Safari (33)
• Popularne pluginy (34)
  
• Który edytor wybrać? (34)
  
• Dodatkowe programy (35)
  
  • Adobe Photoshop (35)
  • Adobe Fireworks (36)
  • Adobe Flash (36)
  • Adobe Illustrator (36)
  • Inne "wspomagacze" (37)
• Testowanie (37)
  
• Walidacja (38)
  
• Statystyki sieciowe (39)
  
• Narzędzia developerskie (40)
  
  • Firebug (41)
  • Web Developer Toolbar (41)
• Podsumowanie (42)
  
• Quiz (42)

Rozdział 2. Wstęp do CSS (43)

• Co to jest CSS? (43)
  
• Pierwszy dokument (44)
  
• Składnia CSS (45)
  
• Czytelny zapis (45)
  
  • Kiedy białe znaki mają znaczenie? (46)
• Metody osadzania stylów (46)
  
  • Styl lokalny (inline) (47)
  • Wewnętrzny arkusz stylów (47)
  • Zewnętrzny arkusz stylów (48)
  • Importowanie arkuszy (48)
• Historia CSS (49)
  
  • CSS3 (49)
• Kto pociąga za sznurki? (49)
  
• Stopnie rozwoju specyfikacji (50)
  
  • Unofficial Note - nieoficjalna notka (50)
  • Working Draft - szkic roboczy (50)
  • Last Call (51)
  • Candidate Recommendation - kandydat do rekomendacji (51)
  • Proposed Recommendation - proponowana rekomendacja (51)
  • Published Recommendation - opublikowana rekomendacja (51)
• Czy mogę korzystać z CSS3 już teraz? (51)
  
  • Prefiksy przeglądarek (Vendor Prefixes) (52)
• Jednostki (53)
  
  • Jednostki długości przeznaczone dla ekranu (53)
  • Jednostki długości przeznaczone dla druku (54)
  • Jednostki miar kątowej i łukowej (54)
  • Jednostki czasu i częstotliwości (54)
• Arkusz resetujący (55)
  
  • Kilka słów o "Lorem ipsum" (56)
• Jak sobie radzić z Internet Explorerem? (56)
  
  • Komentarze warunkowe i oddzielne style dla IE (56)
• Zwykłe komentarze CSS (57)
  
• Podsumowanie (57)
  
• Quiz (58)

Część II Aktualny standard CSS 2.1 (59)

Rozdział 3. Selektory (61)

• Drzewo dokumentu (61)
  
• Dziedziczenie stylów (62)
  
• Selektory specjalne (63)
  
  • Identyfikatory (63)
  • Klasy (63)
• Selektory elementów (64)
  
  • Selektor typu (64)
  • Selektor uniwersalny (64)
  • Grupowanie selektorów (65)
  • Selektor potomka (65)
  • Selektor dziecka (66)
  • Selektor rodzeństwa (67)
• Selektory atrybutów (68)
  
  • Selektor atrybutu (68)
  • Selektor atrybutu o określonej wartości (68)
  • Selektor atrybutu zawierającego określony wyraz (69)
  • Selektor atrybutu zawierającego myślniki (69)
• Pseudoklasy (70)
  
  • Pseudoklasa :link (70)
  • Pseudoklasa :visited (70)
  • Pseudoklasa :hover (71)
  • Pseudoklasa :active (71)
  • Pseudoklasa :focus (71)
  • Pseudoklasa :lang (72)
• Pseudoelementy (72)
  
  • Pierwsza litera (73)
  • Pierwsza linia (73)
  • Przed (73)
  • Po (74)
• Zasada kaskadowości (74)
  
  • Łamanie kaskadowości - !important (76)
• Podsumowanie (76)
  
• Quiz (77)

Rozdział 4. Czcionki, tekst i listy (79)

• Stylistyka czcionek (79)
  
  • Pogrubienie (wytłuszczenie) (79)
  • Pochylenie (kursywa) (80)
  • Wariant fontu (81)
  • Rozmiar czcionki (81)
  • Krój czcionki (82)
  • Style systemu i przeglądarki (83)
  • Łączenie właściwości (83)
  • Czcionkowy liberalizm (84)
• Stylistyka tekstu (88)
  
  • Dekoracja (88)
  • Odstęp pomiędzy wierszami (interlinia) (89)
  • Przekształcenie tekstu (90)
  • Odstęp pomiędzy literami (kerning) (90)
  • Odstęp pomiędzy wyrazami (91)
  • Wcięcie akapitu (91)
  • Kolor tekstu (92)
  • Kierunek tekstu (93)
  • Łamanie wiersza i białe znaki (93)
  • Wyrównanie tekstu w poziomie (95)
  • Wyrównanie tekstu w pionie (95)
  • Generowanie treści (97)
• Stylistyka list (97)
  
  • Styl wypunktowania (97)
  • Zawijanie tekstu w elementach listy (99)
  • Własny wyróżnik (99)
  • Grupowanie własności (100)
• Podsumowanie (100)
  
• Quiz (101)

Rozdział 5. Kolor, tło, obramowanie, obrys i tabele (103)

• Definicja koloru (103)
  
  • Słowny opis (104)
  • Profil RGB (104)
• Stylistyka tła (107)
  
  • Kolor tła (107)
  • Tło obrazkowe (107)
  • Powielanie tła (108)
  • Zaczepienie tła (109)
  • Pozycja tła (110)
  • Łączenie właściwości (111)
• Stylistyka obramowania (111)
  
  • Styl obramowania (111)
  • Szerokość obramowania (113)
  • Kolor obramowania (113)
  • Łączenie właściwości (114)
  • Właściwości kierunkowe (114)
• Stylistyka obrysu (115)
  
  • Kolor obrysu (116)
  • Styl obrysu (116)
  • Grubość obrysu (116)
  • Właściwość zbiorowa (116)
  • Obramowanie i obrys jednocześnie (117)
• Stylistyka tabel (117)
  
  • Pozycja podpisu (117)
  • Obramowanie tabeli (118)
  • Odstęp pomiędzy komórkami (119)
  • Puste komórki (119)
  • Dopasowanie komórek (120)
• Podsumowanie (120)
  
• Quiz (120)

Rozdział 6. Model pudełkowy (123)

• Model pudełkowy (123)
  
  • Kiedy element zostanie wyświetlony? (124)
• Wymiary (124)
  
  • Szerokość (124)
  • Wysokość (125)
  • Minimalna i maksymalna szerokość (125)
  • Minimalna i maksymalna wysokość (125)
• Marginesy zewnętrzne (126)
  
  • Zapis zbiorowy (129)
• Marginesy wewnętrzne (dopełnienia) (130)
  
• Odległość od krawędzi (132)
  
• Podsumowanie (133)
  
• Quiz (133)

Rozdział 7. Pozycjonowanie (135)

• Sposób wyświetlania (135)
  
  • Usunięcie elementów (136)
  • Więcej trybów wyświetlania (136)
  • Jeszcze więcej trybów wyświetlania (138)
• Pływanie elementu (139)
  
• Przyleganie (141)
  
• Opływanie (144)
  
• Widoczność (145)
  
• Pozycjonowanie (146)
  
  • Pozycjonowanie statyczne (146)
  • Pozycjonowanie zaczepione (146)
  • Pozycjonowanie absolutne (147)
  • Pozycjonowanie relatywne (147)
  • Metoda Gilder-Levin (149)
• Warstwy (149)
  
• Przycinanie (150)
  
• Kursory (152)
  
  • Systemowe propozycje (152)
  • Własne kursory (153)
• Podsumowanie (153)
  
• Quiz (153)

Część III CSS3 (155)

Rozdział 8. Selektory (157)

• Selektory elementów (157)
  
  • Selektor ogólnego następującego rodzeństwa (157)
• Selektory atrybutów (158)
  
  • Selektor atrybutu o wartości rozpoczynającej się od... (158)
  • Selektor atrybutu o wartości kończącej się na... (159)
  • Selektor atrybutu zawierający określony tekst (159)
• Pseudoelementy (159)
  
  • Zaznaczenie (159)
• Pseudoklasy interfejsu użytkownika (160)
  
  • Dostępne pola formularza (161)
  • Niedostępne pola formularza (161)
  • Pola wyboru (162)
• Pseudoklasy strukturalne (162)
  
  • Korzeń dokumentu (162)
  • Puste elementy (163)
  • Pierwsze dziecko (163)
  • Ostatnie dziecko (164)
  • Jedyne dziecko (164)
  • Pierwszy element danego typu (165)
  • Ostatni element danego typu (165)
  • Jedyny element danego typu (165)
  • Pseudoklasa :nth-child(n) (166)
  • Pseudoklasa :nth-last-child(n) (167)
  • Pseudoklasa :nth-of-type(n) (168)
  • Pseudoklasa :nth-last-of-type(n) (168)
• Inne pseudoklasy (169)
  
  • Negacja (169)
  • Formatowanie kotwic (170)
• Selektory CSS4 (171)
  
• Podsumowanie (171)
  
• Quiz (171)

Rozdział 9. Czcionki i tekst (173)

• Stylistyka czcionek (173)
  
  • Proporcja (173)
• Stylistyka tekstu (175)
  
  • Wyrównanie w poziomie (175)
  • Pionowe wyrównanie (175)
  • Łamanie długich wyrazów (176)
  • Gdy tekst się nie mieści (176)
  • Cień (177)
  • Przełamanie wiersza (179)
  • Obrys tekstu (180)
• Podsumowanie (181)
  
• Quiz (181)

Rozdział 10. Kolumny tekstu (183)

• Ogólnie o kolumnach (183)
  
• Liczba kolumn (184)
  
• Szerokość kolumn (185)
  
• Liczba i szerokość kolumn (185)
  
• Odstęp między kolumnami (186)
  
• Style linii oddzielającej kolumny (187)
  
• Przełamanie ciągłości kolumn (187)
  
• Wypełnienie kolumn (189)
  
• Podsumowanie (190)
  
• Quiz (191)

Rozdział 11. Kolor, tło, obrys i obramowanie (193)

• Kolory poziomu trzeciego (193)
  
  • Słowa kluczowe (193)
  • Profil RGBA (194)
  • Profile HSL i HSLA (194)
  • Przezroczystość (195)
  • Profil CMYK (197)
• Stylistyka tła (198)
  
  • Rozmiar tła (198)
  • Powtarzanie tła (201)
  • Styk tła z obramowaniem (203)
  • Pozycja początkowa tła obrazkowego (204)
  • Wielokrotna definicja tła (205)
• Stylistyka obrysu (206)
  
• Obramowanie (207)
  
  • Zaokrąglone narożniki (207)
  • Cień dla kontenera (209)
  • Własne obramowanie (210)
• Podsumowanie (214)
  
• Quiz (214)

Rozdział 12. Gradienty (215)

• Kilka słów o gradientach w CSS (215)
  
• Gradienty linearne (216)
  
• Gradienty liniowe powtarzane (219)
  
• Gradienty radialne (220)
  
• Maski (224)
  
• Lustrzane odbicie (225)
  
• Podsumowanie (227)
  
• Quiz (227)

Rozdział 13. Media (229)

• Typy mediów (229)
  
  • Wybór medium (230)
• Zapytania o media (231)
  
  • Typy mediów i ich własności (231)
  • Wyrażenia (232)
  • Obsługa Media Queries w przeglądarkach (235)
• Media Queries w praktyce (235)
  
  • O czym należy pamiętać podczas tworzenia strony mobilnej? (238)
• Podsumowanie (238)
  
• Quiz (238)

Rozdział 14. Transformacje (239)

• Krótko o transformacjach (239)
  
• Funkcje transformacji (240)
  
  • Przesunięcie (translacja) (240)
  • Skalowanie (241)
  • Pochylenie (243)
  • Obracanie (243)
  • Matrix (244)
  • Łączenie wszystkich własności (244)
  • Punkt ciężkości (246)
  • Problem z elementami liniowymi w WebKit (246)
• Transformacje 3D (247)
  
• Podsumowanie (248)
  
• Quiz (248)

Rozdział 15. Przejścia (249)

• Wstępu ciąg dalszy (249)
  
  • Wybór właściwości (250)
  • Czas trwania (250)
  • Funkcje ruchu (251)
  • Opóźnienie (252)
  • Właściwość skrótowa (253)
  • Wielokrotne przejścia (253)
• Praktyczne zastosowania (254)
  
  • Galeria zdjęć (254)
  • Menu rozwijane (255)
• Podsumowanie (257)
  
• Quiz (257)

Rozdział 16. Animacje (259)

• Definiowanie animacji (259)
  
  • Klatki (260)
• Korzystanie z animacji (261)
  
  • Nazwa animacji (261)
  • Czas trwania (261)
  • Przebieg animacji (262)
  • Opóźnienie animacji (262)
  • Liczba powtórzeń (262)
  • Stan animacji (263)
  • Odwracanie przebiegu animacji (263)
  • Właściwość skrótowa (264)
  • Wielokrotne animacje (264)
• Dla fanów siatkówki i nie tylko (265)
  
• Podsumowanie (268)
  
• Quiz (268)

Część IV Tworzenie stron WWW w praktyce (269)

Rozdział 17. Jurek Meble (271)

• Przyjęcie zlecenia (271)
  
  • Życzenia klienta (272)
  • Szczegóły umowy (272)
• Przygotowanie środowiska pracy (274)
  
  • Kompletny zestaw przeglądarek (274)
  • Zestaw narzędzi do tworzenia stron WWW (274)
• Konfiguracja witryny (275)
  
  • Domena i pakiet hostingowy (275)
  • Tworzenie nowego serwisu (276)
  • Aliasy (278)
  • Narzędzia dla webmasterów Google (278)
  • Plik robots.txt (279)
  • Mapa witryny (280)
  • Plik .htaccess (282)
• Praca nad szablonem (283)
  
  • Struktura katalogów (283)
  • Statystyki Google Analytics (283)
  • Strony z informacjami o błędach (284)
  • Opracowywanie struktury HTML (286)
• Praca nad podstronami (298)
  
  • Strona główna (298)
  • O nas (301)
  • Podstrony mebli (302)
  • Klienci (307)
  • Kontakt (309)
• Styl witryny (313)
  
  • Kolorystyka (313)
  • Typografia (314)
  • Inne (315)
• Pomocnicze arkusze CSS (315)
  
  • Resetujący arkusz stylów (315)
  • Arkusz CSS dla stron z informacjami o błędach (317)
  • Tricki dla starszych wersji IE (318)
  • Arkusz CSS dla Lightbox (318)
• Główny arkusz CSS (320)
  
  • Import fontów i definicja animacji (320)
  • Reguły dla całego szablonu (324)
  • Dodatkowe style dla poszczególnych podstron (329)
• Ostatnie poprawki (338)
  
  • Kompresja plików (338)
  • Testowanie (339)
• Podsumowanie (341)

Dodatki (343)

Dodatek A Wykaz właściwości (345)

• Odczyt danych tabelarycznych (345)
  
  • Przeglądarki i podział danych (345)
  • Oznaczenia (345)
• Ogólny wykaz własności CSS (348)
  
  • Właściwości i selektory CSS 2.1 (348)
  • Właściwości i selektory CSS3 (351)
• Szczegółowy wykaz właściwości (354)
  
  • Więcej (354)
• Statystyki sieciowe (355)
  
  • Udział przeglądarek (355)

Dodatek B Klucz odpowiedzi (357)

Dodatek C Fonty (361)

• Główne rodziny fontów (361)
  
• Formaty czcionek (362)
  
  • Zakres wsparcia formatów w przeglądarkach (363)
• Zestaw fontów systemowych (363)
  
  • Windows (363)
  • Mac OS (364)
• Proporcje czcionek (364)
  
• Najważniejsze encje (365)

Dodatek D Kolory (367)

• Bezpieczna paleta kolorów (367)
  
• Tabela HEX (368)
  
• Koło kolorów (368)

Dodatek E Licencje (371)

Dodatek F Zasoby (373)

• Gdzie rozpoczynać poszukiwania? (373)
  
  • Zdjęcia (373)
  • Fonty (374)
  • Logotypy (374)
  • Kolorystyka (375)

Dodatek G HTML5 (377)

• Podział elementów (377)
  
  • Elementy liniowe (377)
  • Elementy blokowe (377)
  • Elementy zastępowalne (377)
  • Elementy tabeli (378)
  • Ogólne elementy strukturalne (378)
  • Pozostałe elementy (378)
• Elementy wycofane (378)
  
  • Tagi prezentacyjne (378)
  • Tagi wycofane ze względu na ograniczoną dostępność (378)
  • Tagi wycofane ze względu na przestarzałość (378)
• Nowe elementy HTML5 (378)
  
  • Blokowe (379)
  • Liniowe (379)
  • Zastępowalne (379)
• Specyfika elementów HTML (379)

Skorowidz (381)