tylko-tutaj-kuloodporne-strony-internetowe-jak-poprawic-elastycznosc-z-wykorzystaniem-xhtml-a-i-css-wydanie-ii_kulost.pdf

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

TytuĀ oryginaĀu: Bulletproof Web Design: Improving

flexibility and protecting against worst-case

scenarios with XHTML and CSS (2nd Edition)

Format: 170x230, stron: 328

Wydawnictwo Helion

ul. Koľciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

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Ĵ

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: