Kuloodporne strony internetowe Jak poprawic elastycznosc z wykorzystaniem XHTML a i CSS Wydanie II(1).pdf

(607 KB) Pobierz
Kuloodporne strony internetowe.
Jak poprawi elastycznoľě
z wykorzystaniem XHTML-a
i CSS. Wydanie II
Autor: Dan Cederholm
TĀumaczenie: Anna Trojan
ISBN: 978-83-246-1474-5
flexibility and protecting against worst-case
scenarios with XHTML and CSS (2nd Edition)
Format: 170x230, stron: 328
Poznaj tajniki projektowania doskonaĀych stron internetowych
¤ Jak zbudowaě elastyczne mechanizmy nawigacyjne?
¤ W jaki sposb stosowaě elementy pĀywajĴce?
¤ Jak w peĀni wykorzystaě moŃliwoľci kaskadowych arkuszy stylw?
W coraz dynamiczniej rozwijajĴcym siķ internecie kaŃdego dnia pojawiajĴ siķ tysiĴce
witryn WWW. Wiele z nich to prawdziwe arcydzieĀa Ï zarwno pod wzglķdem
projektowym, jak i merytorycznym. Czķsto jednak, otwierajĴc swojĴ ulubionĴ witrynķ
WWW nie w tej przeglĴdarce, co dotychczas, widzimy coľ zupeĀnie innego! Ile razy,
podczas projektowania witryny WWW szukamy rozwiĴzania problemw zwiĴzanych
z rŃnymi interpretacjami standardw W3C w rŃnych przeglĴdarkach? Ile czasu zajmuje
zmiana ukĀadu graficznego strony lub dodanie nowych elementw? Ilu projektantw
stron WWW zastanawia siķ nad tym, jak poprawiě ich elastycznoľě i uniwersalnoľě?
KsiĴŃka âKuloodporne strony internetowe. Jak poprawiě elastycznoľě z wykorzystaniem
XHTML-a i CSS. Wydanie IIÒ opisuje techniki tworzenia niemal doskonaĀych witryny
WWW. DoskonaĀych Ï bo wyglĴdajĴcych rwnie dobrze w kaŃdej przeglĴdarce i przy
kaŃdej rozdzielczoľci ekranu, Āatwych w nawigacji i prostych w rozbudowie. CzytajĴc jĴ,
poznasz najnowsze standardy XHTML i CSS, nauczysz siķ odpowiednio dobieraě
czcionki i ich rozmiary, korzystajĴc z jednostek em; dowiesz siķ, jak pozycjonowaě
elementy strony i budowaě uniwersalne mechanizmy nawigacyjne. Odkryjesz sposoby
tworzenia uniwersalnych stron internetowych.
¤ Dobr rozmiaru i jednostek miary tekstu
¤ Skalowalne menu
¤ Zastķpowanie tabel elementami pĀywajĴcymi
¤ Pozycjonowanie skĀadnikw strony
¤ Definiowanie stylw dla ramek
¤ Oddzielanie warstwy prezentacji od treľci strony
¤ Korzystanie z narzķdzi do weryfikacji konstrukcji strony
¤ Budowanie skalujĴcego siķ ukĀadu strony
Wykorzystaj wiedzķ zawartĴ w tej ksiĴŃce i twrz strony internetowe,
ktre zachwycĴ nie tylko wyglĴdem, ale teŃ uniwersalnoľciĴ
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
945175717.051.png 945175717.061.png 945175717.068.png 945175717.069.png 945175717.001.png 945175717.002.png 945175717.003.png 945175717.004.png 945175717.005.png 945175717.006.png 945175717.007.png 945175717.008.png 945175717.009.png 945175717.010.png 945175717.011.png 945175717.012.png 945175717.013.png 945175717.014.png 945175717.015.png 945175717.016.png 945175717.017.png 945175717.018.png 945175717.019.png 945175717.020.png 945175717.021.png 945175717.022.png 945175717.023.png 945175717.024.png 945175717.025.png 945175717.026.png 945175717.027.png 945175717.028.png 945175717.029.png 945175717.030.png 945175717.031.png 945175717.032.png 945175717.033.png 945175717.034.png 945175717.035.png 945175717.036.png 945175717.037.png 945175717.038.png 945175717.039.png 945175717.040.png 945175717.041.png 945175717.042.png 945175717.043.png 945175717.044.png 945175717.045.png 945175717.046.png 945175717.047.png 945175717.048.png 945175717.049.png 945175717.050.png 945175717.052.png
 
Spis treści
Wprowadzenie ............................................................................ 9
Rozdział 1. Elastyczny tekst ........................................................................ 15
Rozmiar tekstu należy ustalać przy użyciu słów kluczowych oraz wartości
procentowych lub em, dzięki czemu użytkownicy będą mieli nad
nim kontrolę ....................................................................................... 16
Częste rozwiązanie ................................................................................... 17
Wszystkie możliwości ............................................................................... 20
Rozwiązanie kuloodporne ........................................................................ 22
Dlaczego rozwiązanie to jest kuloodporne ............................................... 27
Elastyczna baza — i co dalej? ................................................................... 28
Stosowanie słów kluczowych i wartości procentowych ............................ 32
Elastyczny rozmiar tekstu dzięki em ......................................................... 38
Podsumowanie ......................................................................................... 40
Rozdział 2. Skalowalna nawigacja .............................................................. 43
Należy zapewnić nawigację, która skaluje się w zależności
od ustawionej wielkości tekstu oraz od objętości treści
umieszczonych na stronie ................................................................... 44
Częste rozwiązanie ................................................................................... 45
Dlaczego rozwiązanie to nie jest kuloodporne ......................................... 47
Rozwiązanie kuloodporne ........................................................................ 49
Dlaczego rozwiązanie to jest kuloodporne ............................................... 58
Podobny przykład wykorzystujący em ...................................................... 59
Dodatkowe przykłady ............................................................................... 61
Podsumowanie ......................................................................................... 64
Rozdział 3. Elastyczne wiersze .................................................................... 67
Nie należy definiować wysokości poziomych elementów strony i trzeba
zaplanować możliwość powiększenia ich w pionie ............................. 68
Częste rozwiązanie ................................................................................... 69
Dlaczego rozwiązanie to nie jest kuloodporne ......................................... 70
Rozwiązanie kuloodporne ........................................................................ 72
Dlaczego rozwiązanie to jest kuloodporne ............................................... 87
Inny przykład rozciągania ......................................................................... 88
Podsumowanie ......................................................................................... 93
6
Spis treści
Rozdział 4. Pomysłowe rozmieszczanie elementów ................................... 95
Zamiast stosować tabele, lepiej jest używać elementów pływających ...... 96
Częste rozwiązanie ................................................................................... 97
Dlaczego rozwiązanie to nie jest kuloodporne ......................................... 98
Rozwiązanie kuloodporne ........................................................................ 99
Dlaczego rozwiązanie to jest kuloodporne ............................................. 136
Podsumowanie ...................................................................................... 136
Rozdział 5. Niezniszczalne ramki .............................................................. 139
Zanim zacznie się tworzyć style dla ramek, należy wszystko dokładnie
zaplanować ...................................................................................... 140
Częste rozwiązanie ................................................................................. 141
Dlaczego rozwiązanie to nie jest kuloodporne ....................................... 143
Rozwiązanie kuloodporne ...................................................................... 144
Dlaczego rozwiązanie to jest kuloodporne ............................................. 150
Inne techniki tworzenia zaokrąglonych narożników ............................... 151
Iluzja ramki ............................................................................................ 159
Podsumowanie ...................................................................................... 166
Rozdział 6. Brak rysunków? Brak CSS? Brak problemów! ........................ 169
Należy upewnić się, że treść strony jest czytelna, nawet jeśli strona
zostanie pozbawiona rysunków i stylów CSS .................................... 170
Częste rozwiązanie ................................................................................. 171
Dlaczego rozwiązanie to nie jest kuloodporne ....................................... 174
Rozwiązanie kuloodporne ...................................................................... 174
Dlaczego rozwiązanie to jest kuloodporne ............................................. 176
Ze stylami lub bez .................................................................................. 179
Test Dig Dug .......................................................................................... 184
Narzędzia do sprawdzania kuloodporności stron ................................... 185
Podsumowanie ...................................................................................... 193
Rozdział 7. Konwersja tabel ...................................................................... 197
Należy usunąć z tabel kod prezentacyjny, a ich wygląd zdefiniować
za pomocą CSS ................................................................................. 198
Częste rozwiązanie ................................................................................. 199
Dlaczego rozwiązanie to nie jest kuloodporne ....................................... 200
Rozwiązanie kuloodporne ...................................................................... 201
Dlaczego rozwiązanie to jest kuloodporne ............................................. 222
Podsumowanie ...................................................................................... 224
Rozdział 8. Płynny oraz elastyczny układ strony ...................................... 225
Eksperymentuj z projektowaniem układów stron, które rozszerzają się
i zwężają ........................................................................................... 226
Częste rozwiązanie ................................................................................. 227
Dlaczego rozwiązanie to nie jest kuloodporne ....................................... 229
Rozwiązanie kuloodporne ...................................................................... 231
Kuloodporne strony internetowe
7
Dlaczego rozwiązanie to jest kuloodporne ............................................. 264
Układ strony oparty na em ..................................................................... 264
Podsumowanie ....................................................................................... 272
Rozdział 9. Łączenie w całość ....................................................................275
Zastosuj kuloodporne rozwiązania do projektu całej strony
internetowej ..................................................................................... 276
Cel .......................................................................................................... 277
Dlaczego rozwiązanie to jest kuloodporne ............................................. 278
Konstrukcja ............................................................................................ 283
Modyfikacja stylów ze względu na przeglądarkę IE ................................ 310
Podsumowanie ....................................................................................... 314
Skorowidz ...................................................................................................315
Rozdział 2. Skalowalna nawigacja[RS1]
SKALOWALNA
NAWIGACJA
945175717.053.png 945175717.054.png 945175717.055.png 945175717.056.png 945175717.057.png 945175717.058.png 945175717.059.png 945175717.060.png 945175717.062.png 945175717.063.png 945175717.064.png 945175717.065.png 945175717.066.png 945175717.067.png

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin