• Dlaczego należy oddzielać warstwę prezentacji od struktury?
• Jak stworzyć różne układy strony z wykorzystaniem CSS?
• Jak wykorzystać format graficzny PNG?

W 1996 roku projektanci stron WWW mogli odetchnąć z ulgą. To właśnie wtedy pojawiła się pierwsza oficjalna dokumentacja CSS, a z nią nadzieja na lepsze, łatwiejsze i bardziej uniwersalne zarządzanie wyglądem stron. Trzeba pamiętać, że wcześniej każdy z producentów przeglądarek wprowadzał swoje własne znaczniki, pozwalające kontrolować kolory czy typografię. Oczywiście producenci robili to bez porozumienia z innymi -- łatwo więc sobie wyobrazić, jaki stanowiło to kłopot dla projektantów stron WWW. Na szczęście nadszedł wspomniany rok 1996, a w latach następnych pojawiły się nowsze przeglądarki, coraz lepiej wspierające kaskadowe arkusze stylów.

Dzięki tej książce poznasz najlepsze praktyki związane z CSS oraz XHTML. Na przykładzie prawdziwych witryn dowiesz się, jak zapewnić różne funkcjonalności za pomocą kaskadowych arkuszy stylów. Analityczny opis strony Blogger.com pozwoli zaprezentować różne efekty, choćby takie, jak "rollover" dla tekstu, łączy oraz tabel. Z analiz dotyczących innych witryn dowiesz się, jak zapewnić efekt cienia, rozwijane menu czy też dynamiczne przełączanie arkuszy CSS. Ponadto poznasz sposoby wykorzystania przezroczystych grafik w formacie PNG, zasady tworzenia układów CSS oraz metody pozycjonowania elementów na stronie. Znajdziesz tu także wiele innych zagadnień, które pozwolą Ci zbudować własną -- profesjonalną i atrakcyjną -- witrynę WWW.

• Deklarowanie typów dokumentu
• Oddzielenie warstwy prezentacji od struktury
• Typy selektorów
• Wykorzystanie efektu "rollover"
• Tworzenie cieni oraz rozwijanego menu
• Zapewnienie poprawności semantycznej
• Techniki przełączania CSS
• Wykorzystanie formatu PNG w różnych przeglądarkach
• Przygotowywanie układów przy użyciu CSS
• Sposoby rozwiązywania problemów z kaskadowymi arkuszami stylów
• Rozwiązywanie problemów z przeglądarkami

Osoby które kupowały "CSS. Projektowanie profesjonalnych stron WWW", wybierały także:

• Zosta 148,98 zł, (59,59 zł -60%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracę z CSS 89,00 zł, (35,60 zł -60%)
• CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu 99,00 zł, (44,55 zł -55%)
• CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW 59,00 zł, (26,55 zł -55%)
• Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM 47,93 zł, (22,05 zł -54%)

Spis treści

CSS. Projektowanie profesjonalnych stron WWW -- spis treści

Rozdział 1. Najlepsze praktyki w XHTML i CSS (17)

• Upychanie warstwy strukturalnej i prezentacyjnej razem (18)
  
• Pokochać swój kod (23)
  
  • XHTML - nowa era (24)
  • Oddzielenie struktury od stylu (27)
• CSS - dodawanie warstwy stylów (34)
  
  • Lepiej zapoznaj się z selektorami (34)
  • Inne selektory (39)
  • Łączenie deklaracji (42)
  • Selektory grupujące (42)
  • Tajniki dziedziczenia (44)
  • Wykorzystanie wszystkiego w praktyce (46)
• Kaskadowość (52)
  
  • Pochodzenie stylów (52)
  • Sortowanie według precyzji (55)
  • Sortowanie według kolejności (56)
• Praktyka (57)
  
  • Praca w solidnej przeglądarce (57)
  • Usprawiedliwienie potrzeby stosowania hacków (57)
  • Problem hacków (61)
  • Hackowanie dla zabawy i pożytku (62)
• Podsumowanie (64)

Rozdział 2. Blogger.com: efekt rollover i design touches (65)

• Wywiad z projektantem (66)
  
• Efekt rollover w CSS (69)
  
  • Zmienianie koloru tekstu i tła odnośników - łatwe (70)
  • Zmiana koloru tekstu i tła odnośników - skomplikowane (71)
  • Zmienianie koloru tła wierszy tabeli (79)
  • Zmienianie koloru tekstu (83)
  • Zmienianie pozycji tła odnośników (86)
• Podsumowanie (96)

Rozdział 3. Witryna internetowa mistrzostw PGA (97)

• Efekt cienia (98)
  
  • Tworzenie iluzji (99)
  • Dodanie realizmu (103)
• Tworzenie w CSS menu rozwijanych (107)
  
  • Pozycjonowanie menu rozwijanych (108)
  • Dostrajanie: stylizacja menu rozwijanych (109)
• Wstawianie filmów Flasha w zgodzie ze standardami (113)
  
  • Metoda Flash Satay (113)
  • Wpisywanie znaczników object i embed przy użyciu JavaScriptu (113)
  • SWFObject (114)
• Podsumowanie (114)

Rozdział 4. Witryna University of Florida (115)

• Powrót do przeszłości (115)
  
  • Przemyślenia na temat kolejnych wersji (116)
  • Aktualna witryna (118)
• Definiowanie witryny (119)
  
  • Budowa zespołu (119)
  • Badania użytkowników (120)
  • Badanie samych siebie (120)
  • Definiowanie specyfikacji technicznych (121)
• Tworzenie głównej struktury nawigacyjnej (122)
  
  • Kod XHTML (122)
  • Kod CSS (125)
  • Grafika (126)
  • Małymi krokami naprzód (126)
• Nawigacja uzupełniająca (130)
  
  • Kod XHTML (130)
  • Kod CSS (132)
• Jeszcze raz o Flashu (137)
  
  • Jeszcze raz o metodzie Satay (138)
  • Detekcja po stronie klienta przy użyciu metody Flash Satay (140)
• Szukanie błędów (142)
  
  • Zmiany (142)
  • Gdzie to się podziało? (142)
• Podsumowanie (142)

Rozdział 5. Stuff and Nonsense Ltd.: strategie przełączania arkuszy stylów (143)

• Kładzenie fundamentów (144)
  
• Przełączanie CSS (150)
  
• Szczegóły techniczne (152)
  
  • Trwałe arkusze stylów (152)
  • Preferowane arkusze stylów (152)
  • Alternatywne arkusze stylów (153)
  • Inne rozwiązanie, którego prawie nie możesz zastosować (155)
• Rzeczywistość, czyli jak to może działać dzisiaj? (156)
  
  • Wykorzystanie JavaScriptu (157)
  • Zastosowanie PHP (165)
• CSS poza przeglądarką (168)
  
  • Typy mediów (169)
  • Problem z wyborem (173)
• Stuff and Nonsense: budowa lepszego przełącznika (173)
  
• Spotkanie z projektantem Andym Clarke'em (176)
  
• Podsumowanie (180)

Rozdział 6. Przygody CindyLi.com: modyfikacja blogu (181)

• Blogi (181)
  
• CSS: Cindy Li zaczyna publikować (183)
  
• Elementy projektu (183)
  
  • Tworzenie układu (183)
  • Układ projektu (184)
• Tworzenie witryny (186)
  
  • Projektowanie paska nawigacyjnego (186)
  • Grafiki efektu rollover (188)
  • Pisanie kodu XHTML i CSS dla nawigacji (189)
  • Integracja grafik rollover (192)
• Chmurka ze słowami (194)
  
  • Kod chmurki (195)
  • Ponowne wykorzystanie efektu (197)
  • Wstawianie plakietki Flickr (197)
• Formatowanie pól wyboru (203)
  
• Podsumowanie (210)

Rozdział 7. AIGA Cincinnati: szablony HTML wiadomości e-mail (211)

• Problemy z formatem HTML wiadomości e-mail (211)
  
• Tworzenie szablonu (212)
  
  • Drukowanie projektu (213)
  • Tworzenie układu tabelkowego (213)
  • Korygowanie projektu (222)
  • Analiza wpływu reguł CSS na szablon (224)
• Stosowanie stylów liniowych (227)
  
• Usługa Premailer (228)
  
• Podsumowanie (229)

Rozdział 8. Witryna internetowa książki: używanie przezroczystych obrazów PNG (231)

• Obsługa formatu PNG przez przeglądarki (232)
  
  • Sztuczka z użyciem filtru obrazów (233)
  • Obejście problemu obsługi przezroczystości przez Internet Explorer 6 za pomocą skryptu HTC (233)
  • Kolory a format PNG (235)
• Używanie opcji przezroczystości alfa (235)
  
  • Lepsze cienie (235)
  • Używanie odcieni kolorów (237)
• Podsumowanie (241)

Rozdział 9. Tworzenie układów CSS (243)

• O siatkach i układach (243)
  
• Robienie tego, co w druku jest niemożliwe (247)
  
• Pozycjonowanie przy użyciu CSS - podstawy (249)
  
  • Pozycjonowanie bezwzględne (250)
  • Pozycjonowanie absolutnie względne (253)
• Układ trzykolumnowy - kładzenie fundamentów (255)
  
  • Pisanie kodu XHTML - od makiety do gotowego projektu (256)
  • Warstwa stylów (259)
  • Zwalczanie błędów przeglądarek (267)
• Określanie granic: własność max-width (274)
  
• Podsumowanie (276)

Dodatek A Elementy HTML 4.01 (277)

Dodatek B Zasady konwersji HTML na XHTML (283)

Dodatek C Własności CSS 2.1 (289)

Dodatek D Rozwiązywanie problemów z CSS (303)

Skorowidz (309)