HTML XHTML i CSS. Praktyczne projekty

Spis treści......Page 2
Część I Elementarz......Page 10
Dla kogo jest ta książka?......Page 12
Warsztat pracy......Page 13
Testowanie stron WWW......Page 15
Edycja kodu XHTML......Page 16
Znaczniki i elementy......Page 20
Elementy puste i niepuste......Page 21
Znaczniki wymagane i opcjonalne oraz elementy puste......Page 22
Białe znaki wewnątrz znaczników......Page 23
Zagnieżdżanie elementów......Page 24
Znaki specjalne......Page 25
Atrybuty znaczników......Page 27
Atrybuty logiczne, wyliczeniowe i inne......Page 29
Komentarze w XHTML......Page 31
Struktura dokumentu HTML......Page 32
Pierwsza strona WWW......Page 33
Metody kodowania polskich znaków diakrytycznych......Page 36
Fizyczne kodowanie pliku......Page 37
Element meta ustalający kodowanie dokumentu XHTML......Page 38
Pangramy......Page 39
Atrybuty lang oraz xml:lang......Page 40
Znaki diakrytyczne w postaci encji......Page 41
Kodowanie stron zawierających teksty w kilku językach......Page 42
Błędne wyświetlanie polskich znaków diakrytycznych......Page 46
Ćwiczenia......Page 47
Czy poprawność składniowa jest ważna?......Page 52
Metody sprawdzania poprawności składniowej......Page 53
Quirks mode i standard mode — dwa tryby pracy przeglądarek internetowych......Page 60
Które przeglądarki mają tryb standardów?......Page 61
Jak sprawdzić tryb pracy przeglądarki?......Page 62
W jaki sposób przeglądarka wybiera tryb pracy?......Page 64
Błędne wyświetlanie witryny wynikające z przełączenia trybu pracy przeglądarki......Page 65
Stosuj DOCTYPE języka XHTML 1.0 strict......Page 68
Akapit......Page 70
Dzielenie wyrazów......Page 75
Zakaz łamania wiersza......Page 76
Złamanie wiersza......Page 77
Nagłówki......Page 79
Wyróżnianie tekstu......Page 82
Tekst preformatowany......Page 84
Indeksy dolny i górny......Page 85
Linia pozioma......Page 86
Zestawienie......Page 87
Style zewnętrzne......Page 90
Style wewnętrzne......Page 91
Atrybut style......Page 92
Domyślny język stylów......Page 93
Ujmowanie stylów wewnętrznych w komentarz......Page 94
Terminologia......Page 96
Wielkość liter w selektorach......Page 97
Białe znaki......Page 98
Formatowanie kodu CSS......Page 99
Czcionki......Page 102
Wysokość wiersza tekstu......Page 103
Marginesy......Page 104
Kolory......Page 105
Obramowanie......Page 107
Zestawienie sumaryczne......Page 108
Atrybut class......Page 110
Stosowanie klas......Page 111
Selektory dotyczące identyfikatorów......Page 112
Stosowanie identyfikatorów......Page 113
Walka z classitis: selektory potomne......Page 114
Rozdział 11. Projekty......Page 118
Część II Czcionki na stronach WWW......Page 126
Czcionki szeryfowe i bezszeryfowe......Page 128
Czcionki proporcjonalne i nieproporcjonalne......Page 129
Inne podziały czcionek......Page 130
Testowanie czcionek......Page 132
Rozdział 13. Czcionki dla webmastera......Page 134
Czcionki dostępne na różnych platformach......Page 137
Definiowanie kroju czcionki......Page 138
Osadzanie czcionek na stronach WWW......Page 140
Google Fonts......Page 142
font-family......Page 144
font-size......Page 145
font......Page 147
text-indent......Page 148
white-space......Page 149
line-height......Page 150
Rozdział 15. Projekty......Page 152
Część III Układ strony......Page 158
Elementy blokowe i liniowe — definicja składniowa......Page 160
Elementy blokowe i liniowe — definicja prezentacyjna......Page 164
Który ze sposobów definiowania elementów blokowych i liniowych jest lepszy i dlaczego?......Page 166
Elementy ogólne div i span......Page 167
Używanie elementów div i span w połączeniu z klasami i identyfikatorami......Page 168
Typowy przykład użycia elementów div......Page 169
Domyślny format wizualny elementów blokowych i liniowych......Page 170
Rozdział 17. Obszar zajmowany przez element......Page 174
Właściwość display......Page 178
Wyśrodkowanie elementu blokowego......Page 179
Łączenie marginesów pionowych......Page 182
Wymiary minimalne i maksymalne......Page 183
Właściwość float......Page 186
Układy kolumnowe......Page 189
Znikające tło pojemnika......Page 191
Czyszczenie elementów pływających......Page 192
Właściwość position......Page 194
Pozycjonowanie statyczne......Page 196
Pozycjonowanie względne......Page 197
Pozycjonowanie bezwzględne......Page 199
Pozycjonowanie trwałe......Page 200
Pozycjonowanie kontekstowe......Page 201
Właściwości left, right, top oraz bottom......Page 204
Warstwy i ich kolejność......Page 209
Przycinanie......Page 211
Dobieranie szerokości układu......Page 214
Układy przylegające do okna przeglądarki......Page 216
Rozdział 21. Układy płynne......Page 226
Układy dwukolumnowe......Page 230
Układ trójkolumnowy......Page 234
Rozdział 23. Projekty......Page 238
Część IV Elementy XHTML......Page 246
Elementy frazowe......Page 248
Trudne wybory......Page 250
Cytaty......Page 251
Tekst na stronach WWW — podsumowanie......Page 252
Wypunktowanie......Page 254
Lista definicji......Page 255
Zagnieżdżanie list......Page 256
Właściwości CSS list......Page 258
Rozdział 26. Element img......Page 262
Składnia elementu img......Page 263
Wymiary obrazów......Page 264
Obrazy nieprostokątne......Page 267
Animacje......Page 269
Opływanie......Page 270
Dlaczego elementy pływające nie generują wysokości?......Page 272
Osadzanie obrazów w kodzie XHTML......Page 274
Rozdział 27. Tabele......Page 278
Obramowanie i łączenie obramowania......Page 279
Podstawowe formatowanie komórek i całych tabel......Page 280
Nagłówki kolumn i nagłówki wierszy......Page 282
Podpis i opis tabeli......Page 284
Tabele regularne i nieregularne......Page 285
Nagłówek, stopka i treść tabeli......Page 287
Kolumny tabeli......Page 289
Tabele XHTML — podsumowanie......Page 293
Rozdział 28. Odsyłacze......Page 296
Spis treści w postaci listy numerowanej bądź wypunktowanej......Page 297
Style CSS witryny z hiperłączami......Page 298
Odsyłacze do różnych typów plików......Page 299
Odsyłacze wewnętrzne......Page 300
Obrazy jako odsyłacze......Page 302
Style CSS odsyłaczy......Page 303
Otwieranie nowych okien......Page 304
Mapa odsyłaczy......Page 305
Oznaczanie zmian w dokumencie......Page 308
Element object......Page 309
Osadzanie na stronie WWW filmów z serwisu YouTube......Page 310
Osadzanie na stronie WWW apletów pisanych w języku Java......Page 312
Bazowy adres URL......Page 313
Rozdział 30. Projekty......Page 316
Część V Tła......Page 338
Rozdział 31. Właściwości CSS dotyczące tła......Page 340
Rozdział 32. FIR — wymiana obrazów na teksty......Page 350
Efekt FIR wykonany przy użyciu text-indent......Page 352
Efekt FIR wykorzystujący kolejność warstw......Page 353
Rozdział 33. Udawane kolumny......Page 358
Wymiana obrazu tła......Page 366
Przycisk z etykietą tekstową......Page 367
Przyciski pozycjonowane kontekstowo......Page 368
Rozdział 35. Kafelkowanie......Page 380
Etap pierwszy: pokrojenie szablonu na oddzielne pliki......Page 387
Etap drugi: sklejenie oddzielnych plików w jeden plik sprite.png......Page 388
Rozdział 36. Projekty......Page 392
Część VI Zagadnienia zaawansowane......Page 404
Rozdział 37. Struktura funkcjonalna witryny......Page 406
Selektory......Page 410
Pseudoklasy......Page 413
Importowanie stylów......Page 417
Style do druku......Page 418
Style alternatywne......Page 421
Rozdział 39. Kolejność elementów w kodzie XHTML......Page 422
Zmiana kolejności kolumn pionowych......Page 423
Zmiana kolejności poziomych pasów......Page 426
Zmiana kolejności kolumn oraz poziomych pasów......Page 427
Atrybuty językowe......Page 430
Zdarzenia......Page 431
Atrybuty dotyczące aktywnego punktu......Page 432
Rozdział 41. Formularze......Page 434
Atrybuty formularza......Page 435
Kontrolki formularza......Page 436
Atrybuty ogólne kontrolek formularza......Page 437
Elementy input......Page 438
Przyciski zatwierdzające i resetujące formularz......Page 439
Pola wyboru......Page 440
Wykluczające pola wyboru......Page 441
Kontrolka wyboru pliku......Page 442
Element button......Page 443
Listy......Page 444
Grupowanie i podpisywanie kontrolek formularza......Page 446
Podsumowanie......Page 447
Element link......Page 448
Kanały RSS i Atom......Page 450
Następny, poprzedni oraz spis treści......Page 454
Ikona witryny WWW......Page 456
Plik robots.txt......Page 459
Plik sitemap.xml......Page 460
Rozdział 43. Element meta — dodatkowe informacje na temat strony WWW......Page 462
Dwa rodzaje elementów meta......Page 463
Języki, w jakich przygotowano dokument......Page 464
Słowa kluczowe i opis......Page 465
Data powstania i ważności dokumentu......Page 466
Metainformacje w kilku językach......Page 467
Różności......Page 468
Treść umieszczaj jako pierwszą......Page 470
Twórz czytelne tabele......Page 471
Definiuj skróty i skrótowce......Page 472
Wielkość liter......Page 474
Elementy puste i niepuste......Page 475
Cudzysłów otaczający wartości atrybutów......Page 476
Style i skrypty......Page 477
Content-type......Page 478
Jak przeglądarka traktuje dokument HTML, a jak XHTML?......Page 480
Problemy z Internet Explorerem......Page 481
Cztery proste zasady......Page 482
HTML czy XHTML?......Page 483
Witryna WWW widziana oczami człowieka i robota......Page 484
Semantyka kodu XHTML......Page 485
Semantyka przez małe s......Page 486
Nawigacja: jesteś tutaj......Page 487
Złożenia......Page 488
Bibliografia......Page 489
Problemy semantyczne XHTML i CSS......Page 490
Czy strong jest bardziej semantyczny niż b?......Page 493
Elementy em oraz span......Page 494
Drzewo elementów......Page 495
Czy wszystkie elementy tekstowe są równoważne?......Page 496
Czy klasa wzbogaca semantykę elementu?......Page 497
Praktyczne porady dotyczące semantyki......Page 498
Skorowidz......Page 500