Projektowanie_witryn_internetowych_dla_urzadzen_mobilnych_pwimob.pdf

(599 KB) Pobierz
Projektowanie witryn
internetowych dla
urz¹dzeñ mobilnych
Autorzy:
Gail Frederick, Rajesh Lal
T³umaczenie: Miko³aj Szczepaniak
ISBN: 978-83-246-2729-5
Tytu³ orygina³u:
Beginning Smartphone Web Development:
Building Javascript, CSS, HTML and Ajax-Based
Applications for iPhone, Android, Palm Pre, Blackberry,
Windows Mobile and Nokia S60
Format: 158×235, stron: 376
Poznaj najlepsze praktyki tworzenia mobilnych witryn internetowych
• Jak budowaæ interaktywne witryny dla smartfonów?
• Jak zwiêkszyæ u¿ytecznoœæ mobilnej witryny internetowej?
• Jak zoptymalizowaæ serwer WWW pod k¹tem przegl¹darek mobilnych?
Internet mobilny to wyj¹tkowo ekscytuj¹cy, ale i chaotyczny ekosystem, który podlega
gwa³townym i trudnym do przewidzenia zmianom. Ten podrêcznik pozwoli Ci nie tylko
przetrwaæ w tym fascynuj¹cym i „dziewiczym” œwiecie, ale skutecznie radziæ sobie
z pojawiaj¹cymi siê w nim problemami – ze sk³adni¹, semantyk¹ i programowaniem.
Ksi¹¿ka, któr¹ trzymasz w rêkach, to niezast¹piony przewodnik po d¿ungli mobilnego
Internetu. Pozwoli Ci oswoiæ wszelkie problemy, z którymi mo¿esz spotkaæ siê jako
programista.
Ksi¹¿ka „Projektowanie witryn internetowych dla urz¹dzeñ mobilnych” zawiera
szczegó³owe opisy standardów, najlepszych praktyk i technik projektowania, niezbêdnych
do budowy interaktywnych stron WWW dla urz¹dzeñ mobilnych. Korzystaj¹c z tego
podrêcznika, nauczysz siê stosowaæ rozszerzenia dostêpne dla zaawansowanych
przegl¹darek instalowanych w smartfonach, a tak¿e optymalizowaæ, sprawdzaæ,
testowaæ oraz wdra¿aæ witryny mobilne w publicznym Internecie i specyficznym
ekosystemie mobilnym. Opanujesz niezbêdne umiejêtnoœci i nabierzesz pewnoœci siebie
potrzebnej do tworzenia przenoœnych aplikacji internetowych w niezwyk³ym œrodowisku
urz¹dzeñ mobilnych.
• Mobilna witryna internetowa
• Mobilne arkusze stylów
• Konfiguracja œrodowiska
• Sk³adnia mobilnych witryn internetowych
• Rozpoznawanie urz¹dzeñ i dostosowywanie treœci
• Model wytwarzania iteracyjnego
• Wdra¿anie rozwi¹zañ w ekosystemie mobilnym
• Optymalizacja kodu mobilnego jêzyka znaczników
• Testowanie i wdra¿anie mobilnej witryny internetowej
Z tym podrêcznikiem z ³atwoœci¹ oswoisz i uporz¹dkujesz chaos ekosystemu Internetu mobilnego
Spis treści
O autorach .............................................................................................. 11
O recenzentach ...................................................................................... 13
Podziękowania ....................................................................................... 15
Wprowadzenie ....................................................................................... 17
Część I
Rozdział 1.
Wytwarzanie mobilnych witryn internetowych
— wprowadzenie
19
Wprowadzenie do wytwarzania mobilnych witryn internetowych ..... 21
Witryna mobilna kontra tradycyjna witryna internetowa .............................. 22
Mobilne języki znaczników ................................................................................. 24
HTML i XHTML ............................................................................................ 25
XHTML Mobile Profile ................................................................................. 26
WML ................................................................................................................ 26
Pozostałe mobilne języki znaczników ......................................................... 27
HDML .............................................................................................................. 28
CHTML ............................................................................................................ 28
XHTML Basic ................................................................................................. 29
Mobilne języki skryptowe .................................................................................... 29
Mobilne arkusze stylów ....................................................................................... 30
Mobilne grupy branżowe i organizacje standaryzacyjne ................................ 30
Ekosystem mobilnych witryn internetowych ................................................... 31
Przykłady kodu ..................................................................................................... 32
Podsumowanie ...................................................................................................... 32
Konfiguracja środowiska wytwarzania
mobilnych witryn internetowych ......................................................... 33
Zalecane środowiska IDE .................................................................................... 34
Mobilne typy MIME ............................................................................................. 36
Konfiguracja serwera WWW .............................................................................. 37
Apache ............................................................................................................. 37
Microsoft IIS ................................................................................................... 39
nginx ................................................................................................................. 40
Rozdział 2.
6
Spis treści
Mobilne przeglądarki internetowe na komputerze biurkowym .................... 40
Firefox i dodatki mobilne .............................................................................. 41
Emulatory przeglądarek mobilnych ............................................................. 50
Właściwe urządzenia mobilne ...................................................................... 52
Pozostałe narzędzia programistyczne ................................................................ 52
Porównywanie plików ................................................................................... 53
Kontrola wersji kodu źródłowego ................................................................ 54
Podsumowanie ...................................................................................................... 57
Część II
Rozdział 3.
Składnia mobilnych witryn internetowych
59
Mobilne języki znaczników ................................................................... 61
Wybór mobilnego języka znaczników ............................................................... 61
XHTML .................................................................................................................. 62
Dlaczego nie użyć zwykłego HTML-a? ....................................................... 63
HTML 5 ........................................................................................................... 64
XHTML-MP .......................................................................................................... 65
Przykład dokumentu w języku XHTML-MP ............................................. 65
Definicje DTD dla języka XHTML-MP ...................................................... 66
Elementy XHTML-a, które nie są obsługiwane w języku XHTML-MP ....... 66
Elementy języka XHTML-MP poprawione i utworzone specjalnie
z myślą o witrynach mobilnych ................................................................. 68
Typowe błędy implementacji ........................................................................ 74
Arkusze stylów CSS dla urządzeń mobilnych ................................................... 76
Standard CSS2 ................................................................................................. 76
Standardy Wireless CSS i CSS Mobile Profile ............................................ 77
Określanie zakresu obsługi standardu CSS przez urządzenie mobilne ........ 82
Najlepsze praktyki związane ze stosowaniem
mobilnych arkuszy stylów CSS .................................................................. 83
Zewnętrzne, wewnętrzne i wstawiane arkusze stylów ............................... 84
Selektory mediów i arkusze stylów zależne od mediów ............................ 85
WML ...................................................................................................................... 86
Hierarchia znaczników .................................................................................. 89
Znaki specjalne ............................................................................................... 90
Nagłówek i metadane ..................................................................................... 91
Formatowanie tekstu ..................................................................................... 92
Łącza ................................................................................................................. 93
Obrazy .............................................................................................................. 98
Tabele ............................................................................................................... 99
Liczniki czasu ................................................................................................ 101
Zmienne ......................................................................................................... 102
Dane wejściowe użytkownika ..................................................................... 105
Pozostałe cechy języka WML ...................................................................... 109
Podsumowanie .................................................................................................... 111
Spis treści
7
Rozdział 4.
Rozpoznawanie urządzeń i dostosowywanie treści ......................... 113
Rozpoznawanie urządzeń .................................................................................. 114
Identyfikacja urządzeń mobilnych
za pomocą nagłówków żądań protokołu HTTP .................................... 114
Uzyskiwanie informacji o możliwościach urządzenia
w bazie danych o tychże urządzeniach ................................................... 116
Dostosowywanie treści ....................................................................................... 136
Tworzenie grup urządzeń ............................................................................ 138
Wybór punktów dostosowywania .............................................................. 140
Tworzenie reguł dostosowywania treści dla grup urządzeń ................... 141
Implementacja dostosowywania treści ...................................................... 142
Dostosowywanie treści w świecie mobilnych witryn internetowych ......... 146
Podsumowanie ..................................................................................................... 150
Dodawanie elementów interaktywnych
za pomocą skryptów JavaScriptu i elementów technologii AJAX ........151
Model wytwarzania iteracyjnego ...................................................................... 152
JavaScript w przeglądarkach mobilnych ......................................................... 152
Standard ECMAScript Mobile Profile ....................................................... 153
Umieszczanie kodu JavaScriptu w dokumencie języka znaczników .......... 154
Różnice w obsłudze JavaScriptu w przeglądarkach mobilnych .............. 159
Przykłady stosowania mobilnego JavaScriptu .......................................... 161
Technologia AJAX w przeglądarkach mobilnych .......................................... 166
Przykłady stosowania technologii AJAX
w przeglądarkach mobilnych ................................................................... 172
Testowanie obsługi technologii AJAX
przez mobilne przeglądarki internetowe ................................................ 175
Podsumowanie .................................................................................................... 177
Rozdział 5.
Część III
Rozdział 6.
Zaawansowane techniki wytwarzania
mobilnych witryn internetowych
179
Użyteczność mobilnej witryny internetowej .................................... 181
Najlepsze praktyki tworzenia użytecznych witryn mobilnych ..................... 182
Pierwszy przypadek — Bank of America .................................................. 182
Drugi przypadek użycia — CNN ............................................................... 184
Trzeci przypadek użycia — Wikipedia ...................................................... 186
Czwarty przypadek użycia — Flickr .......................................................... 188
Zestawienie układów mobilnych przeglądarek internetowych .................... 190
Projektowanie mobilnych stron internetowych ............................................. 191
Elastyczny układ referencyjny .................................................................... 192
Układ standardowy ...................................................................................... 193
Informacyjne witryny internetowe ............................................................ 193
Witryny internetowe wyszukiwarek .......................................................... 194
8
Spis treści
Witryny internetowe usług ......................................................................... 195
Witryny internetowe portali ....................................................................... 196
Witryny internetowe udostępniania mediów ........................................... 197
Wskazówki projektowe ...................................................................................... 198
Wskazówki dotyczące wytwarzania mobilnych stron internetowych .. 199
Tworzenie stron internetowych trafiających
do możliwie wielu użytkowników ........................................................... 201
Zapewnianie bogatszych doznań użytkownikom witryny mobilnej ..... 201
Podsumowanie .................................................................................................... 203
Rozdział 7.
Wzbogacanie mobilnych stron internetowych
z myślą o przeglądarkach instalowanych w smartfonach ............... 205
Popularne techniki tworzenia witryn
dla przeglądarek instalowanych w smartfonach .......................................... 206
Znacznik <meta> viewport ......................................................................... 206
Wykrywanie zmian orientacji ekranu w JavaScripcie ............................. 208
Silnik WebKit w mobilnych przeglądarkach internetowych ........................ 213
Przeglądarka Safari Mobile dla urządzenia iPhone ....................................... 216
Przeglądarka dla urządzeń mobilnych z systemem Android ....................... 218
Przeglądarka systemu webOS dla urządzenia Palm Pre ................................ 219
Przeglądarka dla urządzeń BlackBerry ............................................................ 220
Przeglądarka internetowa firmy Nokia instalowana
w smartfonach z systemem Series 60 ............................................................. 221
Internet Explorer Mobile dla systemu Windows Mobile .............................. 223
Przeglądarki Opera Mini i Opera Mobile ........................................................ 224
Podsumowanie .................................................................................................... 227
Część IV
Rozdział 8.
Wdrażanie rozwiązań w ekosystemie mobilnym
229
Optymalizacja kodu mobilnego języka znaczników ........................... 231
Techniki przetwarzania końcowego kodu języka znaczników ..................... 232
Minimalizacja zasobów zewnętrznych ...................................................... 232
Usuwanie znaków białych, komentarzy i zbędnych znaczników .......... 234
Dostosowywanie i transkodowanie obrazów ........................................... 242
Kodowanie wielu typów MIME w ramach dokumentu odpowiedzi .... 243
Optymalizacja serwera WWW pod kątem przeglądarek mobilnych .......... 248
Kompresja odpowiedzi za pomocą algorytmu gzip lub deflate ............. 248
Dyrektywy buforowania w nagłówkach odpowiedzi HTTP .................. 251
Podsumowanie .................................................................................................... 258
Sprawdzanie poprawności dokumentów
mobilnych języków znaczników ......................................................... 259
Znaczenie poprawności znaczników
w świecie mobilnych witryn internetowych ................................................. 260
Czego nie można przetestować podczas weryfikacji? ....................................... 265
Rozdział 9.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin