Jeffrey Zeldman projektowanie-serwisow-www.-standardy-sieciowe.-wydanie-ii full version.pdf

(33857 KB) Pobierz
888089185.001.png
4
Projektowanie serwisów WWW. Standardy sieciowe
2
Projektowanie i budowanie z użyciem standardów .....................63
Pokonywanie trudności ................................................................................ 65
Koszt projektowania przed wprowadzeniem standardów ............................. 66
Nowoczesna strona starymi metodami ......................................................... 67
Królestwo tragedii ....................................................................................... 71
Trzy elementy standardów sieciowych ......................................................... 74
Struktura .............................................................................................. 74
Prezentacja ........................................................................................... 77
Zachowanie ............................................................................................ 77
W praktyce .................................................................................................. 78
Zalety metod przejściowych ......................................................................... 79
Projekt standardów sieciowych: przenośność w zastosowaniu ...................... 81
Jeden dokument dla wszystkich ............................................................. 82
A List Apart: jedna strona, wiele widoków .................................................. 84
Projektowanie nie tylko z przeznaczeniem na ekran .............................. 86
Oszczędność czasu i kosztów, wzrost zysków ......................................... 87
Co dalej? ...................................................................................................... 88
Przejściowa zgodność w przód (projektowanie hybrydowe) .................... 88
Całkowita zgodność w przód .................................................................. 91
3
Problem ze standardami .....................................................95
Miło popatrzeć, trudno zakodować ............................................................... 95
Wspólne zamiary, wspólne środki .......................................................... 97
Przyjęcie standardów a rzeczywistość .................................................... 98
2000 — rok, w którym przeglądarki osiągnęły dojrzałość .......................... 100
IE5/Mac: przełączanie i powiększanie .................................................. 100
Mocne posunięcie Netscape’a ............................................................... 101
Przełamanie tamy ................................................................................ 104
Za mało, za późno? .................................................................................... 105
CSS: pierwsze koty za płoty ................................................................. 106
Złe przeglądarki prowadzą do złych praktyk .............................................. 107
Klątwa złego odwzorowywania ............................................................. 107
Brak dziedziczenia ............................................................................... 109
Złe zachowanie .................................................................................... 110
Długo oczekiwany standard w językach skryptowych .......................... 111
Mało czytelne witryny, niezrozumiałe nazewnictwo .................................... 112
Problemy akademickie a problemy ekonomiczne .................................. 113
Konsorcjum sugeruje, firmy sprzedają ................................................ 114
Świadomość produktu a świadomość standardów ................................ 114
Słowo na F ................................................................................................ 116
Wartość Flasha ................................................................................... 117
Problem z Flashem .............................................................................. 119
Inny problem z Flashem ...................................................................... 119
Zgodność to brzydkie słowo ....................................................................... 120
Potęga języka w formowaniu percepcji ................................................ 120
Problem z inspiracją ............................................................................ 121
Inne problemy ..................................................................................... 122
Spis treści
5
4
Wyszukiwanie, syndykacja, blogi, podkasty i długi ogon
(oraz inne powody zwycięstwa standardów sieciowych) ..............125
Uniwersalny język (XML) ......................................................................... 127
Porównanie XML-a i HTML-a ........................................................... 129
Jeden rodzic, wiele dzieci ..................................................................... 129
Niezbędny element profesjonalnego oprogramowania .......................... 130
Bardziej popularny niż biały raper ...................................................... 131
Pięć spraw świadczących o potędze technologii .................................... 133
Złota żyła innowacji ............................................................................ 134
Narzędzia do publikacji dla całej reszty ............................................... 139
Do twoich usług ................................................................................... 139
Aplikacje XML a twoja witryna ................................................................. 141
Kompatybilne z natury .............................................................................. 142
Nowa era współpracy ................................................................................. 143
Testy i specyfikacje ............................................................................. 143
Jak można ze sobą współpracować? ..................................................... 144
Grupa robocza WHAT ........................................................................ 145
Internet Explorer 7 i projekt standardów sieciowych .......................... 145
Standardy sieciowe i narzędzia edycyjne ................................................... 146
Grupa zadaniowa Dreamweaver .......................................................... 146
Narzędzia WYSIWYG stają się pełnoletnie
(dwa z trzech to nie najgorzej) ............................................................ 148
Od FrontPage do Expression Web Designer ....................................... 148
Nadejście układów CSS ............................................................................. 149
Kampania uaktualniania przeglądarek ................................................ 150
Początek potopu .................................................................................. 154
Skąd czerpać style? ............................................................................. 155
Największa skarbnica wiedzy o CSS .................................................... 158
Chwilowa moda… o ustalonym przeznaczeniu ........................................... 158
Upowszechnianie standardów sieciowych ................................................... 159
Witryny komercyjne dają się ponieść fali ............................................. 162
Wired Digital zmienia technologię ....................................................... 162
Zachęcanie projektantów ..................................................................... 164
Ciągle pojawiają się nowe hity ............................................................. 164
Droga do sukcesu jest wybrukowana walidacją ................................... 165
Część II > Projektowanie i budowanie
5
Nowoczesny układ znaczników ............................................171
Ukryty schemat kiepskiego kodu ............................................................... 176
Przeformułowanie czego? .......................................................................... 178
Podsumowanie .......................................................................................... 180
Który XHTML jest dla mnie najlepszy? .................................................... 180
XHTML 2 — nie dla każdego ............................................................. 181
10 najważniejszych powodów, dla których warto wybrać XHTML ...... 182
5 powodów, dla których nie warto wybierać XHTML-a ....................... 183
6
Projektowanie serwisów WWW. Standardy sieciowe
6
XHTML: restrukturyzacja sieci ............................................ 185
Konwersja do XHTML-a: proste zasady, łatwe wytyczne .......................... 186
Dokument rozpoczynaj od deklaracji DOCTYPE i przestrzeni nazw .. 186
Zadeklaruj typ zawartości strony ........................................................ 189
Wszystkie znaczniki pisz małymi literami ............................................ 191
Wartości wszystkich atrybutów umieszczaj w cudzysłowach ................ 194
Przypisuj wartości wszystkim atrybutom ............................................ 195
Zamykaj wszystkie znaczniki ............................................................... 196
Zamykaj również „puste” znaczniki ..................................................... 196
Nie umieszczaj podwójnych myślników w komentarzach ..................... 197
Koduj wszystkie znaki < i & ................................................................ 198
Podsumowanie zasad XHTML-a ............................................................... 198
Kodowanie znaków: nudne, bardzo nudne i potwornie nudne .............. 199
Leczenie strukturalne .......................................................................... 200
Sensowne kodowanie dokumentu ......................................................... 201
Elementy wizualne i struktura ................................................................... 205
7
Struktura w układzie ścisłym i hybrydowym:
gwarancja zwartych i trwałych stron .................................... 207
Czy każdy element musi być strukturalny? ................................................ 208
div, id i inni pomocnicy ........................................................................ 209
Semantyczny kod i wielokrotne użycie ................................................. 214
Układy hybrydowe i spójny kod: co należy, a czego nie wolno .................... 218
Nazwijmy złe rzeczy po imieniu ........................................................... 219
Powszechne błędy w układach hybrydowych ........................................ 219
Znaczniki div są w porządku ................................................................ 223
Pokochać atrybut id ............................................................................ 224
Zakaz stosowania nadmiarowych komórek tabel .................................. 226
Parada przestarzałych metod .................................................................... 227
Czas map ............................................................................................. 227
Niezadowolenie z map .......................................................................... 228
Brak dostępu, brak struktury .............................................................. 229
Cięcie i składanie ................................................................................. 229
Dojrzewanie metody cięcia i składania ................................................. 230
Nadmierna rozwlekłość nadmiernie rozwlekłych tabel ........................... 232
Powraca zły CSS ................................................................................. 233
Co dalej? .............................................................................................. 237
8
XHTML w przykładach: układ hybrydowy (część I) .................... 239
Zalety metod hybrydowych zastosowanych w tym rozdziale ....................... 239
Arkusze stylów zamiast JavaScriptu ................................................... 240
Podstawowe podejście (wstęp) ................................................................... 241
Oddzielne tabele: korzyści pod względem CSS
i funkcji ułatwień dostępu .................................................................... 241
Pomiń nawigację — co i jak ................................................................ 242
Dodatkowe atrybuty id ........................................................................ 247
Spis treści
7
Pierwszy kod taki sam jak ostatni ............................................................. 249
Kod nawigacji (pierwsza tabela) .......................................................... 249
Prezentacja, semantyka, czystość i grzech ........................................... 250
Kod treści (druga tabela) .................................................................... 252
9
Podstawy CSS ................................................................253
Wstęp do CSS ........................................................................................... 253
Korzyści z CSS .................................................................................... 254
Anatomia stylów ........................................................................................ 256
Selektory, deklaracje, właściwości i wartości ....................................... 256
Wielokrotne deklaracje ........................................................................ 257
Biała przestrzeń i brak rozpoznawania wielkości znaków .................... 258
Wartości ogólne i alternatywne ............................................................ 259
Selektory grupowe ............................................................................... 260
Dziedziczenie i jego przeciwnicy .......................................................... 260
Selektory potomne ............................................................................... 262
Selektory id i selektory potomne .......................................................... 263
Selektory klas ...................................................................................... 264
Łączenie selektorów do tworzenia zaawansowanych efektów ............... 265
Style zewnętrzne, osadzone i bezpośrednie ................................................ 268
Zewnętrzne arkusze stylów .................................................................. 268
Style bezpośrednie ............................................................................... 271
Metoda „najlepszego możliwego scenariusza” ............................................ 272
Od stylów osadzonych do zewnętrznych: metoda dwóch arkuszy ......... 272
Względne i absolutne ścieżki plików .................................................... 275
Korzyści płynące ze stosowania metod najlepszego możliwego
scenariusza i dwóch arkuszy stylów ..................................................... 275
10 Zastosowanie CSS: układ hybrydowy (część II) .........................277
Przygotowanie ilustracji ............................................................................ 278
Ustalenie podstawowych parametrów ........................................................ 280
Style ogólne, więcej na temat skrótów i marginesów ............................ 280
Elementy niewidoczne i blokowe .......................................................... 281
Kolory odnośników (wprowadzamy pseudoklasy) ................................ 284
Poprawiamy inne pospolite elementy ................................................... 286
Więcej na temat rozmiarów czcionek ................................................... 288
Ustalenie układu strony ...................................................................... 292
Elementy nawigacyjne: pierwsze podejście ................................................ 295
CSS dla elementów nawigacyjnych: pierwsza próba przy drugim podejściu 299
CSS dla elementów nawigacyjnych: ostatnie podejście .............................. 301
Ostatnie kroki: style zewnętrzne oraz efekt „jesteś tutaj” ......................... 305

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin