HTML, XHTML i CSS. Praktyczne projekty. Wydanie II - ebook

• Podstawy i rozróżnienia, czyli czym różni się HTML od XHTML i co to jest CSS
• Standardy i zasady, czyli o czym pamiętać przy projektowaniu strony internetowej
• Czcionki i układy stron, czyli jak stworzyć znakomity projekt i szablon strony WWW

O projektowaniu stron internetowych napisano zapewne grube tysiące książek. Ta dziedzina zmienia się jednak na tyle szybko, a profesjonalnych projektantów, mających dużą wiedzę i obdarzonych umiejętnością jej przekazania, jest na tyle mało, że warto skorzystać z ich doświadczeń. Zwłaszcza, jeśli niezbędne wiadomości podane są w formie praktycznych przykładów, a dotyczą tak istotnych kwestii, jak używanie języków HTML i XHTML oraz kaskadowych arkuszy stylów, zgodność stron z obowiązującymi standardami, komponowanie układu serwisu WWW i tworzenie jego zawartości.

Drugie wydanie książki "HTML, XHTML i CSS. Praktyczne projekty" pozwoli Ci od podszewki poznać tajniki projektowania naprawdę przemyślanych stron internetowych, uwzględniających potrzeby ich użytkowników. Dowiesz się, jak zachować poprawność składniową XHTML i CSS. Poznasz semantykę kodu XHTML i opanujesz metodologię pracy zgodnej ze standardami. Zrozumiesz, dlaczego ważne jest zapewnienie dostępności Twoich stron dla osób niepełnosprawnych i co zrobić, by wyszukiwarki mogły bez trudu przeanalizować oraz zaklasyfikować zawartość serwisu. Nauczysz się wybierać czcionki, tło, projektować wygodny interfejs i poszczególne fragmenty strony, a także zapisywać szczególnie udane projekty w formie szablonów.

• Składnia i poprawność języka XHTML
• Znaki diakrytyczne i oznaczanie języka dokumentu
• Praca w trybie standardów
• Podstawowe elementy XHTML
• Kaskadowe arkusze stylów - składnia i właściwości
• Klasy i identyfikatory, rodzaje czcionek
• Wszystkie atrybuty CSS 2.1 dotyczące czcionek i tekstu
• Elementy blokowe, liniowe i pływające
• Obszar zajmowany przez element i metody pozycjonowania elementów blokowych
• Układy stałej szerokości, płynne i hybrydowe
• Tekst, listy, tabele, odsyłacze i pozostałe elementy XHTML
• Właściwości CSS dotyczące tła i przyciski rollover w CSS
• Struktura funkcjonalna witryny
• Kolejność elementów w kodzie XHTML i atrybuty XHTML
• Formularze i powiązania dokumentów
• Element meta - dodatkowe informacje na temat strony WWW
• Dostępność strony WWW
• Semantyczny XHTML

Część I: Elementarz (11)

Rozdział 1. Wprowadzenie (13)

• Dla kogo jest ta książka? (13)
  
• Jak czytać tę książkę? (14)
  
• Warsztat pracy (14)
  
• Firefox (16)
  
• Testowanie stron WWW (16)
  
• Edycja kodu XHTML (17)

Rozdział 2. Składnia języka XHTML (21)

• Znaczniki i elementy (21)
  
• Wszystkie elementy języka XHTML (22)
  
• Elementy puste i niepuste (22)
  
• Znaczniki wymagane i opcjonalne oraz elementy puste (23)
  
• Wielkość liter w nazwach znaczników (24)
  
• Białe znaki wewnątrz znaczników (24)
  
• Białe znaki w treści elementów (25)
  
• Zagnieżdżanie elementów (25)
  
• Znaki specjalne (26)
  
• Atrybuty znaczników (28)
  
• Białe znaki w wartościach atrybutów (30)
  
• Atrybuty logiczne, wyliczeniowe i inne (30)
  
• Komentarze w XHTML (32)
  
• Struktura dokumentu HTML (33)
  
• Pierwsza strona WWW (34)

Rozdział 3. Znaki diakrytyczne i oznaczanie języka dokumentu (37)

• Polskie znaki diakrytyczne (37)
  
• Metody kodowania polskich znaków diakrytycznych (37)
  
• Fizyczne kodowanie pliku (38)
  
• Element meta ustalający kodowanie dokumentu XHTML (39)
  
• Pangramy (40)
  
• Atrybuty lang oraz xml:lang (41)
  
• Szablony pustych polskich stron WWW (42)
  
• Znaki diakrytyczne w postaci encji (42)
  
• Kodowanie stron zawierających teksty w kilku językach (43)
  
• Jakiego kodowania używać? (47)
  
• Błędne wyświetlanie polskich znaków diakrytycznych (47)
  
• Ćwiczenia (48)

Rozdział 4. XHTML poprawny składniowo (53)

• Czy poprawność składniowa jest ważna? (53)
  
• Obecny stan internetu (54)
  
• Metody sprawdzania poprawności składniowej (54)

Rozdział 5. Praca w trybie standardów (61)

• Quirks mode i standard mode - dwa tryby pracy przeglądarek internetowych (61)
  
• Problemy z trybami pracy (62)
  
• Które przeglądarki mają tryb standardów? (62)
  
• Jak sprawdzić tryb pracy przeglądarki? (63)
  
• W jaki sposób przeglądarka wybiera tryb pracy? (65)
  
• Błędne wyświetlanie witryny wynikające z przełączenia trybu pracy przeglądarki (66)
  
• Stosuj DOCTYPE języka XHTML 1.0 strict (69)

Rozdział 6. Podstawowe elementy XHTML (71)

• Akapit (71)
  
• Dzielenie wyrazów (76)
  
• Zakaz łamania wiersza (77)
  
• Złamanie wiersza (78)
  
• Znaki interpunkcyjne (80)
  
• Nagłówki (80)
  
• Wyróżnianie tekstu (83)
  
• Tekst preformatowany (85)
  
• Indeksy dolny i górny (86)
  
• Linia pozioma (87)
  
• Popularne znaki specjalne (88)
  
• Zestawienie (88)

Rozdział 7. Kaskadowe arkusze stylów (91)

• Struktura a wygląd dokumentów HTML (91)
  
• Dołączanie stylów do dokumentu (91)
  
  • Style zewnętrzne (91)
  • Style wewnętrzne (92)
  • Atrybut style (93)
• Domyślny język stylów (94)
  
• Ujmowanie stylów wewnętrznych w komentarz (95)

Rozdział 8. Składnia kaskadowych arkuszy stylów (97)

• Terminologia (97)
  
• Wielkość liter w selektorach (98)
  
• Wielkość liter w nazwach i wartościach właściwości (99)
  
• Białe znaki (99)
  
• Komentarze (100)
  
• Formatowanie kodu CSS (100)

Rozdział 9. Przykładowe właściwości CSS (103)

• Czcionki (103)
  
• Wysokość wiersza tekstu (104)
  
• Wyrównanie poziome tekstu (105)
  
• Marginesy (105)
  
• Kolory (106)
  
• Obramowanie (108)
  
• XHTML - struktura, CSS - wygląd (109)
  
• Zestawienie sumaryczne (109)

Rozdział 10. Klasy i identyfikatory (111)

• Atrybut class (111)
  
• Selektory dotyczące klas (112)
  
• Stosowanie klas (112)
  
• Atrybut id (113)
  
• Selektory dotyczące identyfikatorów (113)
  
• Stosowanie identyfikatorów (114)
  
• Walka z classitis: selektory potomne (115)

Rozdział 11. Projekty (119)

Część II: Czcionki na stronach WWW (127)

Rozdział 12. Rodzaje czcionek (129)

• Czcionki szeryfowe i bezszeryfowe (129)
  
• Czcionki proporcjonalne i nieproporcjonalne (130)
  
• Inne podziały czcionek (131)
  
• Testowanie czcionek (133)

Rozdział 13. Czcionki dla webmastera (135)

• Core fonts for the Web (138)
  
• Czcionki dostępne na różnych platformach (138)
  
• Definiowanie kroju czcionki (139)
  
• Osadzanie czcionek na stronach WWW (141)
  
• Google Fonts (143)

Rozdział 14. Wszystkie właściwości CSS 2.1 dotyczące czcionek i tekstu (145)

• font-family (145)
• font-size (146)
• font-style (148)
• font-weight (148)
• font-variant (148)
• font (148)
• text-align (149)
• text-decoration (149)
• text-indent (149)
• text-transform (150)
• word-spacing (150)
• letter-spacing (150)
• white-space (150)
• line-height (151)

Rozdział 15. Projekty (153)

Część III: Układ strony (159)

Rozdział 16. Elementy blokowe i liniowe (161)

• Elementy blokowe i liniowe - definicja składniowa (161)
  
• Elementy blokowe i liniowe - definicja prezentacyjna (165)
  
• Który ze sposobów definiowania elementów blokowych i liniowych jest lepszy i dlaczego? (167)
  
• Elementy ogólne div i span (168)
  
• Używanie elementów div i span w połączeniu z klasami i identyfikatorami (169)
  
• Typowy przykład użycia elementów div (170)
  
• Domyślny format wizualny elementów blokowych i liniowych (171)

Rozdział 17. Obszar zajmowany przez element (175)

• Właściwość display (179)
  
• Wyśrodkowanie elementu blokowego (180)
  
• Łączenie marginesów pionowych (183)
  
• Wymiary minimalne i maksymalne (184)

Rozdział 18. Elementy pływające (187)

• Właściwość float (187)
  
• Układy kolumnowe (190)
  
• Znikające tło pojemnika (192)
  
• Czyszczenie elementów pływających (193)

Rozdział 19. Zaawansowane metody pozycjonowania elementów blokowych (195)

• Właściwość position (195)
  
• Pozycjonowanie statyczne (197)
  
• Pozycjonowanie względne (198)
  
• Pozycjonowanie bezwzględne (200)
  
• Pozycjonowanie trwałe (201)
  
• Pozycjonowanie kontekstowe (202)
  
• Właściwości left, right, top oraz bottom (205)
  
• Warstwy i ich kolejność (210)
  
• Przycinanie (212)

Rozdział 20. Układy o stałej szerokości (215)

• Dobieranie szerokości układu (215)
  
• Układy przylegające do okna przeglądarki (217)

Rozdział 21. Układy płynne (227)

Rozdział 22. Układy hybrydowe (231)

• Układy dwukolumnowe (231)
  
• Układ trójkolumnowy (235)

Rozdział 23. Projekty (239)

Część IV: Elementy XHTML (247)

Rozdział 24. Tekst (249)

• Elementy frazowe (249)
  
• Trudne wybory (251)
  
• Cytaty (252)
  
• Tekst na stronach WWW - podsumowanie (253)

Rozdział 25. Listy (255)

• Wypunktowanie (255)
  
• Numerowanie (256)
  
• Lista definicji (256)
  
• Zagnieżdżanie list (257)
  
• Właściwości CSS list (259)

Rozdział 26. Element img (263)

• Pliki graficzne (264)
  
• Składnia elementu img (264)
  
• Wymiary obrazów (265)
  
• Obrazy nieprostokątne (268)
  
• Animacje (270)
  
• Opływanie (271)
  
• Dlaczego elementy pływające nie generują wysokości? (273)
  
• Osadzanie obrazów w kodzie XHTML (275)

Rozdział 27. Tabele (279)

• Obramowanie i łączenie obramowania (280)
  
• Podstawowe formatowanie komórek i całych tabel (281)
  
• Nagłówki kolumn i nagłówki wierszy (283)
  
• Podpis i opis tabeli (285)
  
• Tabele regularne i nieregularne (286)
  
• Nagłówek, stopka i treść tabeli (288)
  
• Kolumny tabeli (290)
  
• Tabele XHTML - podsumowanie (294)

Rozdział 28. Odsyłacze (297)

• Spis treści w postaci listy numerowanej bądź wypunktowanej (298)
  
• Style CSS witryny z hiperłączami (299)
  
• Atrybut title (300)
  
• Odsyłacze do różnych typów plików (300)
  
• Odsyłacze wskazujące strony w internecie (301)
  
• Odsyłacze wewnętrzne (301)
  
• Obrazy jako odsyłacze (303)
  
• Style CSS odsyłaczy (304)
  
• Otwieranie nowych okien (305)
  
• Mapa odsyłaczy (306)

Rozdział 29. Pozostałe elementy XHTML (309)

• Oznaczanie zmian w dokumencie (309)
  
• Element object (310)
  
  • Osadzanie na stronie WWW filmów z serwisu YouTube (311)
  • Osadzanie na stronie WWW apletów pisanych w języku Java (313)
• Bazowy adres URL (314)

Rozdział 30. Projekty (317)

Część V: Tła (339)

Rozdział 31. Właściwości CSS dotyczące tła (341)

Rozdział 32. FIR - wymiana obrazów na teksty (351)

• Efekt FIR wykonany przy użyciu display: none (353)
  
• Efekt FIR wykonany przy użyciu text-indent (353)
  
• Efekt FIR wykorzystujący kolejność warstw (354)

Rozdział 33. Udawane kolumny (359)

Rozdział 34. Przyciski rollover w CSS (367)

• Wymiana obrazu tła (367)
  
• Przycisk z etykietą tekstową (368)
  
• Przyciski pozycjonowane kontekstowo (369)

Rozdział 35. Kafelkowanie (381)

• Etap pierwszy: pokrojenie szablonu na oddzielne pliki (388)
• Etap drugi: sklejenie oddzielnych plików w jeden plik sprite.png (389)

Rozdział 36. Projekty (393)

Część VI: Zagadnienia zaawansowane (405)

Rozdział 37. Struktura funkcjonalna witryny (407)

Rozdział 38. Uzupełnienie wiadomości na temat CSS (411)

• Selektory (411)
  
• Pseudoklasy (414)
  
• Importowanie stylów (418)
  
• Dziedziczenie (419)
  
• Style do druku (419)
  
• Style alternatywne (422)

Rozdział 39. Kolejność elementów w kodzie XHTML (423)

• Zmiana kolejności kolumn pionowych (424)
  
• Zmiana kolejności poziomych pasów (427)
  
• Zmiana kolejności kolumn oraz poziomych pasów (428)

Rozdział 40. Atrybuty XHTML (431)

• Atrybuty zasadnicze (431)
  
• Atrybuty językowe (431)
  
• Zdarzenia (432)
  
• Atrybuty ogólne (433)
  
• Atrybuty dotyczące aktywnego punktu (433)

Rozdział 41. Formularze (435)

• Atrybuty formularza (436)
  
• Kontrolki formularza (437)
  
• Atrybuty ogólne kontrolek formularza (438)
  
• Zdarzenia dotyczące kontrolek (439)
  
• Elementy input (439)
  
• Przyciski zatwierdzające i resetujące formularz (440)
  
• Wiersz wprowadzania danych (441)
  
• Pole hasła (441)
  
• Pola wyboru (441)
  
• Wykluczające pola wyboru (442)
  
• Kontrolki ukryte (443)
  
• Przyciski (443)
  
• Kontrolka wyboru pliku (443)
  
• Obraz (444)
  
• Element button (444)
  
• Listy (445)
  
• Pole tekstowe (447)
  
• Grupowanie i podpisywanie kontrolek formularza (447)
  
• Podsumowanie (448)

Rozdział 42. Powiązania dokumentów (449)

• Element link (449)
  
• Kanały RSS i Atom (451)
  
