john allsopp tworzenie-serwisow-www.-standardy-sieciowe scan, ebooki
[ Pobierz całość w formacie PDF ]
6
Tworzenie serwisów WWW. Standardy sieciowe
Kluczowe koncepcje jzyka HTML .............................................................. 41
Czym jest strona WWW? ....................................................................... 41
Terminologia: elementy, atrybuty, znaczniki i inne ............................... 42
Puste elementy HTML .......................................................................... 43
Typy dokumentów ....................................................................................... 44
Wprowadzenie do DOCTYPE ............................................................... 45
Strukturalne podstawy jzyka HTML ......................................................... 47
Podstawowy element html ..................................................................... 47
Element head ........................................................................................ 48
Element body ........................................................................................ 50
Elementy ródliniowe ............................................................................ 56
Rozszerzanie semantyki HTML .................................................................. 58
class ....................................................................................................... 58
id ........................................................................................................... 59
span ....................................................................................................... 60
cza: „hiper” w „hipertekcie” .................................................................. 60
Kotwice ................................................................................................. 61
Wzgldne i bezwzgldne adresy URL .................................................... 62
Tworzenie czy do zasobów znajdujcych si w internecie .................... 66
Tre osadzona ............................................................................................ 66
Obrazy ................................................................................................... 66
Osadzanie obrazów ................................................................................ 68
Tre multimedialna .............................................................................. 69
Formularze .................................................................................................. 71
Element form ........................................................................................ 72
Element input ....................................................................................... 72
Element button ..................................................................................... 75
Listy rozwijane ...................................................................................... 76
Wyczanie kontrolek ............................................................................ 78
Przypisywanie kontrolkom etykiet ......................................................... 79
Grupowanie kontrolek ........................................................................... 80
Tabele .......................................................................................................... 81
Struktura tabeli ..................................................................................... 81
czenie komórek .................................................................................. 82
Ramki i elementy iframe .............................................................................. 83
Znaki i encje ................................................................................................ 84
Zapewnianie jakoci ..................................................................................... 86
Walidacja kodu ...................................................................................... 87
Sprawdzanie czy ................................................................................. 88
HTML Tidy .......................................................................................... 88
HTML kontra XHTML .............................................................................. 89
Rónice w skadni .................................................................................. 89
Udostpnianie dokumentu ..................................................................... 89
Obsuga bdów ..................................................................................... 89
Którego powiniene uywa? .................................................................. 91
Spis treci
7
4. Prezentacja ................................................................... 93
Krótka historia stylów stosowanych w serwisach WWW .............................. 93
Po co oddziela tre od wygldu? ......................................................... 96
Czym jest CSS? ........................................................................................... 96
Jak CSS jest wykorzystywany? ................................................................... 96
Styl ródliniowy ..................................................................................... 97
Osadzony kod CSS ................................................................................ 97
Doczanie zewntrznych arkuszy stylów ............................................... 97
Podstawowa skadnia jzyka CSS ............................................................... 98
Selektory, bloki deklaracji, deklaracje i wasnoci ................................. 98
Podstawowe informacje na temat selektorów ............................................. 100
Selektory typów ................................................................................... 100
Grupowanie selektorów ....................................................................... 100
Podstawowe wasnoci: style czcionek ........................................................ 100
color .................................................................................................... 101
font-family .......................................................................................... 102
font-size .............................................................................................. 104
font-weight .......................................................................................... 106
font-style ............................................................................................. 106
text-decoration .................................................................................... 107
Dziedziczenie ............................................................................................. 107
Zwikszenie szczegóowoci: selektory class i id ......................................... 108
Selektory class ..................................................................................... 109
Selektory id ......................................................................................... 109
Precyzja selektora ............................................................................... 109
Czsto uywane wasnoci ukadu tekstu ................................................... 110
text-align ............................................................................................. 111
line-height ........................................................................................... 111
Odstpy pomidzy literami i sowami ................................................... 113
text-indent ........................................................................................... 113
Kombinacje: selektory potomków i dzieci ................................................... 114
Selektory potomków ............................................................................ 114
Selektory dzieci ................................................................................... 115
czenie w acuchy ............................................................................ 116
Precyzja selektorów potomków i dzieci ................................................ 118
Czsto uywane wasnoci ta .................................................................... 121
background-color ................................................................................. 122
background-image ............................................................................... 123
Wartoci URL ..................................................................................... 123
background-repeat .............................................................................. 124
background-position ............................................................................ 125
background-attach .............................................................................. 128
Wasnoci ta w CSS 3 ........................................................................ 128
Wasnoci zbiorcze ............................................................................... 129
Selektory dynamiczne ................................................................................ 129
8
Tworzenie serwisów WWW. Standardy sieciowe
Podstawowe wasnoci ukadu strony ........................................................ 131
Elementy blokowe kontra elementy ródliniowe ................................... 132
Model polowy ....................................................................................... 133
width ................................................................................................... 134
height .................................................................................................. 134
Przelewajca si tre .......................................................................... 135
margin ................................................................................................. 135
border .................................................................................................. 137
padding ............................................................................................... 139
Jak szeroki i wysoki jest element? ....................................................... 140
Zaawansowane wasnoci ukadu strony .................................................... 140
float ..................................................................................................... 140
clear .................................................................................................... 142
Pozycjonowanie ......................................................................................... 142
Wasno position i schematy pozycjonowania ..................................... 142
Zaawansowane selektory ........................................................................... 144
Selektory ssiadów .............................................................................. 145
Selektory atrybutów ............................................................................ 145
Typy wywietlania ..................................................................................... 147
visibility ............................................................................................... 147
Pozycje listy ........................................................................................ 148
Wicej wasnoci ........................................................................................ 149
Wasnoci drukowania ......................................................................... 149
Wasnoci interfejsu uytkownika ........................................................ 149
Selektory ............................................................................................. 149
Tre generowana ................................................................................ 150
Typy mediów ............................................................................................. 150
CSS zalene od medium ....................................................................... 151
czenie z typami mediów ................................................................... 151
Osadzanie na podstawie typów mediów ................................................ 151
@media ............................................................................................... 151
Importowanie arkuszy stylów .................................................................... 152
@import .............................................................................................. 153
Zapewnianie jakoci ................................................................................... 154
Walidacja kodu CSS ............................................................................ 154
Sprawdzanie zgodnoci z przegldarkami ............................................ 154
Szczególne wyzwania i techniki .................................................................. 155
Formatowanie formularzy ................................................................... 156
Zastpowanie obrazem ........................................................................ 156
Ukad strony ....................................................................................... 158
Problemy z przegldarkami ................................................................. 158
Formatowanie CSS ............................................................................. 159
Wydajno mechanizmu CSS i serwisów WWW .................................. 159
5. DOM ........................................................................... 161
DOM poziomu zerowego ...................................................................... 162
Przejciowy DOM ................................................................................ 162
DOM poziomu pierwszego ................................................................... 163
Spis treci
9
Poziom drugi ....................................................................................... 163
Poziom trzeci ....................................................................................... 163
Drzewo DOM ............................................................................................ 164
Podstawowe obiekty i metody DOM .......................................................... 166
Obiekt window ..................................................................................... 166
Obiekt document ................................................................................. 167
Obiekt element .................................................................................... 168
Zdarzenia .................................................................................................. 170
Odbiorniki zdarze .............................................................................. 171
Propagacja zdarze ............................................................................. 172
Najlepsze praktyki w tworzeniu nowoczesnych,
zgodnych ze standardami skryptów DOM ................................................. 173
Tworzenie dyskretnych skryptów ........................................................ 174
Niezgodnoci przegldarek .................................................................. 176
Waciwo innerHTML kontra metody DOM .................................... 179
Bezpieczestwo ................................................................................... 180
Rozkwit bibliotek ....................................................................................... 181
Wybór biblioteki .................................................................................. 183
JQuery ................................................................................................ 183
Prototype ............................................................................................ 184
Script.aculo.us .................................................................................... 184
Yahoo User Interface Library (YUI) ................................................... 184
Sprawdzanie skryptów DOM ..................................................................... 184
IE Developer Toolbar dla programów IE 6 i 7 .................................... 185
Internet Explorer 8 Developer Toolbar ............................................... 185
Firebug oraz Web Developer Toolbar dla Firefoksa ............................ 185
DragonFly dla programu Opera .......................................................... 185
Web Inspector dla Safari ..................................................................... 186
Ajax? ......................................................................................................... 187
Podsumowanie .......................................................................................... 187
6. Dostpno ...................................................................189
Biznesowe argumenty za zapewnianiem dostpnoci ........................... 190
Prawodawstwo na wiecie .................................................................... 191
Dostpno i W3C ..................................................................................... 191
WCAG 1 .............................................................................................. 192
WCAG 2 .............................................................................................. 195
ARIA ................................................................................................... 196
Typowe problemy zwizane z dostpnoci (i ich rozwizania) .................. 203
cza i tytuy ...................................................................................... 203
Nagówki ............................................................................................. 204
Tekst alternatywny ............................................................................. 204
Kontrast kolorów ................................................................................. 205
Tabele ................................................................................................. 205
Formularze ......................................................................................... 209
Podsumowanie .......................................................................................... 211
[ Pobierz całość w formacie PDF ]