Internet powstał jako medium komunikacyjne umożliwiające wymianę danych pomiędzy ośrodkami badawczymi. Nikt wówczas nie przewidywał ogromnej szybkości, z jaką się rozwinie, i popularności, jaką zdobędzie. Strony WWW były proste, zawierały głównie tekst, a wyświetlanie ich w innych urządzeniach niż komputery stacjonarne kojarzone było raczej z powieściami science-fiction. Dziś internet to potężny zbiór informacji i miliony stron WWW. Jego użytkownicy używają różnych przeglądarek, różnych systemów operacyjnych i różnych urządzeń do przeglądania jego zasobów. Taka sytuacja wywołała konieczność ustanowienia standardów, w oparciu o które tworzone są strony WWW. Trzeba było także wypracować mechanizmy pozwalające łatwo zmieniać sposób formatowania stron, aby dostosować je do wymagań oraz możliwości przeglądarek i urządzeń.

Czytając książkę "Utopia HTML. Projektowanie w CSS bez użycia tabel", poznasz CSS (kaskadowe arkusze stylów) -- technologię, która umożliwia niemal dowolne formatowanie każdego dokumentu HTML. Dowiesz się, jak definiować style CSS i jak stosować je w procesie tworzenia stron WWW. Nauczysz się projektować strony, w których zmiana wyglądu nie będzie wymagać przekonstruowania kodu HTML, a jedynie modyfikacji kilku linijek w arkuszu stylów. Poznasz również niestandardowe zastosowania kaskadowych arkuszy stylów.

• Podstawowe wiadomoÅ›ci o CSS
• Style lokalne i globalne
• Mechanizmy dziedziczenia
• Selektory i pseudoklasy
• Rozmieszczanie elementów strony za pomocÄ… stylów
• Przypisywanie kolorów
• Efekty tekstowe
• Walidacja dokumentów CSS

Książka zawiera również zestawienie wszystkich atrybutów CSS, które można stosować przy definiowaniu stylów.

Osoby które kupowały "Utopia HTML. Projektowanie w CSS bez użycia tabel", wybierały także:

• Vue.js 2. Wprowadzenie dla profesjonalistów 96,45 zÅ‚, (29,90 zÅ‚ -69%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• Zosta 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• 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%)

Spis treści

Utopia HTML. Projektowanie w CSS bez użycia tabel -- spis treści

O autorze (13)

Wstęp (15)

Część I Wprowadzenie do CSS (19)

Rozdział 1. Startujemy (21)

• CSS w kontekÅ›cie (21)
  
• Podstawowy cel CSS (22)
  
• Dlaczego wiÄ™kszość tabel jest zÅ‚a? (23)
  
  • Tabele oznaczajÄ… dÅ‚ugi czas Å‚adowania strony (23)
  • Użycie "pustych obrazków" nas spowalnia (24)
  • Utrzymywanie tabel na stronie jest koszmarem (24)
  • Kiedy użycie tabel jest wÅ‚aÅ›ciwe? (25)
• Czym w rzeczywistoÅ›ci jest CSS? (25)
  
• Elementy reguÅ‚ CSS (26)
  
• Rodzaje reguÅ‚ CSS (29)
  
  • Które wÅ‚aÅ›ciwoÅ›ci sÄ… zależne od reguÅ‚ CSS? (29)
  • Na które elementy ma wpÅ‚yw CSS? (29)
  • Gdzie definiuje siÄ™ style CSS? (30)
• Dlaczego należy siÄ™ tym przejmować? (32)
  
• Podsumowanie (35)

Rozdział 2. CSS na pierwszym planie (37)

• Do czego nadaje siÄ™ CSS? (37)
  
  • Kolor a CSS (38)
  • Czcionki a CSS (40)
  • Animacje pseudoklas a CSS (41)
  • Obrazki a CSS (43)
  • Wiele arkuszy stylów, użytkownicy a CSS (45)
• Czego CSS sam nie może zrobić? (45)
  
• CSS a dostÄ™p do strony (47)
  
• CSS a ciÄ…gle zmieniajÄ…cy siÄ™ Å›wiat przeglÄ…darek (51)
  
  • Dostosowywanie starszych przeglÄ…darek (53)
  • PostÄ™powanie w przypadku nieprawidÅ‚owo dziaÅ‚ajÄ…cych przeglÄ…darek (55)
• Podsumowanie (56)

Rozdział 3. Zagłębiamy się (57)

• Zastosowanie reguÅ‚ CSS w dokumentach HTML (57)
  
• Użycie skrótowych wÅ‚aÅ›ciwoÅ›ci (58)
  
• Jak w CSS dziaÅ‚a dziedziczenie? (59)
  
• Selektory a struktura reguÅ‚ CSS (60)
  
  • Selektor uniwersalny (62)
  • Selektor elementu (62)
  • Selektor klasy (62)
  • Selektor identyfikatora (63)
  • Selektor pseudoelementu (64)
  • Selektor pseudoklasy (65)
  • Selektor potomka (66)
  • Selektor dziecka (66)
  • Selektor braci (67)
  • Selektory atrybutów (67)
  • Grupowanie selektorów (68)
• Wyrażanie wielkoÅ›ci (69)
  
  • WartoÅ›ci absolutne (70)
  • WartoÅ›ci wzglÄ™dne (71)
• Komentarze CSS (73)
  
• Podsumowanie (73)

Część II Układ strony w CSS (75)

Rozdział 4. Projektowanie serwisu w CSS (77)

• Zalety tworzenia strony w CSS (78)
  
  • ZwiÄ™kszona kontrola skÅ‚adni (78)
  • Scentralizowana informacja o rozmieszczeniu elementów na stronie (79)
  • Znaczniki semantyczne (79)
  • DostÄ™pność (81)
  • Zgodność ze standardami (82)
• PrzykÅ‚ady zwieÅ„czonego sukcesem zastosowania CSS (83)
  
• PrzykÅ‚adowa witryna: Footbag Freaks (84)
  
• Podsumowanie (85)

Rozdział 5. Budowanie szkieletu strony (87)

• Wyliczanie typów szablonów (87)
  
  • Ile ukÅ‚adów stron? (88)
  • Ile elementów projektu? (88)
• Pozycjonowanie w CSS i wielokolumnowe ukÅ‚ady stron (90)
  
  • PudeÅ‚kowy schemat CSS (90)
• WÅ‚aÅ›ciwość display (106)
  
• Pozycjonowanie w CSS i wielokolumnowe ukÅ‚ady stron (106)
  
  • WartoÅ›ci absolutne, relatywne i pozycjonujÄ…ce (107)
  • Podstawowy, trójkolumnowy ukÅ‚ad strony (110)
  • Dodanie nagłówka strony (112)
• Podsumowanie (114)

Rozdział 6. Wszystko na swoim miejscu (115)

• Pozycjonowanie bloków strony (115)
  
  • Jednostki miar oraz sposoby ich wyznaczania majÄ… wpÅ‚yw na projekt witryny (115)
  • WÅ‚aÅ›ciwość float (116)
  • WÅ‚aÅ›ciwość clear (118)
• WartoÅ›ci absolutne a relatywne wysokoÅ›ci i szerokoÅ›ci (121)
  
• WÅ‚aÅ›ciwość z-index oraz nachodzÄ…ca na siebie zawartość (128)
  
• UkÅ‚ad strony CSS w praktyce: Footbag Freaks (132)
  
• Podsumowanie (138)

Część III Nadawanie stylów tekstowi oraz innej zawartości w CSS (139)

Rozdział 7. Dodawanie kolorów z palety (141)

• Kto sprawuje tutaj nadzór? (141)
  
• Kolory w CSS (142)
  
  • Jak siÄ™ okreÅ›la kolory? (143)
  • Selekcja kolorów i ich kombinacje (145)
  • Ustawienie kolorów sekcji body (146)
  • Przezroczystość, kolor a ustawienia użytkownika (147)
• Ciekawe zastosowania kolorów (148)
  
  • Ostrzeżenia oraz uwagi (148)
  • Kolorowanie dodatkowych wierszy tabeli z danymi (150)
• Podsumowanie (153)

Rozdział 8. Zgodność czcionek (155)

• Jak CSS radzi sobie z czcionkami? (155)
  
• WÅ‚aÅ›ciwość font-family (156)
  
• WÅ‚aÅ›ciwość font-size (156)
  
  • Rozmiary w HTML a rozmiary w CSS (158)
  • Różnorodność przeglÄ…darek oraz platform (158)
  • Relatywne wzglÄ™dem czego? (159)
• Inne wÅ‚aÅ›ciwoÅ›ci czcionek (160)
  
  • WÅ‚aÅ›ciwość font-style (160)
  • WÅ‚aÅ›ciwość font-variant (160)
  • WÅ‚aÅ›ciwość font-weight (160)
• Skrótowa wÅ‚aÅ›ciwość font (161)
  
• Standardowe i niestandardowe rodziny czcionek (163)
  
  • OkreÅ›lanie list czcionek (165)
  • Użycie standardowych i ogólnodostÄ™pnych czcionek (166)
• Podsumowanie (168)

Rozdział 9. Efekty tekstowe oraz kaskadowość (169)

• Zastosowanie elementu span (170)
  
• Justowanie tekstu jako technika projektowania strony (171)
  
  • Wyrównywanie tekstu w CSS a w HTML (171)
  • PrzejÅ›cie ze skompresowanego do przestronnego sposobu projektowania (172)
• Rozpoczynanie linii akapitem (176)
  
• OdstÄ™py poziome i pionowe (178)
  
  • WÅ‚aÅ›ciwość line-height (178)
  • WÅ‚aÅ›ciwoÅ›ci letter-spacing oraz word-spacing (180)
• Ozdabianie tekstu (184)
  
• Cieniowanie tekstu bez użycia elementów graficznych (186)
  
• Nadawanie stylów hiperÅ‚Ä…czom (188)
  
• Nadawanie stylów CSS listom (190)
  
  • WÅ‚aÅ›ciwość list-style-type (190)
  • WÅ‚aÅ›ciwość list-style-position (194)
  • WÅ‚aÅ›ciwość list-style-image (195)
• Kaskadowość i dziedziczenie (196)
  
  • Podstawowe zasady kaskadowoÅ›ci (196)
  • Kolejność wystÄ™powania (197)
  • Szczegółowość (199)
  • Pochodzenie (200)
  • Priorytet (201)
• Podsumowanie (201)

Rozdział 10. Dodawanie obrazków do strony (203)

• Wyrównanie rysunków i tekstu (203)
  
  • Pokrycie obrazków tekstem (205)
• Przycinanie zawartoÅ›ci HTML (208)
  
• Podsumowanie (210)

Część IV Niestandardowe zastosowania CSS (211)

Rozdział 11. Zwiększanie komfortu pracy użytkownika (213)

• Podstawowe nadawanie stylów liÅ›cie w CSS (214)
  
• Wzbogacanie wyglÄ…du menu (217)
  
• Tworzenie podmenu (218)
  
• Modyfikowanie kursora myszy (221)
  
• Użycie nieruchomego obrazka jako tÅ‚a (222)
  
• Podsumowanie (224)

Rozdział 12. Walidacja i zgodność z poprzednimi wersjami (227)

• Walidacja dokumentu CSS (227)
  
• Dostosowywanie do zgodnoÅ›ci z poprzednimi wersjami (231)
  
  • Które przeglÄ…darki nie chciaÅ‚y siÄ™ dostosować? (231)
  • ReguÅ‚y postÄ™powania z niestandardowymi przeglÄ…darkami (232)
  • Dostosowywanie Netscape 4.x (236)
• Dalsze udziwnienia: przeÅ‚Ä…czanie miÄ™dzy elementami DOCTYPE (238)
  
• Podsumowanie (239)

Dodatki (241)

Dodatek A Rozmaitości (243)

• @-reguÅ‚y (243)
  
• DźwiÄ™kowe arkusze stylów (246)
  
• CSS a JavaScript (248)

Dodatek B Indeks kolorów (251)

Dodatek C Spis właściwości CSS (257)

• azimuth (257)
  
• background (258)
  
• background-attachment (259)
  
• background-color (260)
  
• background-image (261)
  
• background-position (262)
  
• background-position-x, background-position-y (264)
  
• background-repeat (265)
  
• behaviour (266)
  
• border (267)
  
• border-bottom, border-left, border-right, border-top (267)
  
• border-bottom-color, border-left-color, border-right-color, border-top-color (268)
  
• border-bottom-style, border-left-style, border-right-style, border-top-style (269)
  
• border-bottom-width, border-left-width, border-right-width, border-top-width (270)
  
• border-collapse (271)
  
• border-color (272)
  
• border-spacing (273)
  
• border-style (273)
  
• border-width (275)
  
• bottom (276)
  
• caption-side (277)
  
• clear (278)
  
• clip (279)
  
• color (280)
  
• content (281)
  
• counter-increment (283)
  
• counter-reset (284)
  
• cue (286)
  
• cue-after, cue-before (286)
  
• cursor (287)
  
• direction (289)
  
• display (291)
  
• elevation (294)
  
• empty-cells (295)
  
• filter (295)
  
• float (297)
  
• font (298)
  
• font-family (299)
  
• font-size (301)
  
• font-size-adjust (303)
  
• font-stretch (305)
  
• font-style (306)
  
• font-variant (307)
  
• font-weight (308)
  
• height (309)
  
• ime-mode (310)
  
• layout-flow (311)
  
• layout-grid (312)
  
• layout-grid-char (313)
  
• layout-grid-line (314)
  
• layout-grid-mode (315)
  
• layout-grid-type (316)
  
• layer-background-color (317)
  
• layer-background-image (318)
  
• left (319)
  
• letter-spacing (320)
  
• line-break (321)
  
• line-height (322)
  
• list-style (323)
  
• list-style-image (325)
  
• list-style-position (326)
  
• list-style-type (327)
  
• margin (329)
  
• margin-bottom, margin-left, margin-right, margin-top (330)
  
• marker-offset (331)
  
• marks (333)
  
• max-height, min-height (334)
  
• max-width, min-width (335)
  
• -moz-border-radius (336)
  
• -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -mozborder-radius-topleft, -moz-border-radius-topright (337)
  
• -moz-opacity (338)
  
• orphans (339)
  
• outline (340)
  
• outline-color (341)
  
• outline-style (342)
  
• outline-width (343)
  
• overflow (344)
  
• overflow-x, overflow-y (345)
  
• padding (346)
  
• padding-bottom, padding-left, padding-right, padding-top (348)
  
• page (349)
  
• page-break-after (350)
  
• page-break-before (351)
  
• page-break-inside (352)
  
• pause (353)
  
• pause-after, pause-before (354)
  
• pitch (355)
  
• pitch-range (356)
  
• play-during (357)
  
• position (358)
  
• quotes (359)
  
• richness (361)
  
• right (362)
  
• ruby-align (363)
  
• ruby-overhang (364)
  
• ruby-position (365)
  
• scrollbar-base-color (366)
  
• scrollbar-element-color (367)
  
• size (369)
  
• speak (370)
  
• speak-header (370)
  
• speak-numeral (371)
  
• speak-punctuation (372)
  
• speech-rate (373)
  
• stress (374)
  
• table-layout (375)
  
• text-align (375)
  
• text-align-last (377)
  
• text-autospace (378)
  
• text-decoration (379)
  
• text-indent (380)
  
• text-justify (381)
  
• text-kashida-space (382)
  
• text-overflow (383)
  
• text-shadow (384)
  
• text-transform (385)
  
• text-underline-position (386)
  
• top (387)
  
• unicode-bidi (388)
  
• vertical-align (390)
  
• visibility (392)
  
• voice-family (393)
  
• volume (394)
  
• white-space (395)
  
• widows (396)
  
• width (397)
  
• word-break (398)
  
• word-spacing (399)
  
• word-wrap (400)
  
• writing-mode (401)
  
• z-index (402)
  
• zoom (403)

Zalecane źródła (405)

Skorowidz (411)