• Następny, poprzedni oraz spis treści (455)
  
• Ikona witryny WWW (457)
  
• Twórcy witryny WWW (460)
  
• Plik robots.txt (460)
  
• Plik sitemap.xml (461)

Rozdział 43. Element meta - dodatkowe informacje na temat strony WWW (463)

• Składnia elementu meta (464)
  
• Znaczenie elementu meta (464)
  
• Dwa rodzaje elementów meta (464)
  
• Jakie metainformacje umieszczać w witrynach? (465)
  
  • Kodowanie znaków (465)
  • Języki, w jakich przygotowano dokument (465)
  • Autor, prawa autorskie i firma (466)
  • Słowa kluczowe i opis (466)
  • Roboty (467)
  • Data powstania i ważności dokumentu (467)
  • Przechowywanie stron WWW przez pośredników (468)
  • Skrypty i style - domyślny język (468)
  • Metainformacje w kilku językach (468)
  • Przekierowania (469)
  • Różności (469)

Rozdział 44. Dostępność strony WWW (471)

• Kilka prostych zasad (471)
  
  • Treść umieszczaj jako pierwszą (471)
  • Etykietuj kontrolki formularzy (472)
  • Pamiętaj o atrybutach alt (472)
  • Definiuj tytuły hiperłączy (472)
  • Twórz czytelne tabele (472)
  • Nie otwieraj nowych okien (473)
  • Nie używaj przekierowań meta refresh (473)
  • Definiuj powiązania między poszczególnymi podstronami witryny (473)
  • Stosuj atrybut lang (473)
  • Definiuj skróty i skrótowce (473)

Rozdział 45. HTML czy XHTML? (475)

• XHTML zgodny z HTML (475)
  
  • Wielkość liter (475)
  • Elementy puste i niepuste (476)
  • Znaczniki opcjonalne (477)
  • Cudzysłów otaczający wartości atrybutów (477)
  • Minimalizacja atrybutów logicznych (478)
  • Identyfikator fragmentu (478)
  • Style i skrypty (478)
  • Encje (479)
• Dokumenty HTML/XHTML w sieci WWW (479)
  
  • Content-type (479)
  • Czy to HTML, czy XHTML? (481)
  • Jak przeglądarka traktuje dokument HTML, a jak XHTML? (481)
  • Po czym przeglądarka rozpoznaje język dokumentu? (482)
  • Nagłówek Content-type dokumentu HTML oraz XHTML (482)
  • Problemy z Internet Explorerem (482)
• Strona XHTML wysyłana jako application/xhtml+xml (483)
  
  • Zmiana nagłówków wysyłanych przez serwer Apache (483)
  • Wysyłanie nagłówka HTTP w PHP (483)
• Cztery proste zasady (483)
  
• HTML czy XHTML? (484)

Rozdział 46. Semantyczny XHTML (485)

• Witryna WWW widziana oczami człowieka i robota (485)
  
• Semantyczna sieć (486)
  
• Semantyka kodu XHTML (486)
  
• Semantyka przez małe s (487)
  
• Kto ma rację, czyli o braku specyfikacji semantyki XHTML (488)
  
• Praktyczne rozwiązania popularnych problemów (488)
  
  • Menu witryny (488)
  • Nawigacja: jesteś tutaj (488)
  • Ilustracja (489)
  • Listing (489)
• Złożenia (489)
  
  • Złożenie: dialog (490)
  • Bibliografia (490)
• Problemy semantyczne XHTML i CSS (491)
  
• Czy strong jest bardziej semantyczny niż b? (494)
  
• Elementy em oraz span (495)
  
• Drzewo elementów (496)
  
• Element czysto prezentacyjny (497)
  
• Czy wszystkie elementy tekstowe są równoważne? (497)
  
• Czy klasa wzbogaca semantykę elementu? (498)
  
• Czy XHTML jest bardziej semantyczny niż HTML? (499)
  
• Praktyczne porady dotyczące semantyki (499)

Skorowidz (501)