CSS. Nieoficjalny podręcznik - ebook

• Jak przygotować atrakcyjną stroną internetową?
• Jak szybko zmienić styl witryny?
• Jak zapewnić poprawną obsługę stylów CSS we wszystkich przeglądarkach?

Obecnie w internecie coraz większe znaczenie ma forma. Witryny muszą swoim wyglądem sprawiać, że chce się na nich pozostać -- w przeciwnym wypadku użytkownicy wybiorą jedną spośród niezliczonych konkurencyjnych stron. Doskonałym narzędziem do nadawania atrakcyjnego i spójnego stylu witrynom są arkusze CSS, które pozwalają dowolnie definiować wszystkie elementy stron internetowych i błyskawicznie zmieniać ich wygląd. Są przy tym łatwe do nauczenia się oraz stosowania i pozwalają na uzyskiwanie ciekawych efektów wizualnych.

"CSS. Nieoficjalny podręcznik" to wszechstronny przegląd możliwości i zastosowań tej technologii. Dzięki tej książce dowiesz się, jak przygotować poprawny arkusz stylów i dołączyć go do strony, oraz poznasz sposoby formatowania elementów kodu HTML. Nauczysz się projektować profesjonalne i wygodne w użyciu strony WWW oraz menu do nawigacji po witrynach. Przeczytasz także o tym, jak przygotowywać strony do wydruku, zapewniać poprawne wyświetlanie stylów we wszystkich przeglądarkach i dbać o wiele innych szczegółów, które zapewnią Twoim witrynom wiernych użytkowników.

• Pisanie kodu HTML pod kątem stylów CSS
• Budowa stylów i arkuszy CSS
• Dziedziczenie i kaskadowość stylów
• Dołączanie stylów CSS do stron WWW
• Formatowanie elementów stron WWW
• Tworzenie atrakcyjnych menu
• Zarządzanie układem stron za pomocą stylów CSS
• Przygotowywanie stron do wydruku
• Obsługa stylów CSS w różnych przeglądarkach

Nieoficjalna czołówka (11)

Wstęp (15)

Część I Podstawy CSS (27)

Rozdział 1. Przystosowanie kodu HTML do pracy z CSS (29)

• HTML kiedyś i teraz (29)
  
  • HTML kiedyś - aby dobrze wyglądało (30)
  • HTML teraz - szkielet dla CSS (31)
• Pisanie HTML-a z myślą o CSS (32)
  
  • Pamiętaj o strukturze (32)
  • Dwa nowe znaczniki HTML do nauczenia (33)
  • O czym trzeba zapomnieć (34)
  • Podstawowe wskazówki (37)
• Znaczenie deklaracji typu dokumentu (38)

Rozdział 2. Tworzenie stylów i arkuszy stylów (41)

• Anatomia stylu (41)
  
• Zrozumieć arkusze stylów (44)
  
  • Styl wewnętrzny czy zewnętrzny (44)
• Wewnętrzne arkusze stylów (45)
  
• Style zewnętrzne (46)
  
  • Dołączanie arkusza stylów przy użyciu znacznika HTML (47)
  • Dołączanie arkuszy stylów za pomocą kodu CSS (48)
• Kurs: tworzenie pierwszego stylu (49)
  
  • Tworzenie stylu wpisanego (50)
  • Tworzenie wewnętrznych arkuszy stylów (51)
  • Tworzenie zewnętrznego arkusza stylów (53)

Rozdział 3. Podstawy selektorów - do czego odnoszą się style (57)

• Selektory znaczników - style dla całej strony (57)
  
• Selektory klas - precyzyjna kontrola (59)
  
• Selektor ID - unikalne elementy strony (62)
  
• Stylizowanie znaczników zagnieżdżonych (63)
  
  • Drzewo rodzinne HTML (64)
  • Tworzenie selektorów potomka (65)
• Nadawanie stylów grupom znaczników (67)
  
  • Grupowanie selektorów (67)
  • Selektor uniwersalny (68)
• Pseudoklasy i pseudoelementy (68)
  
  • Style odnośników (69)
  • Więcej pseudoklas i pseudoelementów (69)
• Zaawansowane selektory (72)
  
  • Selektor dziecka (73)
  • Selektor brata (74)
  • Selektor atrybutu (75)
• Kurs: selektory (76)
  
  • Tworzenie selektora grupowego (78)
  • Tworzenie i stosowanie selektora klasy (79)
  • Tworzenie i stosowanie selektora identyfikatora (81)
  • Tworzenie selektora potomka (82)

Rozdział 4. Oszczędzanie czasu dzięki dziedziczeniu (85)

• Czym jest dziedziczenie? (85)
  
• Jak dziedziczenie upraszcza arkusze stylów (87)
  
• Granice dziedziczenia (87)
  
• Kurs: dziedziczenie (89)
  
  • Prosty przykład: dziedziczenie jednopoziomowe (89)
  • Wykorzystanie dziedziczenia do zmiany stylu całej strony (90)
  • Kiedy dziedziczenie nie działa (92)

Rozdział 5. Zarządzanie wieloma stylami: kaskada (95)

• Kaskadowość stylów (96)
  
  • Style dziedziczone mogą się grupować (96)
  • Najbliższy przodek bierze górę (97)
  • Górę bierze styl bezpośredni (98)
  • Jeden znacznik wiele stylów (98)
• Precyzja: który styl weźmie górę (100)
  
  • Remis: wygrywa ostatni (101)
• Kontrolowanie kaskady (103)
  
  • Zmienianie precyzji (103)
  • Wybiórcze przesłanianie (103)
• Kurs: kaskadowość w akcji (105)
  
  • Tworzenie stylu mieszanego (105)
  • Łączenie kaskady i dziedziczenia (107)
  • Rozwiązywanie konfliktów (108)

Część II Stosowanie CSS (111)

Rozdział 6. Formatowanie tekstu (113)

• Formatowanie tekstu (113)
  
  • Wybór kroju czcionki (115)
  • Kolorowanie tekstu (117)
• Zmiana rozmiaru pisma (118)
  
  • Stosowanie pikseli (118)
  • Stosowanie słów kluczowych, procentów i jednostki em (119)
• Formatowanie słów i liter (122)
  
  • Pogrubienie i kursywa (123)
  • Zamiana tekstu na wielkie litery (123)
  • Dekorowanie tekstu (124)
  • Odstęp między wyrazami i literami (125)
• Formatowanie całych akapitów (127)
  
  • Zmienianie odstępu między wierszami (127)
  • Wyrównywanie tekstu (128)
  • Wcinanie pierwszego wiersza i usuwanie marginesów (130)
  • Formatowanie pierwszej litery lub pierwszego wiersza akapitu (131)
• Stylizowanie list (132)
  
  • Typy list (133)
  • Pozycjonowanie punktorów i numerów (134)
  • Punktory graficzne (135)
• Kurs: formatowanie tekstu (137)
  
  • Ustawienia strony (137)
  • Formatowanie nagłówków i akapitów (139)
  • Formatowanie list (141)
  • Wykańczanie projektu (142)

Rozdział 7. Marginesy, dopełnienie i obramowanie (145)

• Istota modelu blokowego (145)
  
• Marginesy i dopełnienie (147)
  
  • Zapis skrótowy marginesów i dopełnienia (148)
  • Konflikty marginesów (149)
  • Likwidowanie odstępu za pomocą marginesów ujemnych (150)
  • Prezentacja elementów śródliniowych i blokowych (152)
• Ramki (153)
  
  • Skrócony zapis właściwości ramek (155)
  • Formatowanie poszczególnych krawędzi (155)
• Kolorowanie tła (157)
  
• Określanie wysokości i szerokości (157)
  
  • Obliczanie rzeczywistych wymiarów bloku (158)
  • "Kontrolowanie wycieków" za pomocą właściwości overflow (160)
  • Naprawianie modelu blokowego w IE 5 (162)
• Umieszczaj treść na elementach pływających (165)
  
  • Tła i ramki a elementy pływające (167)
  • Wstrzymać pływanie (168)
• Kurs: marginesy, tła i ramki (170)
  
  • Ustawianie marginesów (170)
  • Ustawianie odstępów wokół znaczników (172)
  • Wyróżnianie tekstu za pomocą teł i ramek (172)
  • Tworzenie paska bocznego (175)
  • Naprawianie błędów przeglądarki (178)
  • O krok dalej (180)

Rozdział 8. Umieszczanie grafiki na stronach WWW (181)

• CSS i znacznik &#60img&#62 (181)
  
• Obrazy tła (182)
  
• Sterowanie powtarzaniem (186)
  
• Pozycjonowanie obrazu tła (188)
  
  • Słowa kluczowe (188)
  • Dokładne wartości (190)
  • Procenty (190)
  • Umieszczanie obrazu na sztywno (192)
• Skrócona właściwość background (194)
  
• Kurs: tworzenie galerii zdjęć (195)
  
  • Tworzenie ramki obrazu (195)
  • Dodawanie podpisu (197)
  • Tworzenie galerii fotografii (200)
  • Dodawanie cieni (204)
• Kurs: używanie obrazów tła (207)
  
  • Umieszczanie obrazu w tle strony (207)
  • Zastępowanie ramek grafiką (211)
  • Używanie grafiki w listach punktowanych (212)
  • Zaokrąglanie rogów paska bocznego (214)
  • Tworzenie zewnętrznego arkusza stylów (217)

Rozdział 9. Upiększanie systemu nawigacji (219)

• Wybieranie odnośników do stylizacji (219)
  
  • Poznaj stany odnośników (219)
  • Wybieranie określonych odnośników (221)
• Stylizowanie odnośników (222)
  
  • Podkreślanie odnośników (222)
  • Tworzenie przycisku (224)
  • Używanie grafiki (226)
• Tworzenie pasków nawigacji (228)
  
  • Używanie list nienumerowanych (228)
  • Pionowe paski nawigacji (229)
  • Poziome paski nawigacji (232)
• Zaawansowane techniki pracy z odnośnikami (236)
  
  • Duże, klikalne przyciski (237)
  • CSS (239)
  • Drzwi przesuwne (240)
• Kurs: stylizowanie odnośników (242)
  
  • Podstawy formatowania odnośników (242)
  • Dodawanie obrazu tła do odnośnika (245)
  • Wyróżnianie odnośników zewnętrznych (246)
  • Oznaczanie odwiedzonych stron (248)
  • Tworzenie pionowego paska nawigacji (248)
  • Dodawanie efektu rollover i tworzenie odnośników "Jesteś tutaj" (252)
  • Poprawianie błędów IE (255)
  • Z pionowego w poziomy (256)

Rozdział 10. Formatowanie tabel i formularzy (261)

• Właściwy sposób używania tabel (261)
  
• Stylizowanie tabel (264)
  
  • Dodawanie dopełnienia (264)
  • Ustawianie wyrównania w pionie i w poziomie (264)
  • Tworzenie ramek (266)
  • Stylizowanie wierszy i kolumn (268)
• Stylizowanie formularzy (269)
  
  • HTML elementów formularza (271)
  • Rozmieszczanie elementów formularza za pomocą CSS (273)
• Kurs: stylizowanie tabeli (275)
  
• Kurs: stylizowanie formularza (279)

Część III Tworzenie układu strony za pomocą CSS (285)

Rozdział 11. Tworzenie układów opartych na elementach pływających (287)

• Jak działa układ w CSS? (287)
  
  • Dzielny znacznik &#60div&#62 (288)
• Typy układów stron WWW (289)
  
• Podstawy układów opartych na elementach pływających (291)
  
• Stosowanie elementów pływających w układach (295)
  
  • Używanie właściwości float dla wszystkich kolumn (296)
  • Elementy pływające wewnątrz elementów pływających (298)
  • Pozycjonowanie elementów za pomocą ujemnych marginesów (298)
• Rozwiązywanie problemów z elementami pływającymi (304)
  
  • Czyszczenie i zawieranie elementów pływających (304)
  • Tworzenie kolumn o pełnej wysokości (308)
  • Zapobieganie upadaniu elementów pływających (311)
• Rozwiązywanie problemów z Internet Explorerem (313)
  
  • Podwójny margines (313)
  • Trzypikselowa luka (315)
  • Inne problemy w IE (318)
• Kurs: układy wielokolumnowe (319)
  
  • Strukturyzowanie HTML-a (319)
  • Tworzenie stylów układu (320)
  • Dodawanie kolejnej kolumny (322)
  • Dodawanie "fałszywej kolumny" (323)
  • Ustawianie stałej szerokości (325)
• Kurs: układ z ujemnym marginesem (326)
  
  • Wyśrodkowywanie układu (327)
  • Pływające kolumny (330)
  • Końcowe poprawki (333)

Rozdział 12. Pozycjonowanie elementów na stronie WWW (335)

• Jak działają właściwości pozycjonujące? (336)
  
  • Ustawianie wartości pozycjonujących (338)
  • Gdy pozycjonowanie bezwzględne jest względne (342)
  • Kiedy (i gdzie) używać pozycjonowania względnego? (343)
  • Stos elementów (346)
  • Ukrywanie fragmentów strony (347)
• Użyteczne strategie pozycjonowania (347)
  
  • Pozycjonowanie wewnątrz elementu (349)
  • Wyłamywanie elementu poza blok (350)
  • Używanie pozycjonowania CSS dla układu strony (351)
  • Użycie stałego pozycjonowania do tworzenia ramek za pomocą stylów CSS (356)
• Kurs: pozycjonowanie elementów strony (360)
  
  • Wzbogacanie banera strony (360)
  • Dodawanie podpisu do zdjęcia (364)
  • Rozmieszczanie głównych elementów strony (366)

Część IV Zaawansowany CSS (373)

Rozdział 13. CSS dla strony przeznaczonej do wydruku (375)

• Jak działają arkusze stylów dla mediów? (375)
  
• Jak dodawać arkusze stylów przeznaczone dla mediów? (377)
  
  • Określanie typu medium dla zewnętrznego arkusza stylów (378)
  • Określanie typu medium w arkuszu stylów (378)
• Tworzenie stylów dla wydruku (379)
  
  • Używanie !important do przesłonięcia stylów ekranowych (379)
  • Zmiana stylów tekstu (381)
  • Stylizowanie tła dla wydruków (382)
  • Ukrywanie niepotrzebnych obszarów strony (384)
  • Wstawianie podziałów stron w wydrukach (385)
• Kurs: tworzenie arkusza stylów przeznaczonego dla wydruków (387)
  
  • Usuwanie niepotrzebnych elementów strony (387)
  • Usuwanie tła i dostosowywanie układu (389)
  • Zmiana formatowania tekstu (390)
  • Wyświetlanie logo (391)
  • Wyświetlanie URL (392)

Rozdział 14. Dobre nawyki w CSS (393)

• Wstawianie komentarzy (393)
  
• Porządkowanie stylów i arkuszy stylów (394)
  
  • Jasno nazywaj style (395)
  • Używanie kilku klas dla zaoszczędzenia czasu (396)
  • Uporządkuj style za pomocą grupowania (398)
  • Korzystanie z wielu arkuszy stylów (399)
• Usuwanie przeszkadzających stylów przeglądarki (401)
  
• Wykorzystanie selektorów potomków (404)
  
  • Dzielenie stron na sekcje (405)
  • Zidentyfikuj ciało (406)
• Obsługa błędów Internet Explorera (409)
  
  • Najpierw projektuj dla nowoczesnych przeglądarek (409)
  • Oddziel kod CSS dla IE za pomocą komentarzy warunkowych (410)

Dodatki (413)

Dodatek A Zestawienie właściwości CSS (415)

Dodatek B CSS w Dreamweaverze 8 (445)

Dodatek C Zasoby CSS (469)

Skorowidz (477)