ponadczasowe strony internetowe full version.pdf

Spis treści

Wprowadzenie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16

ROzDzIAł 1

Ponadczasowe techniki przetrwania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .23

Zrozumieć środowisko . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Prawda dotycząca terminologii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24

Mity w projektowaniu witryn . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Mit nr 1 — szata graiczna może być perfekcyjna co do piksela . . . . . . . . . . . . . 26

Mit nr 2 — projekt szaty graicznej można traktować

jako dzieło ukończone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Mit nr 3 — projekt witryny jest kuloodporny i ponadczasowy . . . . . . . . . . . . . . 27

Mit nr 4 — walidacja zapewnia jakość i zgodność . . . . . . . . . . . . . . . . . . . . . . . . 28

Mit nr 5 — nowsze, lepsze, czyli więcej i na bogato . . . . . . . . . . . . . . . . . . . . . . . 28

Mit nr 6 — dostosowywanie się do statystycznego użytkownika

lub urządzenia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

Nadążanie za użytkownikami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

Planowanie, czyli zapewnienie witrynie sukcesu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Określanie wymagań projektu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32

Określanie celów przy unikaniu pułapek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Planowanie z uwzględnieniem implementacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Nauka dostosowywania się i ewoluowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Wykorzystanie nowych technologii . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Rozwiązania zapewniające udaną szatę graiczną. . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Pierwsze pytanie — potrzeba lub jej brak. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Drugie pytanie — sztywny lub elastyczny. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40

Trzecie pytanie — dynamiczny lub statyczny. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

Czwarte pytanie — wewnętrzne kontra zewnętrzne . . . . . . . . . . . . . . . . . . . . . . . 42

Piąte pytanie — zmiana wyglądu lub dostosowanie . . . . . . . . . . . . . . . . . . . . . . . 43

Szóste pytanie — aplikacja lub witryna internetowa. . . . . . . . . . . . . . . . . . . . . . . 43

Nie tylko szata graiczna — aspekty biznesowe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

Rozwiązywanie problemów ze zgodnością. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Testowanie z uwzględnieniem solidnych urządzeń . . . . . . . . . . . . . . . . . . . . . . . . . . 46

Dbanie o obsługę klienta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48

Internetowe witryny — test na dopasowanie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49

SPIS TREśCI

ROzDzIAł 2

Pięć zasad wszechstronności . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .53

Witryny są jak cebule. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Poziom pierwszy — elegancki układ graiczny . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

Rozpoczynanie eleganckiej degradacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56

Uzasadnienie stosowania eleganckiej degradacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

Zagadnienie zgodności — elegancki wygląd. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

Poziom drugi — projektowanie progresywne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

Progresywna poprawa. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

Uzasadnienie stosowania projektowania progresywnego . . . . . . . . . . . . . . . . . . . . . 64

Zagadnienie zgodności — projektowanie progresywne . . . . . . . . . . . . . . . . . . . . . . 66

Poziom trzeci — projektowanie adaptacyjne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68

Adaptacyjne ścieżki do degradacji . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68

Uzasadnienie stosowania projektowania adaptacyjnego . . . . . . . . . . . . . . . . . . . . . . 70

Poziom czwarty — projektowanie elastyczne. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Projektowanie elastyczne — historia miłosna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72

Uzasadnienie stosowania projektowania elastycznego. . . . . . . . . . . . . . . . . . . . . . . . 75

Poziom piąty — projektowanie reaktywne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

Witryny reaktywne, czyli coś więcej niż zachowanie . . . . . . . . . . . . . . . . . . . . . . . . . 76

Filozoie internetu reaktywnego . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Wszechstronność do potęgi piątej . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

ROzDzIAł 3

Projektowanie na komputery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83

Poznać wyzwanie — zgodność . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84

Komputer stacjonarny . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88

Laptop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91

Netbooki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

Nettopy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93

Praktyczne rozwiązania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96

PONADczASOWE STRONY INTERNETOWE

ROzDzIAł 4

Wspomaganie mobilności . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .99

Korzyści z mobilności . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100

Tablet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Smartfony . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Telefon komórkowy z dodatkowymi funkcjami . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Czytniki książek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

PDA . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

Zegarek na rękę. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116

ROzDzIAł 5

Ewolucja w stronę rozrywki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119

Internet w salonie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120

Telewizor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Konsola do gier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Przenośne konsole do gier . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Odtwarzacz multimedialny. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

Przystawki STB . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134

SPIS TREśCI

ROzDzIAł 6

Samochody i sprzęt AGD. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .137

Przygotowanie na rzeczywistość jak ze snów . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138

Gadżety osadzane . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Urządzenia podłączone do internetu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

Transport . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147

Dobra izyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149

ROzDzIAł 7

Projektowanie dla urządzeń wejściowych . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151

Wskaż i kliknij! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Urządzenie wskazujące . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Touchpad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Klawiatura . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

Pilot zdalnego sterowania . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

Mikrofon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Obraz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168

Skaner. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168

Rozwiązania praktyczne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

Najlepsze praktyki . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: