|
|
Utopia HTML. Projektowanie w CSS bez użycia tabel - Dan Shafer
Utopia HTML. Projektowanie w CSS bez użycia tabel - Dan Shafer
Producent: Helion
Tytuł oryginalny: HTML Utopia: Designing Without Tables Using CSS
Tłumaczenie: Renata Wójcicka
Ilość stron: 424
Format: B5
Data wydania: 09/2005
(sprawdź aktualną cenę, do koszyka)
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ń.
CSS
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
(sprawdź aktualną cenę, do koszyka)
Książka zawiera również zestawienie wszystkich atrybutów CSS, które można stosować przy definiowaniu stylów.
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) o Tabele oznaczają długi czas ładowania strony (23) o Użycie "pustych obrazków" nas spowalnia (24) o Utrzymywanie tabel na stronie jest koszmarem (24)
o Kiedy użycie tabel jest właściwe? (25) * Czym w rzeczywistości jest CSS? (25) * Elementy reguł CSS (26) * Rodzaje reguł CSS (29) o Które właściwości są zależne od reguł CSS? (29)
o Na które elementy ma wpływ CSS? (29) o 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)
o Kolor a CSS (38)
o Czcionki a CSS (40)
o Animacje pseudoklas a CSS (41)
o Obrazki a CSS (43)
o 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)
o Dostosowywanie starszych przeglądarek (53)
o 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)
o Selektor uniwersalny (62)
o Selektor elementu (62)
o Selektor klasy (62)
o Selektor identyfikatora (63)
o Selektor pseudoelementu (64)
o Selektor pseudoklasy (65)
o Selektor potomka (66)
o Selektor dziecka (66)
o Selektor braci (67)
o Selektory atrybutów (67)
o Grupowanie selektorów (68)
* Wyrażanie wielkości (69)
o Wartości absolutne (70)
o 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)
o Zwiększona kontrola składni (78)
o Scentralizowana informacja o rozmieszczeniu elementów na stronie (79)
o Znaczniki semantyczne (79)
o Dostępność (81)
o 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)
o Ile układów stron? (88)
o Ile elementów projektu? (88)
* Pozycjonowanie w CSS i wielokolumnowe układy stron (90)
o Pudełkowy schemat CSS (90)
* Właściwość display (106)
* Pozycjonowanie w CSS i wielokolumnowe układy stron (106)
o Wartości absolutne, relatywne i pozycjonujące (107)
o Podstawowy, trójkolumnowy układ strony (110)
o Dodanie nagłówka strony (112)
* Podsumowanie (114)
Rozdział 6. Wszystko na swoim miejscu (115)
* Pozycjonowanie bloków strony (115)
o Jednostki miar oraz sposoby ich wyznaczania mają wpływ na projekt witryny (115)
o Właściwość float (116)
o 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)
o Jak się określa kolory? (143)
o Selekcja kolorów i ich kombinacje (145)
o Ustawienie kolorów sekcji body (146)
o Przezroczystość, kolor a ustawienia użytkownika (147)
* Ciekawe zastosowania kolorów (148)
o Ostrzeżenia oraz uwagi (148)
o 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)
o Rozmiary w HTML a rozmiary w CSS (158)
o Różnorodność przeglądarek oraz platform (158)
o Relatywne względem czego? (159)
* Inne właściwości czcionek (160)
o Właściwość font-style (160)
o Właściwość font-variant (160)
o Właściwość font-weight (160)
* Skrótowa właściwość font (161)
* Standardowe i niestandardowe rodziny czcionek (163)
o Określanie list czcionek (165)
o 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)
o Wyrównywanie tekstu w CSS a w HTML (171)
o Przejście ze skompresowanego do przestronnego sposobu projektowania (172)
* Rozpoczynanie linii akapitem (176)
* Odstępy poziome i pionowe (178)
o Właściwość line-height (178)
o 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)
o Właściwość list-style-type (190)
o Właściwość list-style-position (194)
o Właściwość list-style-image (195)
* Kaskadowość i dziedziczenie (196)
o Podstawowe zasady kaskadowości (196)
o Kolejność występowania (197)
o Szczegółowość (199)
o Pochodzenie (200)
o Priorytet (201)
* Podsumowanie (201)
Rozdział 10. Dodawanie obrazków do strony (203)
* Wyrównanie rysunków i tekstu (203)
o 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)
o Które przeglądarki nie chciały się dostosować? (231)
o Reguły postępowania z niestandardowymi przeglądarkami (232)
o 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)
(sprawdź aktualną cenę, do koszyka)
|