Szczegóły ebooka

HTML, XHTML i CSS. Praktyczne projekty. Wydanie II

HTML, XHTML i CSS. Praktyczne projekty. Wydanie II

Włodzimierz Gajda

Ebook

Zostań świetnym webmasterem!

  • 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

Wykorzystaj swoją kreatywność, tworząc zachwycające strony WWW!

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)

  • Tytuł: HTML, XHTML i CSS. Praktyczne projekty. Wydanie II
  • Autor: Włodzimierz Gajda
  • ISBN: 978-83-246-3713-3, 9788324637133
  • Data wydania: 2011-10-26
  • Format: Ebook
  • Identyfikator pozycji: htxpp2
  • Wydawca: Helion