Jon Duckett xhtml-i-css.-dostepne-witryny-internetowe- full version.pdf

(30797 KB) Pobierz
887663922.001.png
4
XHTML i CSS. Dostępne witryny internetowe
Dlaczego XML? ....................................................................................................... 71
Różnice pomiędzy wersjami Transitional i Strict języka XHTML 1.0 .............................. 74
Obsługa XHTML w narzędziach do tworzenia stron WWW ............................................ 81
Walidacja ............................................................................................................... 83
Rozwiązanie ................................................................................................................. 87
Strona główna ........................................................................................................ 87
Strony z listą produktów .......................................................................................... 98
Strony ze szczegółowymi danymi o produktach ........................................................ 100
Walidacja ............................................................................................................. 104
Podsumowanie .......................................................................................................... 105
Rozdział 3. Zastosowanie CSS do definiowania stylu dokumentów ....................................................107
Problem ..................................................................................................................... 108
Projekt ...................................................................................................................... 108
Jak działa CSS? .................................................................................................... 108
Więcej informacji na temat dodawania reguł CSS ..................................................... 115
Selektory .............................................................................................................. 120
Czcionki ............................................................................................................... 124
Właściwości tekstowe ........................................................................................... 132
Pseudoelementy tekstowe ..................................................................................... 138
Model ramek ........................................................................................................ 139
Elementy <div> i <span> ....................................................................................... 142
Właściwości ramek ............................................................................................... 144
Wymiary ............................................................................................................... 150
Kolor i tło ............................................................................................................. 154
Rozwiązanie ............................................................................................................... 162
Strona główna ...................................................................................................... 163
Strony z listami produktów ..................................................................................... 173
Strony ze szczegółowymi danymi produktów ............................................................ 175
Podsumowanie .......................................................................................................... 178
Rozdział 4. Zaawansowane zastosowania języka CSS ........................................................................179
Problem ..................................................................................................................... 180
Projekt ...................................................................................................................... 180
Pseudoklasy i pseudoelementy .............................................................................. 180
Listy .................................................................................................................... 195
Właściwości tabel ................................................................................................. 198
Widoczność elementów ......................................................................................... 202
Wiele arkuszy stylów i reguła @import ..................................................................... 204
Priorytety reguł ...................................................................................................... 206
Walidacja arkuszy CSS .......................................................................................... 207
Rozwiązanie ............................................................................................................... 208
Poprawa wyglądu łączy .......................................................................................... 208
Obramowania tabel na stronach ze szczegółowymi danymi produktów ....................... 210
Podsumowanie .......................................................................................................... 213
Rozdział 5. Wykorzystanie CSS do zarządzania układem dokumentu ................................................215
Problem ..................................................................................................................... 216
Projekt ...................................................................................................................... 216
Schematy określania pozycji w CSS ........................................................................ 216
Warstwy nakładające się na siebie ......................................................................... 232
Spis treści
5
Popularne układy .................................................................................................. 235
Możliwości wyboru układu ...................................................................................... 251
Rozwiązanie ............................................................................................................... 253
Podsumowanie .......................................................................................................... 262
Rozdział 6. Dostępność ......................................................................................................................... 263
Problem ..................................................................................................................... 264
Projekt ...................................................................................................................... 265
Technologie wspomagające ................................................................................... 266
Dodatkowe korzyści ze stosowania się do reguł dostępności .................................... 267
Wytyczne dotyczące dostępności ............................................................................ 268
Tworzenie dostępnych stron WWW .......................................................................... 270
Rozwiązanie ............................................................................................................... 302
Zdefiniowanie odpowiedników tekstowych dla elementów nietekstowych ................... 302
Sprawdzenie dynamicznej zawartości oraz kolorów i kontrastu .................................. 303
Dodanie łączy w celu pominięcia powtarzających się łączy nawigacyjnych ................... 303
Podsumowanie .......................................................................................................... 306
Rozdział 7. Tworzenie dostępnych tabel i formularzy oraz testowanie witryny ............................. 307
Problem ..................................................................................................................... 308
Projekt ...................................................................................................................... 309
Tabele ................................................................................................................. 309
Formularze ........................................................................................................... 322
Zagadnienia dostępności witryn dla osób niesłyszących ........................................... 336
Dostępne ramki .................................................................................................... 337
Ostatnia deska ratunku — sam tekst ..................................................................... 340
Sprawdzanie zgodności witryny z wymogami dostępności ......................................... 341
Rozwiązanie ............................................................................................................... 344
Strony ze szczegółowymi danymi o produktach ........................................................ 344
Testowanie witryny za pomocą programu Bobby ....................................................... 346
Testowanie za pomocą LIFT ................................................................................... 347
Podsumowanie .......................................................................................................... 348
Rozdział 8. Spojrzenie w przyszłość ................................................................................................... 349
Problem ..................................................................................................................... 350
Projekt ...................................................................................................................... 350
Sytuacja bieżąca ................................................................................................... 350
Nowe urządzenia ................................................................................................... 351
Lekcje ze środowiska urządzeń mobilnych ............................................................... 352
Moduły abstrakcyjne języka XHTML ......................................................................... 353
XHTML 1.1 ........................................................................................................... 355
XHTML Basic ........................................................................................................ 361
Dokumenty hybrydowe ........................................................................................... 363
Język XHTML na różnych urządzeniach .................................................................... 368
Rozwiązanie ............................................................................................................... 377
Podsumowanie .......................................................................................................... 381
Dodatek A Końcowy kod przykładu ...................................................................................................... 383
Strona główna ............................................................................................................ 384
Strony z listą produktów .............................................................................................. 386
Strony ze szczegółowymi danymi o produktach .............................................................. 389
Arkusz stylów CSS ...................................................................................................... 391
6
XHTML i CSS. Dostępne witryny internetowe
Dodatek B Elementy XHTML ................................................................................................................... 397
Dodatek C Właściwości CSS ................................................................................................................. 435
Właściwości dotyczące czcionek .................................................................................. 435
Właściwości tekstowe ................................................................................................. 439
Właściwości dotyczące koloru i tła ............................................................................... 442
Właściwości dotyczące obramowania ........................................................................... 444
Wymiary .................................................................................................................... 446
Właściwości marginesów ............................................................................................ 449
Właściwości wypełnienia ............................................................................................. 449
Właściwości list ......................................................................................................... 450
Właściwości opisujące pozycje .................................................................................... 451
Właściwości obrysu .................................................................................................... 456
Właściwości tabel ....................................................................................................... 456
Właściwości dodatkowe .............................................................................................. 458
Właściwości międzynarodowe ...................................................................................... 460
Jednostki długości ...................................................................................................... 461
Dodatek D Sekwencje sterujące .......................................................................................................... 463
Wbudowane sekwencje sterujące języka XML ............................................................... 464
Encje znakowe XHTML ................................................................................................ 464
Dodatek E Typy MIME ............................................................................................................................ 467
Tekst ........................................................................................................................ 468
Grafika ...................................................................................................................... 468
Dokumenty wieloczęściowe ......................................................................................... 468
Dźwięk ...................................................................................................................... 468
Wideo ....................................................................................................................... 469
Aplikacje .................................................................................................................... 469
Skorowidz ..............................................................................................................................................471
1
Przedstawiamy witrynę
W ciągu stosunkowo krótkiego czasu internet rozwinął się w niezwykłym tempie. Kiedy zaczą-
łem uczyć się języka HTML, nie wyobrażałem sobie nawet, że dziś tak wiele osób będzie ko-
rzystać z internetu. Siedząc przy moim komputerze desktop PC, nie wyobrażałem sobie również
tego, że obecnie będę musiał pisać strony, do których można uzyskać dostęp za pomocą tak wielu
różnych urządzeń — na przykład telefonów komórkowych bądź przystawek telewizyjnych
typu STB. Te nowe urządzenia dość znacznie się różnią od komputerów desktop — mają ekrany
innych rozmiarów, a także inną moc obliczeniową i dostępną ilość pamięci, a poza tym pozwalają
użytkownikom na dostęp do informacji na wiele różnych sposobów. Biorąc pod uwagę skalę
rozwoju internetu oraz sposób, w jaki się zmienił, nie ma się co dziwić, że ci z nas, którzy zaj-
mują się tworzeniem witryn WWW, muszą zadbać o zaktualizowanie swoich umiejętności oraz
że narzędzia wykorzystywane do tej pracy również wymagają modernizacji.
W tym rozdziale opisano, dlaczego warto nauczyć się pisania stron za pomocą XHTML i CSS
oraz dlaczego tak bardzo ważne jest zadbanie o to, aby strony były dostępne. W tym rozdziale
zaprezentujemy również przykładową witrynę, z którą będziemy pracować na kartach tej
książki.
W tym rozdziale:
Q przeanalizujemy niektóre problemy, jakie sprawia używanie tradycyjnego języka
HTML;
Q dowiemy się, dlaczego istotne znaczenie ma oddzielenie stylu od treści;
Q zapoznamy się z przykładową witryną Fajna Promocja; jest to witryna, którą
będziemy aktualizowali na kartach tej książki;
Q dowiemy się, jakie są cele modyfikacji projektu witryny;
Q dowiemy się czegoś więcej na temat korzyści, jakie można uzyskać, tworząc
dostępne witryny z wykorzystaniem XHTML i CSS.
Po przeczytaniu niniejszego rozdziału Czytelnicy będą rozumieli powody, dla których należy
zaktualizować swoje umiejętności i zmodyfikować witryny, oraz będą wiedzieli, jakie działania
będą wykonywane z przykładową witryną zamieszczoną w tej książce.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin