CSS_i_Ajax_Strony_WWW_zgodne_ze_standardami_sieciowymi_W3C_cssaww.pdf

CSS i Ajax. Strony WWW

sieciowymi W3C

Autor: Christopher Schmitt, Kimberly Blessing,

Rob Cherny, Meryl K. Evans, Kevin Lawver,

Mark Tramme

TĀumaczenie: Robert Grczyĺski

ISBN: 978-83-246-1755-5

TytuĀ oryginaĀu: Adapting to Web Standard s:

CSS and Ajax for Big Sites (Voices That Matter )

Format: 168x237, stron: 312

Wydawnictwo Helion

ul. Koľciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

Twrz serwisy internetowe zgodne z standardami!

¤ Jak projektowaě serwisy WWW zgodne z standardami?

¤ Jak zaprojektowaě interfejs uŃytkownika?

¤ Jak zwiķkszyě wydajnoľě strony WWW?

WspĀczesne strony internetowe rŃniĴ siķ, a przynajmniej powinny, od tych sprzed

kilku lat. JeŃeli rŃnic nie widaě od strony graficznej, to z pewnoľciĴ moŃna je znalełě

w kodzie strony. Nowoczesne witryny WWW charakteryzujĴ siķ zgodnoľciĴ

ze standardami, wykorzystaniem kaskadowych arkuszy stylw oraz udogodnieniami

dla osb niepeĀnosprawnych. A dziķki zastosowaniu technologii AJAX wspĀczesne

witryny kuszĴ interaktywnoľciĴ i dynamizmem.

Autorzy niniejszej ksiĴŃki wprowadzajĴ Czytelnika w tajniki projektowania serwisw

zgodnych z zasadami ustalonymi przez organizacjķ W3C. Dziķki tej ksiĴŃce poznasz

rodzaje i zastosowanie standardw sieciowych. Dowiesz siķ, w jaki sposb wybraě

jķzyk znacznikw, oraz poznasz zalety i wady jķzykw HTML i XHTML. Nauczysz siķ

korzystaě z kaskadowych arkuszy stylw, a nastķpnie odkryjesz sposb wykorzystania

technologii AJAX w celu tworzenia interaktywnych stron WWW. Co najwaŃniejsze,

dostosujesz swojĴ stronķ do wspĀczesnych standardw, dziķki czemu zyska

na dostķpnoľci i interaktywnoľci, przyciĴgajĴc rzesze uŃytkownikw!

¤ Zalety standardw sieciowych

¤ Przygotowanie interfejsu uŃytkownika

¤ Wady i zalety jķzykw HTML oraz XHTML

¤ WpĀyw deklaracji DOCTYPE na zachowanie przeglĴdarki

¤ Korzyľci pĀynĴce z zastosowania kaskadowych arkuszy stylw

¤ Sposoby doĀĴczania arkuszy stylw do strony

¤ Zasady wykorzystania technologii AJAX

¤ WspĀpraca jķzyka JavaScript z CSS

¤ Systemy zarzĴdzania treľciĴ

¤ Programowanie aplikacji sieciowych

¤ Sposoby na zwiķkszenie wydajnoľci witryn internetowych

Dostosuj siķ do standardw Ð zwiķksz dostķpnoľě

i popularnoľě swojej strony internetowej!

zgodne ze standardami

Spis treści

Podziękowania ....................................................................................................................................... 7

O autorach ................................................................................................................................................ 9

Część I Tworzenie witryn internetowych bazujących

na standardach sieciowych

W PROWADZENIE 15

Czym są standardy sieciowe? ............................................................................................. 16

Podstawowe zalety standardów sieciowych ........................................................ 17

Internetowe interfejsy użytkownika ................................................................................ 17

Planowanie interfejsu użytkownika ................................................................................. 18

Współczesne planowanie witryny internetowej ................................................. 20

Nowe podejście: plany architektury UI ................................................................... 22

R OZDZIAŁ 1. T WORZENIE INTERFEJSU 25

Od czego rozpocząć? ............................................................................................................. 27

Struktura dokumentu: wybór języka znaczników ...................................................... 27

