CSS według Erica Meyera. Kolejna odsłona

Technologia kaskadowych arkuszy stylów (CSS) stopniowo wypiera inne metody definiowania układu i wyglądu witryn WWW. Uniwersalność i elastyczność stylów CSS sprawiają, że zmiana kolorystyki, liternictwa i konstrukcji strony sprowadza się do zmodyfikowania arkusza definiującego wygląd określonych elementów. W książce "CSS według Erica Meyera. Sztuka projektowania stron WWW" autor -- prawdziwy guru projektantów witryn WWW -- przedstawił czytelnikom zasady poprawnego stosowania stylów w projektach. Nadszedł czas na wykorzystanie wiedzy w praktyce.

"CSS według Erica Meyera. Kolejna odsłona" to doskonała pozycja dla wszystkich, którzy chcą poznać technologię CSS na praktycznych przykładach. Czytając ją i wykonując opisane w niej projekty, przekonasz się, jakim ułatwieniem dla projektanta stron WWW są kaskadowe arkusze stylów. W kolejnych rozdziałach przeczytasz o konwertowaniu "starych" stron WWW na dokumenty oparte o CSS, wykorzystywaniu stylów do formatowania witryn WWW i projektowaniu z wykorzystaniem najnowocześniejszych technologii definiowania wyglądu i układu strony. Poznasz sposoby przygotowywania atrakcyjnych i uniwersalnych witryn WWW, które zostaną prawidłowo wyświetlone we wszystkich przeglądarkach i na różnych urządzeniach.

• przekształć swoje strony WWW w dokumenty oparte wyłącznie na CSS
• zastosuj style CSS do formatowania galerii fotografii i tworzenia elementów nawigacyjnych
• zaprojektuj od podstaw witryny wykorzystujące CSS

O autorze:
Eric A. Meyer zajmuje się projektowaniem witryn i zagadnieniami związanymi z siecią WWW od końca 1993 roku. Obecnie jest ekspertem współpracującym z grupą roboczą W3C CSS&FP. [więcej...\

CSS według Erica Meyera. Kolejna odsłona -- spis treści

O Autorze (9)

O Recenzentach technicznych (10)

Przedmowa (11)

Wprowadzenie (15)

Projekt 1. Przekształcanie istniejącej strony (21)

• Cele projektu (22)
  
• Przygotowania (22)
  
• Kładziemy fundamenty (23)
  
• Konwertowanie dokumentu (24)
  
  • Okrajanie dokumentu (25)
  • Struktura szkieletowa (25)
• Przebudowa projektu (28)
  
  • Style podstawowe (28)
  • Składanie nagłówka (28)
  • Wypełnianie paska nawigacyjnego (30)
  • Style tytułu i podsumowania (33)
  • Informacje z boku strony (35)
  • Stylizowana recenzja (38)
  • Wyróżnianie cytatu i rozbudowa projektu (40)
  • Powrót do nagłówka (42)
• Ocena korzyści (46)
  
  • Drobna uwaga (47)
• Warianty (48)

Projekt 2. Stylizowanie kolekcji zdjęć (49)

• Cele projektu (50)
  
• Przygotowania (50)
  
• Kładziemy fundamenty (51)
  
• Tworzenie widoku arkusza prezentacji (52)
  
  • Opływanie (52)
  • Odstępy i centrowanie (53)
  • Style i slajdy (55)
• Tworzenie widoku galerii (57)
  
  • Usuwanie stylów slajdów (57)
  • Tytuły, tytuły, tytuły (58)
  • Czyszczenie (60)
  • Wysokość i tabele (61)
• Tworzenie widoku katalogu (62)
  
  • Znów opływanie (63)
  • Ułożenie i wyrównanie (65)
  • Poprawianie listy (67)
  • Informacje do ramek (69)
• Warianty (71)

Projekt 3. Stylizowanie raportu finansowego (73)

• Cele projektu (74)
  
• Przygotowania (74)
  
• Style dla ekranu (74)
  
  • Kładziemy fundamenty (75)
  • Style czcionek (76)
  • Etykiety tabeli (78)
  • Style zysków (80)
  • Akcentowanie wartości ujemnych (81)
  • Style podsumowania (82)
  • Ostatnie poprawki (84)
• Style do wydruku (86)
  
  • Zaczynamy (86)
  • Zaznaczanie wierszy (87)
  • Wiersz podsumowania (89)
• Warianty (91)

Projekt 4. Pozycjonowanie w tle (93)

• Cel projektu (94)
  
• Przygotowania (94)
  
• Style o poranku (94)
  
  • Zaczynamy (94)
  • Style nagłówka (96)
  • Czyszczenie (100)
• Style na plaży (102)
  
  • Ocena struktury i stylów (102)
  • Style tytułu (104)
  • Style treści (105)
  • Dodawanie tła (107)
  • Wszystkie za i przeciw (109)
• Warianty (111)

Projekt 5. Menu tworzone na podstawie list (113)

• Cele projektu (114)
  
• Przygotowania (114)
  
• Kładziemy fundamenty (114)
  
  • Sprawdzanie kodu (115)
• Troszkę przestrzeni (116)
  
  • Rozdzielenie (117)
  • Styl ze strzałką (118)
  • Stylizowanie łączy (120)
• Zamykanie łączy (124)
  
  • Zmiany (124)
  • Łącza w ramkach (125)
  • Zawiesić na linie (126)
• Warianty (130)

Projekt 6. Menu rozwijalne tworzone za pomocą CSS (133)

• Cele projektu (134)
  
• Przygotowania (134)
  
• Kładziemy fundamenty (134)
  
• Układanie menu (136)
  
  • Planowanie (136)
  • Pozycjonowanie menu podrzędnych (138)
  • Style ładniejszych menu (139)
  • Grupowanie łączy (140)
  • Pozycje wskazywane (143)
  • Specjalne style podrzędnych menu (144)
  • Przygotowywanie menu rozwijalnego (145)
  • Ostatnie poprawki (148)
• Zmiana układu menu (149)
  
  • Zmiana orientacji (150)
  • Wprowadzanie poprawek (152)
  • Poprawki w menu niższych poziomów (154)
• Pod rozwagę (156)
  
• Warianty (157)

Projekt 7. Tworzenie atrakcyjnych zakładek (159)

• Cele projektu (160)
  
• Przygotowania (160)
  
• Kładziemy fundamenty (161)
  
• Stylizowanie łączy (164)
  
  • Początkowe style (164)
  • Poprawianie wyglądu zakładek (166)
  • Dodawanie tekstury (170)
  • Wskazywanie i ostatnie poprawki (171)
  • Obcięty tekst i zmniejszony obszar aktywny (172)
• Tworzenie rzeczywistych zakładek (175)
  
  • Wprowadzanie zmian (176)
  • Zakładki (177)
  • Wyróżnianie aktualnej zakładki (179)
  • Końcowe uwagi (182)
• Warianty (184)

Projekt 8. Stylizacja bloga (187)

• Cele projektu (188)
  
• Przygotowania (188)
  
• Kładziemy fundamenty (188)
  
• Stylizowanie bloga (190)
  
  • Zabawy z tytułem (190)
  • Tytuł i data wpisu (194)
  • Rozdzielanie i łączenie (195)
  • Tekst i informacje (198)
  • Ostatnie poprawki (202)
• Warianty (205)

Projekt 9. Tworzenie strony domowej (207)

• Cele projektu (208)
  
• Przygotowania (208)
  
• Kładziemy fundamenty (208)
  
• Tworzenie projektu (210)
  
  • Dwa obrazki za nagłówkiem (210)
  • Przesunięcia i ramki (213)
  • Zawartość i pasek boczny (214)
  • Proste style paska bocznego (218)
  • Kolejny listek (219)
  • Łącza paska bocznego (221)
  • Zmiany ramek (223)
  • Naturalne wyróżnienie (224)
  • Ostatnie modyfikacje (225)
• Warianty (229)

Projekt 10. Projektowanie ogrodu (231)

• Cele projektu (232)
  
• Przygotowania (233)
  
• Kładziemy fundamenty (233)
  
• Tworzenie projektu (235)
  
  • Ziarna i sadzonki (236)
  • Nagłówek strony (237)
  • Dodajemy kwiat (238)
  • Stylizowanie podsumowania (241)
  • Stylizowanie właściwej zawartości dokumentu (244)
  • A teraz stopka (248)
  • Style paska bocznego (252)
• Dodajemy obrazki PNG (259)
  
• Przemyślenia (262)
  
• Warianty (264)

Skorowidz (265)