.:$$:.

• Z jakich elementów składa się język HTML?
• Jak osadzać na stronie WWW elementy graficzne?
• Jak rozbudować witrynę WWW?

Internet rozwija się w niesamowitym tempie. Każdego dnia pojawiają się nowe strony WWW. Własne "miejsce" w sieci dawno już przestało być ekstrawagancją. Dziś serwis internetowy jest wyznacznikiem nowoczesnego przedsiębiorstwa i organizacji, miejscem, gdzie prezentuje się swoją ofertę, zdjęcia, dzieli opiniami dotyczącymi otaczającego nas świata, uczestniczy w dyskusjach i robi zakupy. Stworzenie własnej witryny WWW wbrew pozorom nie jest sprawą bardzo skomplikowaną. Gotowe kreatory i szablony dostępne u dostawców usług internetowych znacznie to ułatwiają, jednak prawdziwą kontrolę nad wyglądem i funkcjonalnością strony internetowej uzyskamy tylko dzięki własnoręcznemu jej utworzeniu. W tym celu niezbędne jest jednak opanowanie podstawowego "budulca" witryn WWW -- języka HTML i technologii CSS.

Czytając książkę "HTML, XHTML oraz CSS. Praktyczne projekty", opanujesz zagadnienia związane z projektowaniem witryny WWW od strony praktycznej. Dowiesz się, z jakich elementów składa się język HTML i czym różni się od niego język XHTML. Poznasz techniki formatowania tekstu i elementów graficznych za pomocą stylów CSS, nauczysz się umieszczać na stronie tabele, łącza, ramki i proste efekty specjalne. Przeczytasz także o planowaniu struktury witryny, korzystaniu z szablonów i projektowaniu stron WWW tak, aby mogły korzystać z nich osoby niepełnosprawne.

• Składnia języka XHTML
• Kaskadowe arkusze stylów
• Definiowanie krojów czcionek dla tekstów
• Elementy blokowe i tekstowe
• Tabele i listy
• Tworzenie łączy pomiędzy stronami
• Definiowanie tła dokumentu
• Efekty specjalne
• Projektowanie struktury witryny

Zapraszamy również na witrynę autora poświęconą książce "HTML, XHTML i CSS. Praktyczne projekty".

Rozdział 1. Wprowadzenie (13)

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

Część I Elementarz (17)
Rozdział 2. Składnia języka XHTML (19)

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

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

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

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

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

Rozdział 5. Tryb standardów (59)

• Quirks mode, standard mode - dwa tryby pracy przeglądarek internetowych (59)
• Problemy z trybami pracy (60)
• Które przeglądarki mają tryb standardów? (61)
• Jak stwierdzić tryb pracy przeglądarki? (61)
• W jaki sposób przeglądarka wybiera tryb pracy? (63)
• Stosuj DOCTYPE języka XHTML 1.0 strict (64)

Rozdział 6. Podstawowe elementy XHTML (67)

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

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

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

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)

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

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

Rozdział 10. Klasy i identyfikatory (111)

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

Rozdział 11. Projekty (119)

• Projekt 11.1. Zadania dla czwartoklasistów (120)
• Projekt 11.2. Zadania tekstowe z odpowiedziami (120)
• Projekt 11.3. Kolokwium z PHP (121)
• Projekt 11.4. Adam Mickiewicz: Oda do młodości (122)
• Projekt 11.5. Cyprian Kamil Norwid: Moja piosnka (123)
• Projekt 11.6. Charles Dickens: A Christmas Carol (124)
• Projekt 11.7. Jack London: The Call of The Wild (125)
• Projekt 11.8. Ignacy Krasicki: Bajki (127)
• Projekt 11.9. Adam Mickiewicz: Wiersze (128)

Część II Czcionki na stronach WWW (131)
Rozdział 12. Rodzaje czcionek (133)

• Czcionki szeryfowe i bezszeryfowe (133)
• Czcionki proporcjonalne i nieproporcjonalne (134)
• Inne podziały czcionek (135)
• Testowanie czcionek (137)

Rozdział 13. Czcionki dla webmastera (139)

• Ogród Zen CSS (139)
• Core fonts for the Web (141)
• Czcionki dostępne na różnych platformach (141)

Rozdział 14. Krój i rozmiar czcionki w CSS (143)

• Krój czcionki (143)
• Wielkość czcionki w CSS (146)

Rozdział 15. Wszystkie atrybuty CSS 2.1 dotyczące czcionek i tekstu (149)

• font (150)
• font-family (151)
• font-size (151)
• font-style (153)
• font-weight (153)
• font-variant (153)
• text-align (153)
• text-decoration (154)
• text-indent (154)
• text-transform (154)
• word-spacing (155)
• letter-spacing (155)
• white-space (155)
• line-height (156)

Rozdział 16. Projekty (157)

• Projekt 16.1. CSS - właściwości dotyczące czcionek i tekstu (157)
• Projekt 16.2. Specyfikacja aparatu fotograficznego Nikon D200 (159)
• Projekt 16.3. Jan Kochanowski: Treny (160)
• Projekt 16.4. Adam Mickiewicz: Pan Tadeusz (161)

Część III Elementy blokowe, tekstowe i ich pudełka (163)
Rozdział 17. Elementy blokowe i liniowe (165)

• Elementy ogólne div i span (165)
• Użycie elementów div i span w połączeniu z klasami i identyfikatorami (166)
• Typowy przykład użycia elementów div (167)

Rozdział 18. Pudełka (169)

• Obszar, jaki zajmie pudełko (171)
• Wyśrodkowanie elementu blokowego (173)
• Pudełka pływające (float) (174)
• Czyszczenie elementów pływających (176)

Rozdział 19. Proste układy stałej szerokości (177)

• Układ nr 1 (178)
• Układ nr 2 (179)
• Układ nr 3 (180)
• Układ nr 4 (182)
• Układ nr 5 (183)
• Układ nr 6 (185)
• Układ nr 7 (186)
• Układ nr 8 (188)

Rozdział 20. Proste układy zmiennej szerokości (191)

• Układ nr 9 (191)
• Układ nr 10 (191)
• Układ nr 11 (192)
• Układ nr 12 (193)
• Układ nr 13 (193)
• Układ nr 14 (194)
• Układ nr 15 (195)
• Układ nr 16 (195)

Rozdział 21. Projekty (197)

• Projekt 21.1. Maria Konopnicka: Miłosierdzie gminy (197)
• Projekt 21.2. Leopold Staff: Pierwsza przechadzka (199)
• Projekt 21.3. Sławomir Mrożek: Słoń (200)
• Projekt 21.4. Stefan Żeromski: Rozdzióbią nas kruki, wrony (201)
• Projekt 21.5. Bolesław Prus: Katarynka (203)
• Projekt 21.6. Planety układu słonecznego (205)
• Projekt 21.7. Funkcje file, count, explode oraz trim, czyli krojenie plików tekstowych w PHP (206)

Część IV Elementy XHTML (209)
Rozdział 22. Tekst (211)

• Elementy frazowe (211)
• Trudne wybory (214)
• Cytaty (214)
• Tekst na stronach WWW - podsumowanie (217)

Rozdział 23. Listy (219)

• Wypunktowanie (219)
• Numerowanie (220)
• Lista definicji (221)
• Zagnieżdżanie list (222)
• Właściwości CSS list (224)
• Właściwość list-style-type (224)
• Właściwość list-style-image (225)
• Właściwość list-style-position (228)
• Właściwość list-style (228)

Rozdział 24. Obrazy (229)

• Element img (230)
• Wymiary obrazów (232)
• Obrazy nieprostokątne (234)
• Style CSS elementu img (234)
• Opływanie (236)
• Dlaczego elementy pływające nie generują wysokości? (238)
• Osadzanie obrazów w kodzie XHTML (240)

Rozdział 25. Tabele (243)

• Obramowanie i łączenie obramowania (244)
• Podstawowe formatowanie komórek i całej tabeli (246)
• Nagłówki kolumn i nagłówki wierszy (248)
• Podpis i opis tabeli (250)
• Tabele regularne i nieregularne (252)
• Nagłówek, stopka i treść tabeli (254)
• Kolumny tabeli (257)
• Tabele XHTML - podsumowanie (261)

Rozdział 26. Odsyłacze (263)

• Spis treści w postaci listy numerowanej bądź wypunktowanej (265)
• Style CSS witryny z hiperłączami (266)
• Atrybut title (267)
• Odsyłacze do różnych typów plików (267)
• Odsyłacze wskazujące strony w internecie (268)
• Odsyłacze wewnętrzne (269)
• Obrazy jako odsyłacze (271)
• Style CSS odsyłaczy (272)
• Otwieranie nowych okien (274)

Rozdział 27. Projekty (277)

• Projekt 27.1. Obrazy tworzone przy użyciu elementu pre (277)
• Projekt 27.2. ASCII Art (278)
• Projekt 27.3. Emotikony (279)
• Projekt 27.4. Cytaty ze specyfikacji HTML i XHTML (280)
• Projekt 27.5. Bibliografia (283)
• Projekt 27.6. Książka The Wonderful Wizard of Oz (284)
• Projekt 27.7. Instrukcja wykonywania zrzutów ekranu (285)
• Projekt 27.8. Jak pisać na klawiaturze w języku rosyjskim? (286)
• Projekt 27.9. Metody definiowania miejsc geometrycznych punktów (286)
• Projekt 27.10. Artykuł "HTML czy XHTML"? (288)
• Projekt 27.11. Zabytki Lublina (291)
• Projekt 27.12. Literackie Nagrody Nobla (293)
• Projekt 27.13. Tabela Orange Ekstraklasy w sezonie 2006/2007 (295)
• Projekt 27.14. Kod paskowy rezystorów (296)
• Projekt 27.15. Tatry (297)
• Projekt 27.16. LaTeX - przykłady (298)
• Projekt 27.17. Janko Muzykant (299)
• Projekt 27.18. Favelety (300)

Część V Tła (301)
Rozdział 28. Właściwości CSS dotyczące tła (303)
Rozdział 29. FIR - zamiana obrazów na teksty (315)
Rozdział 30. Udawane kolumny (321)
Rozdział 31. Przyciski rollover w CSS (331)

• Wymiana obrazu tła (331)
• Przycisk z etykietą tekstową (332)
• Pozycjonowanie względnie bezwzględne (334)

Rozdział 32. Kafelkowanie (343)
Rozdział 33. Projekty (349)

• Projekt 33.1. Wisława Szymborska: Miłość szczęśliwa (349)
• Projekt 33.2. Wiersze Marii Pawlikowskiej-Jasnorzewskiej (350)
• Projekt 33.3. Ogłoszenie (350)
• Projekt 33.4. Jack London: The Call of the Wild (351)
• Projekt 33.5. Fraszki (352)

Część VI Zagadnienia dalsze (355)
Rozdział 34. Struktura funkcjonalna witryny (357)
Rozdział 35. Uzupełnienie wiadomości na temat CSS (361)

• Selektory (361)
• Importowanie stylów (366)
• Dziedziczenie (367)
• Style do druku (368)
• Projekt 35.1 (370)

Rozdział 36. Kolejność elementów w kodzie XHTML (371)

• Zmiana kolejności kolumn pionowych (372)
• Zmiana kolejności poziomych pasów (376)

Rozdział 37. Atrybuty XHTML (379)

• Atrybuty zasadnicze (379)
• Atrybuty językowe (380)
• Zdarzenia (380)
• Atrybuty ogólne (381)
• Atrybuty dotyczące aktywnego punktu (382)

Rozdział 38. Formularze (385)

• Atrybuty formularza (386)
• Kontrolki formularza (388)
• Atrybuty ogólne kontrolek formularza (389)
• Zdarzenia dotyczące kontrolek (390)
• Elementy input (391)
• Przyciski zatwierdzające i resetujące formularz (391)
• Wiersz wprowadzania danych (393)
• Pole hasła (393)
• Pola wyboru (394)
• Wykluczające pola wyboru (395)
• Kontrolki ukryte (396)
• Przyciski (396)
• Kontrolka wyboru pliku (397)
• Obraz (397)
• Element button (398)
• Listy (399)
• Pole tekstowe (401)
• Grupowanie i podpisywanie kontrolek formularza (402)
• Podsumowanie (404)

Rozdział 39. Powiązania dokumentów (405)

• Ikona strony WWW (405)
• Następny, poprzedni oraz spis treści (408)
• Alternatywne wersje dokumentu (408)
• Projekt 39.1 (409)

Rozdział 40. Element meta - dodatkowe informacje na temat strony WWW (413)

• Składnia elementu meta (414)
• Znaczenie elementu meta (414)
• Dwa rodzaje elementów meta (415)
• Jakie metainformacje umieszczać w witrynach? (415)
• Kodowanie znaków (416)
• Język, w którym przygotowano dokument (416)
• Autor, prawa autorskie i firma (417)
• Słowa kluczowe i opis (417)
• Roboty (418)
• Data powstania i ważności dokumentu (419)
• Przechowywanie stron WWW przez pośredników (419)
• Skrypty i style - domyślny język (420)
• Metainformacje w kilku językach (420)
• Przekierowania (421)
• Różności (421)

Rozdział 41. Dostępność strony WWW (423)

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

Rozdział 42. HTML czy XHTML? (427)

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

Rozdział 43. Semantyczny XHTML (441)

• Witryna WWW widziana oczami człowieka i robota (441)
• Semantyczny Web (442)
• Semantyka kodu XHTML (442)
• Problemy semantyczne XHTML i CSS (444)

Dodatki (449)
Dodatek A Instalacja oprogramowania (451)
Skorowidz (465)