Projektowanie serwisow WWW Standardy sieciowe Wydanie II.pdf

Projektowanie serwisów WWW.

Standardy sieciowe. Wydanie II

Autor: Jeffrey Zeldman

T³umaczenie: Szymon Kobalczyk

ISBN: 83-246-0774-9

Tytu³ orygina³ u: Designing with Web Standards (2nd Edition)

Format: B5, stron: 464

Wydawnictwo Helion

ul. Koœciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

Dostosuj swoje witryny do obowi¹zuj¹cych standardów

Poznaj standardowe technologie sieciowe

Naucz siê pisaæ strony poprawnie wyœwietlane we wszystkich przegl¹darkach

Zredukuj koszty utrzymania witryny

Dziêki ludziom takim jak Jeffrey Zeldman w œwiecie technologii internetowych coraz

wiêksz¹ uwagê przywi¹zuje siê do standardów. Dotyczy to tak¿e producentów

popularnych przegl¹darek internetowych, dlatego wreszcie mo¿liwe jest tworzenie

efektownych witryn, które wygl¹daj¹ identycznie u u¿ytkowników korzystaj¹cych

z ró¿nych programów. Jednak nie jest to jedyna zaleta stosowania standardów. Za ich

pomoc¹ mo¿esz sprawiæ, ¿e Twoje strony bêd¹ dzia³a³y szybciej, a ich aktualizacja

stanie siê du¿o ³atwiejsza, co prze³o¿y siê równie¿ na koszty utrzymania witryny.

„rojektowanie serwisów WWW. Standardy sieciowe. Wydanie II” to zaktualizowana

wersja niezwykle popularnego, praktycznego przewodnika po œwiecie standardowych

technologii internetowych. Dowiesz siê z niego, czym s¹ standardy sieciowe oraz

dlaczego warto siê do nich stosowaæ. Poznasz sposoby projektowania i tworzenia

witryn z uwzglêdnieniem standardów. Nauczysz siê korzystaæ z jêzyków XHTML, XML,

CSS, ECMAScript oraz modelu DOM, które s¹ wykorzystywane do pisania ³atwych w

pielêgnacji serwisów WWW. Przeczytasz równie¿ o mechanizmach u³atwieñ dostêpu

oraz mitach zwi¹zanych z nimi. Jest to lektura obowi¹zkowa dla wszystkich

projektantów i programistów, którzy chc¹ tworzyæ nowoczesne witryny internetowe.

Przegl¹d standardów sieciowych

Projektowanie i tworzenie serwisów zgodnie ze standardami

Walka z szybko starzej¹cymi siê witrynami

Nadawanie spójnego stylu witrynom za pomoc¹ arkuszy CSS

Pisanie przejrzystego kodu za pomoc¹ jêzyka XHTML

Tworzenie skryptów manipuluj¹cych modelem DOM

Obs³uga ró¿nych przegl¹darek

Stosowanie mechanizmów u³atwieñ dostêpu

Wykorzystuj sprawdzone techniki, które zaoszczêdz¹ czas i pieni¹dze

zarówno Twoje, jak i u¿ytkowników Twoich witryn

Spis treści

Wprowadzenie ................................................................ 17

Nie wszystko dla wszystkich ........................................................................ 17

Teoria a praktyka .................................................................................. 19

Ciągłość, a nie zbiór sztywnych reguł .......................................................... 20

Pokazuj, nie sprzedawaj ........................................................................ 20

Niech praca sprzedaje się sama ............................................................. 21

Sprzedaż wewnątrz firmy ...................................................................... 22

Zapach zmian .............................................................................................. 23

Część I > Houston, mamy problem

Zanim zaczniesz .............................................................. 27

Nakręcanie kosztów, zmniejszanie zwrotów ................................................. 28

Przerwanie cyklu starzenia się .................................................................... 30

Czym jest zgodność w przód? ....................................................................... 31

Żadnych zasad, żadnego dogmatu ............................................................... 33

Praktyka, nie teoria ..................................................................................... 35

Czy ta podróż jest naprawdę potrzebna? ...................................................... 37

1 99,9% witryn wciąż jest przestarzałych .................................. 39

Nowoczesne przeglądarki i standardy sieciowe .............................................. 40

Nowy kod do nowej pracy ...................................................................... 42

Problem „wersji” ......................................................................................... 43

Myślenie wsteczne ....................................................................................... 46

Przestarzałe znaczniki: dodatkowy koszt dla właścicieli witryn ............. 50

Zgodność wstecz .................................................................................... 52

Blokowanie użytkowników nie wpływa dobrze na interesy ..................... 53

Droga do Pacanowa .............................................................................. 57

Dobre traktowanie złego kodu ..................................................................... 58

Lek .............................................................................................................. 61

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

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

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: