Kompendium wiedzy na temat projektowania nowoczesnych stron WWW!
- Jak wykorzystać potencjał języka HTML?
- Jak tworzyć kod zgodny ze standardami W3C?
- Jak przygotować witrynę dla urządzeń przenośnych?
Język HTML wraz z odpowiednimi arkuszami stylów odpowiada za sposób prezentacji danych w przeglądarce internetowej. Jeżeli chcesz tworzyć profesjonalne witryny WWW, musisz dokładnie poznać przeznaczenie poszczególnych znaczników tego języka. A jest nad czym pracować! Już sama mnogość elementów HTML oraz atrybuty dla każdego z nich to spora dawka wiedzy... A jeszcze musisz poznać kaskadowe arkusze stylów...
W książce "HTML, XHTML i CSS. Biblia. Wydanie IV" znajdziesz wszystkie niezbędne informacje, dzięki którym stworzysz profesjonalną, zgodną ze standardami witrynę WWW. Autorzy omawiają tu tak istotne kwestie, jak jednostki miary wykorzystywane w projektowaniu stron, formatowanie tekstów, prezentacja danych tabelarycznych i wszystkie inne problemy, które spotkasz w swojej codziennej pracy. Ponadto w trakcie lektury nauczysz się projektować formularze oraz osadzać elementy multimedialne. Najnowsze wydanie tej cenionej książki poszerzone zostało o takie tematy, jak wykorzystanie mikroformatów, przygotowanie stron dla urządzeń przenośnych oraz obsługa modelu DOM. Podręcznik ten stanowi niezastąpione źródło wiedzy na temat HTML, XHTML oraz CSS. Jego zawartość z pewnością doceni każdy profesjonalista, a osoby początkujące w jednym miejscu znajdą odpowiedź na wszystkie pytania.
- Zasady rządzące językiem znaczników
- Struktura dokumentu HTML
- Rodzaje elementów na stronie
- Formatowanie tekstów
- Wykorzystanie list punktowanych i numerowanych
- Prezentacja danych tabelarycznych
- Zastosowanie ramek
- Przygotowanie plików graficznych dla stron WWW
- Osadzanie obiektów multimedialnych na witrynie WWW
- Sposoby kodowania znaków narodowych
- Wykorzystanie języka Javascript - operacje na modelu DOM
- Zastosowanie mikroformatów
- Tworzenie stron dla urządzeń przenośnych
- Kontrola strony pod kątem zgodności ze standardami
- Definiowanie sposobu prezentacji za pomocą arkuszy CSS
- Określanie arkuszy dla różnych mediów
- Narzędzia wspomagające pracę z HTML
Twórz i publikuj w sieci Internet strony zgodne ze standardami W3C - to ważne!
O autorze (19)Wprowadzenie (21)
Część I: Tworzenie treści z wykorzystaniem języka HTML (29)
Rozdział 1. Czym jest język znaczników? (31)
- Co tu robimy? (31)
- Przedstawienie hipertekstu (32)
- Przedstawienie instrukcji znacznikowych (33)
- Przedstawienie języka znaczników (34)
- Podsumowanie (36)
- Podstawowa postać zapisu atrybutów (37)
- Wspólne atrybuty (40)
- Identyfikacja znaczników - identyfikatory i klasy (40)
- Teksty i komentarze (41)
- Komentarze (42)
- Sekcje CDATA (42)
- Jednolite identyfikatory zasobów (43)
- Opcje języka i ustawienia międzynarodowe (44)
- Kod języka (44)
- Kierunek tekstu (44)
- Podsumowanie (44)
- Określanie typu dokumentu (46)
- Ogólna struktura dokumentu: HTML, nagłówek i treść (46)
- Znacznik <html> (47)
- Znacznik <head> (47)
- Znacznik <body> (48)
- Definicje stylów (49)
- Elementy blokowe: oznaczenia definiujące akapity oraz inne bloki treści (49)
- Sformatowane akapity (50)
- Nagłówki (51)
- Cytaty (52)
- Elementy list (52)
- Tekst preformatowany (54)
- Sekcje strony (55)
- Elementy wewnątrzwierszowe: oznaczenia znaków (57)
- Podstawowe znaczniki wewnątrzwierszowe (57)
- Fragmenty tekstu (59)
- Znaki specjalne (symbole znakowe) (59)
- Elementy organizacyjne (60)
- Tabele (60)
- Formularze (62)
- Łącza do innych stron (64)
- Obrazy (65)
- Komentarze (65)
- Skrypty (66)
- Połączenie wszystkich elementów (67)
- Podsumowanie (68)
- Określanie tytułu dokumentu (69)
- Podawanie informacji używanych przez wyszukiwarki (70)
- Określanie domyślnej ścieżki (71)
- Stosowanie automatycznego odświeżania i przekierowywania (72)
- Sekcje skryptów (73)
- Sekcje stylów (73)
- Określanie profili (74)
- Kolor i obraz tła (74)
- Określanie koloru tła dokumentu (75)
- Określanie obrazu tła dokumentu (75)
- Podsumowanie (76)
- Formatowanie akapitów (77)
- Podział wiersza (79)
- Sekcje (80)
- Poziome linie (84)
- Cytaty blokowe (84)
- Tekst preformatowany (85)
- Podsumowanie (86)
- Metody formatowania tekstu (87)
- Znacznik <font> (88)
- Akcentowanie i inne znaczniki dotyczące tekstu (88)
- Formatowanie tekstu przy użyciu CSS (88)
- Pogrubienie i kursywa (91)
- Stosowanie uwypuklenia zamiast kursywy (91)
- Czcionka o stałej szerokości (92)
- Indeksy - górny i dolny (92)
- Skróty (92)
- Oznaczanie zmian w dokumencie - wstawianie i usuwanie tekstu (93)
- Grupowanie elementów tekstowych znacznikiem <span> (94)
- Podsumowanie (95)
- Omówienie list (97)
- Listy uporządkowane (numerowane) (98)
- Listy nieuporządkowane (punktowane) (103)
- Listy definicji (106)
- Listy zagnieżdżone (108)
- Podsumowanie (109)
- Czym są łącza? (112)
- Łącza do stron WWW (113)
- Łącza względne i bezwzględne (114)
- Docelowe okna łączy (116)
- Tekst podpowiedzi łącza (117)
- Skróty klawiaturowe i kolejność uaktywniania łączy (118)
- Skróty klawiaturowe (118)
- Kolejność uaktywniania łączy (119)
- Tworzenie kotwic (120)
- Dobór kolorów łączy (120)
- Parametry dokumentu docelowego (122)
- Znacznik <link> (122)
- Podsumowanie (124)
- Części składowe tabeli HTML (125)
- Szerokość i wyrównanie tabeli (127)
- Odstępy i otaczanie komórek (130)
- Obramowanie i krawędzie (132)
- Obramowanie tabeli (132)
- Krawędzie tabeli (133)
- Wiersze (134)
- Komórki (135)
- Podpis tabeli (137)
- Grupowanie wierszy - nagłówek, treść i stopka tabeli (139)
- Kolor tła (142)
- Komórki rozciągające się na kilka wierszy lub kolumn (143)
- Grupowanie kolumn (147)
- Podsumowanie (148)
- Omówienie ramek (149)
- Zbiory ramek i zawartość ramek (150)
- Tworzenie zbioru ramek (152)
- Marginesy, obramowania i paski przewijania ramek (154)
- Modyfikacja rozmiaru ramek (156)
- Odsyłacze do ramek (156)
- Zagnieżdżone zbiory ramek (160)
- Ramki pływające (161)
- Podsumowanie (163)
- Podstawowe informacje o formularzach (166)
- Wstawianie formularzy (168)
- Metoda GET (169)
- Metoda POST (169)
- Dodatkowe atrybuty znacznika <form> (170)
- Etykiety pól (170)
- Pola tekstowe (171)
- Pola haseł (171)
- Przyciski opcji (171)
- Pola wyboru (172)
- Listy wyboru (173)
- Obszary tekstowe (175)
- Pola ukryte (176)
- Przyciski (177)
- Rysunki (177)
- Pola plików (178)
- Przyciski przesyłania danych i czyszczenia pól (179)
- Kolejność uaktywniania kontrolek i skróty klawiaturowe (180)
- Uniemożliwienie wprowadzania zmian (180)
- Grupy pól i ich opis (182)
- Stosowanie zdarzeń do obsługi formularzy (184)
- Skrypty formularzy i usługi skryptowe (186)
- Pobranie programu obsługi formularza (187)
- Wykorzystanie usług skryptowych (187)
- Podsumowanie (188)
- Podstawowe informacje o kolorach (190)
- Inne sposoby określania kolorów (190)
- Ewolucja kolorów używanych na stronach WWW (191)
- Stosowanie odpowiednich metod określania kolorów (197)
- Formaty graficzne stosowane w dokumentach WWW (199)
- Kompresja obrazu (199)
- Opcje kompresji (200)
- Format GIF (201)
- Format JPEG (201)
- Format PNG (202)
- Przygotowanie plików graficznych (202)
- Najważniejsze funkcje (202)
- Progresywne obrazy JPEG i rysunki GIF z przeplotem (203)
- Wykorzystanie efektu przezroczystości (204)
- Wstawianie rysunków (206)
- Rozmieszczanie rysunków (206)
- Opis wyświetlany w przeglądarkach tekstowych (209)
- Wymiary i skalowanie rysunków (210)
- Obramowanie rysunków (212)
- Mapy obrazu (214)
- Definiowanie mapy obrazu (214)
- Definiowanie obszarów aktywnych (215)
- Połączenie poszczególnych rozwiązań (217)
- Animacje (218)
- Podsumowanie (218)
- Animowane obrazy (222)
- Formaty animacji i klipów wideo, pluginy oraz odtwarzacze (224)
- Popularne formaty i odtwarzacze (226)
- Windows Media Player (226)
- Osadzanie multimediów przy użyciu znacznika <object> (227)
- Osadzanie odtwarzacza Windows Media Player przy użyciu znacznika <object> (230)
- Umieszczanie plików dźwiękowych na stronach WWW (234)
- Tworzenie plików multimedialnych (234)
- Podsumowanie zagadnień wykorzystania multimediów na stronach WWW (235)
- Podsumowanie (235)
- Kodowanie znaków (237)
- Znaki specjalne (238)
- Znaki spacji i myślników (240)
- Symbol praw autorskich i znaku towarowego (240)
- Symbole walut (241)
- Rzeczywiste znaki cudzysłowu (242)
- Strzałki (242)
- Znaki zawierające symbole akcentu (242)
- Litery alfabetu greckiego i symbole matematyczne (242)
- Inne użyteczne symbole (248)
- Podsumowanie (250)
- Projektowanie serwisów wielojęzycznych i zasady lokalizacji serwisów (251)
- Wprowadzenie do projektowania serwisów wielojęzycznych (253)
- Tłumaczenie strony internetowej (253)
- Standard Unicode (254)
- Basic Latin (podstawowy łaciński, U+0000 - U+007F) (259)
- Kodowanie polskich znaków diakrytycznych (265)
- Podsumowanie (266)
- Skrypty serwerowe i skrypty klienckie (269)
- Skrypty klienckie (269)
- Skrypty serwerowe (270)
- Określanie domyślnego języka skryptowego (270)
- Dołączanie skryptów (271)
- Wywoływanie zewnętrznych skryptów (272)
- Wywoływanie skryptów za pomocą zdarzeń (272)
- Ukrywanie skryptów przed starszymi przeglądarkami (276)
- Podsumowanie (277)
- Czemu służy dynamiczny HTML? (280)
- Jak działa DHTML? (280)
- Obiektowy model dokumentu (280)
- Historia DOM (281)
- Opis obiektowego modelu dokumentu (282)
- Właściwości i metody węzłów DOM (284)
- Poruszanie się po drzewie DOM i modyfikacja węzłów (284)
- Obiektowy model dokumentu języka JavaScript (289)
- Obiekt window (289)
- Obiekt document (291)
- Obiekt form (292)
- Obiekt location (293)
- Obiekt history (294)
- Obiekt this (294)
- Dostęp do elementów przy wykorzystaniu ich identyfikatorów (294)
- Stosowanie procedur obsługi zdarzeń (295)
- Zagadnienia zgodności z różnymi przeglądarkami (297)
- Wykrywanie używanej przeglądarki (297)
- Wykrywanie obiektów (297)
- Przykłady rozwiązań DHTML (298)
- Wskaźnik położenia strony (298)
- Tworzenie efektów podmiany przy wykorzystaniu JavaScriptu (302)
- Rozwijane menu (303)
- Podsumowanie (305)
Rozdział 18. Programy do projektowania stron internetowych (309)
- Edytory tekstowe (310)
- Proste edytory tekstowe (310)
- Inteligentne edytory tekstowe (310)
- Edytory HTML (311)
- Edytory HTML pracujące w trybie WYSIWYG (313)
- NetObjects Fusion (313)
- Dreamweaver firmy Macromedia (314)
- Inne narzędzia (315)
- Programy graficzne (316)
- Flash firmy Adobe (318)
- Podsumowanie (318)
- Wprowadzenie do FTP (321)
- Programy-klienty FTP (322)
- Popularne programy-klienty FTP (324)
- Podstawowe zasady organizacji plików w obrębie witryny WWW (326)
- Podsumowanie (327)
- Dlaczego mikroformaty? (329)
- Przykładowy mikroformat - hCard (331)
- Obsługa mikroformatów w przeglądarce Firefox (333)
- Kolejny przykład - dane o lokalizacjach geograficznych (334)
- W jaki sposób można używać mikroformatów? (335)
- Podsumowanie (336)
- Podstawy języka XML (338)
- Składnia języka XML (339)
- Deklaracje XML i DOCTYPE (340)
- Elementy (340)
- Atrybuty (342)
- Komentarze (342)
- Dane nieprzetwarzane (343)
- Stałe tekstowe (343)
- Przestrzenie nazw (344)
- Arkusze stylów (345)
- Definicje typu dokumentu (DTD) (345)
- Użycie elementów w definicji typu dokumentu (347)
- Definiowanie atrybutów w DTD (349)
- Definiowanie i użycie stałych tekstowych w definicji DTD (350)
- Użycie danych typu PCDATA i CDATA w definicji typu (351)
- Schematy XML (351)
- Użycie schematów (352)
- Zastosowanie dokumentów XML (354)
- Przekształcenia XLST (355)
- Edycja kodu XML (355)
- Analiza kodu XML (355)
- Podsumowanie (356)
- Ewolucja internetu mobilnego (357)
- Mroczne początki internetu mobilnego (358)
- Organizacja Open Mobile Alliance i nowe standardy (358)
- Podsumowanie (359)
- Język XHTML Basic 1.1 (359)
- Deklaracja doctype XHTML Basic 1.1 (359)
- Elementy języka XHTML Basic 1.1 (360)
- Zagadnienia wymagające szczególnej uwagi (361)
- Narzędzia do tworzenia stron dla urządzeń przenośnych (363)
- Podsumowanie (364)
- Porządkowanie kodu HTML (365)
- HTML Tidy (368)
- Pobieranie narzędzia HTML Tidy (368)
- Uruchamianie narzędzia HTML Tidy (368)
- Sprawdzanie poprawności kodu (371)
- Określanie poprawnego typu dokumentu (371)
- Narzędzia do weryfikacji poprawności kodu (371)
- Jak weryfikować dokumenty? (371)
- Dodatkowe testy i walidacja (373)
- Testowanie kodu w różnych przeglądarkach (373)
- Testowanie w różnych rozdzielczościach ekranu (374)
- Podsumowanie (374)
- Wstępne wczytywanie rysunków (375)
- Kontrolowanie podziału tekstu w komórkach tabeli (377)
- Paski tytułu o zmiennej szerokości (378)
- Symulowanie gazetowego układu kolumn (381)
- Dołączanie rozmiaru rysunków w celu przyspieszenia ich wczytywania (383)
- Zabezpieczenia adresów e-mail (383)
- Podsumowanie (385)
Rozdział 25. Wprowadzenie do kaskadowych arkuszy stylów (389)
- Przeznaczenie CSS (389)
- Style i HTML (390)
- 1., 2. i 3. poziom CSS (392)
- Definiowanie stylów (393)
- Kaskada stylów (394)
- Podsumowanie (396)
- Zapis definicji stylów (397)
- Przedstawienie selektorów (399)
- Dopasowywanie elementów według typu (399)
- Korzystanie z selektora uniwersalnego (399)
- Dopasowywanie elementów według klasy (400)
- Dopasowywanie elementów przy użyciu identyfikatora (401)
- Dopasowywanie elementów, które zawierają określony atrybut (401)
- Korzystanie z elementów dzieci, potomków oraz elementów przystających (402)
- Omówienie dziedziczenia (404)
- Pseudoklasy i ich stosowanie (404)
- Definiowanie stylów łączy (405)
- Pseudoklasa :first-child (406)
- Pseudoklasa :lang (406)
- Pseudoelementy (406)
- Stosowanie stylów dla pierwszego wiersza tekstu w elemencie (407)
- Stosowanie stylów dla pierwszej litery elementu (408)
- Definiowanie przed danym tekstem i po nim (409)
- Wyrażenia skrótowe (410)
- Podsumowanie (412)
- Ogólne zasady podawania wartości właściwości (413)
- Jednostki wartości właściwości (415)
- Wartości w postaci słów kluczowych (416)
- Standardowe jednostki miar (416)
- Miary rozdzielczości ekranu (417)
- Miary względne (418)
- Funkcje związane z kolorami i adresami URL (420)
- Jednostki dźwiękowe (421)
- Podsumowanie (421)
- Dziedziczenie (423)
- Kaskadowanie (425)
- Specyficzność selektorów (427)
- Podsumowanie (428)
- Wprowadzenie do czcionek (429)
- Rodzaje czcionek (430)
- Określanie rozmiaru czcionki (432)
- Określanie stylu czcionki (433)
- Interlinie (434)
- Zagnieżdżanie czcionek w dokumencie (434)
- Podsumowanie (436)
- Wyrównywanie tekstu (437)
- Kontrolowanie wyrównania poziomego (438)
- Kontrolowanie wyrównania pionowego (440)
- Tworzenie wcięcia w tekście (442)
- Kontrolowanie znaków niewidocznych w tekście (443)
- Obiekty przestawne (443)
- Właściwość white-space (445)
- Kontrolowanie odstępów między literami i słowami (447)
- Definiowanie wielkich liter (448)
- Dekorowanie tekstu (450)
- Tekst generowany automatycznie (451)
- Definiowanie stylów tabeli (451)
- Kontrolowanie atrybutów tabeli (452)
- Obramowanie tabeli (453)
- Odstępy w ramce tabeli (454)
- Pojedyncze obramowanie (455)
- Obramowania wokół pustych komórek (456)
- Układ graficzny tabeli (457)
- Wyrównywanie i pozycjonowanie podpisów (457)
- Podsumowanie (459)
- Ogólne informacje o listach (461)
- CSS - każdy element pasuje (462)
- Właściwość list-style-type (463)
- Pozycjonowanie markerów (464)
- Punktory rysunkowe (464)
- Podsumowanie (466)
- Omówienie modelu formatowania pojemnika (467)
- Dodawanie odstępu do elementu (469)
- Dodawanie obramowania (471)
- Szerokość obramowania (471)
- Styl obramowania (472)
- Kolor ramki (473)
- Największy skrót: właściwość border (474)
- Dodatkowe właściwości obramowań (475)
- Definiowanie marginesów elementu (475)
- Wykorzystywanie dynamicznego obramowania (476)
- Podsumowanie (477)
- Kolory elementów (479)
- Kolor pierwszoplanowy (479)
- Kolory tła (480)
- Obrazy tła (482)
- Jednoczesne stosowanie koloru i obrazu tła (485)
- Powtarzanie i przewijanie obrazów tła (487)
- Określanie pozycji obrazów tła (490)
- Skrótowa właściwość background (490)
- Podsumowanie (491)
- Omówienie pozycjonowania elementów (493)
- Pozycjonowanie statyczne (494)
- Pozycjonowanie względne (495)
- Pozycjonowanie bezwzględne (496)
- Pozycjonowanie stałe (496)
- Określanie pozycji elementu (498)
- Elementy dryfujące do lewej lub prawej strony (501)
- Definiowanie szerokości i wysokości elementu (502)
- Dokładne definiowanie rozmiarów (503)
- Definiowanie rozmiaru maksymalnego oraz minimalnego (504)
- Kontrola przepełnienia elementu (505)
- Układanie elementów na stosie (506)
- Kontrolowanie widoczności elementu (511)
- Podsumowanie (512)
- Właściwość content (513)
- Pseudoelementy (515)
- Stosowanie stylów dla pierwszego wiersza tekstu w elemencie (516)
- Stosowanie stylów dla pierwszej litery elementu (517)
- Pseudoelementy :before i :after (518)
- Definiowanie znaków cudzysłowu (519)
- Automatyczne numerowanie elementów (520)
- Obiekt counter (520)
- Zmienianie wartości obiektu counter (520)
- Przykład zastosowania liczników: numery rozdziałów i podrozdziałów (521)
- Własne numerowanie list (523)
- Podsumowanie (524)
- Korzystanie z właściwości CSS w kodzie JavaScript (525)
- Użyteczne operacje z użyciem CSS (531)
- Ukrywanie i wyświetlanie tekstu (531)
- Powiększanie obrazków (533)
- Podmieniane menu (535)
- Podsumowanie (538)
- Typy mediów obsługiwane przez CSS (540)
- Określanie typu mediów (540)
- Przygotowywanie dokumentu do drukowania (543)
- Model formatowania pojemnika strony (543)
- Definiowanie rozmiaru strony (543)
- Właściwości page-break (546)
- Właściwość page-break-inside (549)
- Zarządzanie wdowami i sierotami (549)
- Przygotowanie dokumentu do drukowania dwustronnego (550)
- Tworzenie dokumentów dla różnych mediów (551)
- Dokument do prezentacji w internecie (551)
- Ponowne formatowanie strony (555)
- Podsumowanie (556)
Rozdział 38. Rozmieszczanie elementów strony za pomocą tabel (559)
- Podstawy formatowania z wykorzystaniem tabel (560)
- Przykłady stron dostępnych w internecie (562)
- Strony pływające (563)
- Niestandardowe połączenie grafiki i tekstu (567)
- Menu nawigacyjne i bloki dokumentów (571)
- Dokumenty wielokolumnowe (572)
- Podsumowanie (573)
- Modyfikacje wyglądu wskaźnika myszy (575)
- Kolory interfejsu użytkownika (577)
- Czcionki interfejsu użytkownika (580)
- Podsumowanie (581)
- Sprawdzanie składni w czasie tworzenia stylów (583)
- Słowo o formatowaniu (584)
- Walidacja kodu CSS (586)
- Podsumowanie (587)
- Wysunięcie (589)
- Rozszerzające się przyciski (591)
- Wyróżnione cytaty (594)
- Menu w formie zakładek (596)
- Podsumowanie (598)
Dodatek A: Krótki przegląd elementów języka HTML (601)
- Lista elementów (602)
- Atrybuty zdarzeń (651)
- Zdarzenia standardowe (651)
- Inne zdarzenia (651)
- Inne często spotykane atrybuty (652)
- Atrybuty podstawowe (652)
- Atrybuty umiędzynarodawiania (652)
- Kody często używanych kolorów (652)
Dodatek C: Krótki przegląd właściwości języka CSS (667)
- Lista właściwości (667)
- Tło (668)
- Listy (669)
- Wygenerowane dane (671)
- Czcionki i tekst (672)
- Kierunek tekstu (676)
- Bloki (677)
- Określanie pozycji elementów (680)
- Obramowania (683)
- Tabele (685)
- Druk (686)
- Różne (688)
- Podstawowe selektory elementów (690)
- Selektory potomków (690)
- Selektory dzieci (690)
- Selektory pierwszego brata (691)
- Selektory klas (691)
- Selektory identyfikatorów (691)
- Selektory atrybutów (692)
- Pseudoelementy (694)
- Pseudoklasy (694)