HTML kontra XHTML ...................................................................................................... 28

Przełączanie deklaracji DOCTYPE

i jej wpływ na tryb pracy przeglądarki internetowej ..................................... 34

Weryfikować czy nie weryfikować poprawności kodu? ................................... 44

Treść i struktura: od projektu do wykonania ........................................................ 47

R OZDZIAŁ 2. W PROWADZENIE DO KASKADOWYCH ARKUSZY STYLÓW 59

Ile plików CSS należy utworzyć? ........................................................................................ 60

Plik CSS i strategie jego dołączania .......................................................................... 62

Mikroformaty w służbie konwencji i czytelnych nazw .............................................. 68

Mikroformaty i POSH ..................................................................................................... 69

Zbyt wiele klas .......................................................................................................................... 72

Classitis klas ....................................................................................................................... 72

Uzdrowienie classitis ...................................................................................................... 74

Struktura treści pliku CSS .....................................................................................................78

Media alternatywne w CSS .................................................................................................. 81

Prezentacja zapewniająca swobodę działania ............................................................. 85

R OZDZIAŁ 3. I NTEGRACJA Z WARSTWĄ OBSŁUGI ZDARZEŃ 87

Nowoczesne metody technologii Ajax ........................................................................... 88

Nowoczesne, progresywne i dyskretne skrypty .................................................. 90

Wymagania JavaScript: plik oraz spis funkcji ............................................................... 92

Błędny skrypt, oj, błędny! ............................................................................................. 93

Dyskretne usprawnienia ............................................................................................... 98

Wyskakujące okna ....................................................................................................... 100

Elementy dynamiczne i innerHTML ...................................................................... 104

CSS I AJAX. STRONY WWW ZGODNE ZE STANDARDAMI SIECIOWYMI W3C

Współpraca kodu JavaScript

z arkuszami stylów CSS i warstwą prezentacyjną ................................................ 107

Ogromne witryny internetowe i obsługa wielu zdarzeń onload ............... 109

Własne skrypty kontra gotowe struktury .................................................................... 111

Przykład kodu struktury jQuery .............................................................................. 113

Struktury znacznie ułatwiają używanie technologii Ajax ............................. 117

Kilka słów odnośnie struktur .................................................................................... 119

R OZDZIAŁ 4. P ROGRAMOWANIE APLIKACJI SIECIOWYCH 121

Aplikacje sieciowe obciążone jarzmem przeszłości ................................................ 122

Jakość oprogramowania i analiza jego elementów ....................................... 122

Wskazówki, reguły oraz standardy sieciowe .............................................................. 125

Reguły programowania ............................................................................................. 125

Lepsze formularze tworzone

za pomocą nowoczesnego kodu znaczników .............................................. 126

Struktury działające po stronie serwera oraz narzędzia szablonów ......... 130

Platforma Microsoft ASP.NET ........................................................................................... 134

Dane wyjściowe ASP.NET .......................................................................................... 137

Kontrolki HTML ASP.NET, kontrolki Web Control i inne ................................ 144

Zarządzanie treścią .............................................................................................................. 149

Podstawy systemu zarządzania treścią ................................................................ 150

System zarządzania treścią i czysta treść ............................................................ 150

Dane wyjściowe systemu zarządzania treścią i moduły ................................ 151

Szablony systemu zarządzania treścią ................................................................. 152

Tryb WYSIWYG dla autorów treści ......................................................................... 156

Firmy trzecie ................................................................................................................... 158

W jaki sposób podejść do aplikacji sieciowych? ...................................................... 159

R OZDZIAŁ 5. K RĄG STANDARDÓW 161

Organizacyjna opieszałość ............................................................................................... 162

Wprowadzenie kręgu ......................................................................................................... 164

Menedżer standardów ............................................................................................... 164

Tworzenie i dokumentowanie standardów ....................................................... 165

Szkolenia i komunikacja ............................................................................................ 168

Proces przeglądu jakości ........................................................................................... 170

Wprawienie całości w ruch ............................................................................................... 172

Utrzymywanie impetu ................................................................................................ 172

Podsumowanie ..................................................................................................................... 173

Część II Studium przypadku

175

P RAKTYKA NIE OZNACZA DOSKONAŁOŚCI 177

Komunikacja ........................................................................................................................... 178

Zdolność do adaptacji ........................................................................................................ 178

Wytrwałość ............................................................................................................................. 179

Próby i cierpienia .................................................................................................................. 179

Spis treści

R OZDZIAŁ 6. E VERYTHING T ORI . COM 181

Kulisy ......................................................................................................................................... 182

Zagłębienie się w świat Tori Amos ........................................................................ 184

Rozpoczęcie właściwego procesu tworzenia projektu .................................. 184

Zbudowanie szkieletu ................................................................................................ 185

Budowanie witryny ..................................................................................................... 192

Kulisy arkuszy stylów CSS .......................................................................................... 196

Uruchomienie witryny ........................................................................................................ 205

Spotkanie z projektantem Philipem Fierlingerem ................................................... 206

Utwór końcowy ..................................................................................................................... 210

R OZDZIAŁ 7. AOL. COM 213

Utworzenie zespołu skazanego na sukces i unikanie porażek ........................... 215

Co poszło źle? ................................................................................................................ 215

Projektowanie z uwzględnieniem wydajności ......................................................... 237

Oszacowanie wydajności

przed utworzeniem choćby jednego wiersza kodu ................................... 238

Obawy związane z wydajnością ............................................................................. 242

Wywiad: David Artz ..................................................................................................... 247

Powtarzalne kroki ........................................................................................................ 249

Projekt i architektura systemu ......................................................................................... 250

System wzajemnej pomocy ..................................................................................... 250

Wykonywanie procedur pośredniczących ......................................................... 251

Rozważania dotyczące organizacji pracy ............................................................ 252

Magia interfejsu .................................................................................................................... 254

Harmonizacja kodu znaczników z deklaracją DOCTYPE ............................... 254

Najlepsze rozwiązania w zakresie CSS ................................................................. 258

Arkusze stylów CSS ułatwiające dostępność treści ......................................... 261

Wydajność w rzeczywistym produkcie ................................................................ 267

Podsumowanie ..................................................................................................................... 269

Posłowie ............................................................................................................................................... 271

Dodatek A Docelowe przeglądarki internetowe .................................................................. 273

Dodatek B Dostępność treści ....................................................................................................... 279

Dodatek C Wskazówki dotyczące wydajności witryny internetowej ........................... 281

Dodatek D Przewodnik po selektorach CSS ........................................................................... 291

Skorowidz ............................................................................................................................................ 295

Programowanie

aplikacjisieciowych

Profesjonalnezespoyprogramistówbudujcewitrynyinternetowenieograniczaj

sidotworzeniatrecistatycznych,aleoferujtakeaplikacjedynamiczneiwitryny

wykorzystujcesystemyzarzdzaniatreci(CMS).Wtakimprzypadkuuywany

jestkodwarstwyinterfejsuuytkownika(UI),podzielonydalejnakodjzyka

znaczników,arkuszestylówCSSorazskryptyJavaScript.ZnaczenieUIpowoduje,

egotowawitrynainternetowajestwiksza,aponadtowyduajsiokresyczasu

midzyznaczcymimodernizacjamiwitryny.Powstajewicpytanie,dlaczegonie

pokusisioograniczeniezalenociodprogramistówtworzcychkodwewntrzny

bdekspertówzzakresusystemówCMS,skoroprogramiciUImoglibysamo

dzielniezarzdzazmianamiprzeprowadzanymiwUI?

Jeelidodadotegowyzwaniawynikajcezkoniecznociintegracjizelementami

opracowanymiprzezfirmytrzecieorazstarszymiinowszymielementamisieciowymi

organizacji,towyraniewidanieskoczonepokadykorzycipyncychzestosowania

standardówsieciowych.Wrzeczywistociwszystko,cojesttworzonewramach

koduinterfejsuuytkownikakocowego,powinnozostazaimplementowane

zuyciemtechnikzgodnychzestandardamisieciowymi.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: