E-book details

CSS. Nieoficjalny podręcznik

CSS. Nieoficjalny podręcznik

David Sawyer McFarland

Ebook

Wszystko o projektowaniu stron internetowych przy użyciu CSS

  • 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

Wykorzystaj pełnię możliwości CSS i spraw, że użytkownicy
zakochają się w Twoich witrynach od pierwszego wejrzenia.

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 <img> (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 <div> (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)

  • Title: CSS. Nieoficjalny podręcznik
  • Author: David Sawyer McFarland
  • Original title: CSS: The Missing Manual
  • Translation: Łukasz Piwko, Marcin Rogóż
  • ISBN: 978-83-246-6005-6, 9788324660056
  • Date of issue: 2012-08-01
  • Format: Ebook
  • Item ID: cssnp
  • Publisher: Helion