CSS_wedlug_Erica_Meyera_Sztuka_projektowania_stron_WWW_csswww.pdf

(1553 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TRE CI
CSS wed³ug Erica Meyera.
Sztuka projektowania stron WWW
Autor: Eric A. Meyer
T³umaczenie: Andrzej Badowski,
Wojciech Grobel, Joanna Sugiero
ISBN: 83-7361-709-4
Tytu³ orygina³u:
Eric Meyer on CSS.
Mastering the Language of Web Design
Format: B5, stron: 322
Ewolucja internetu poci¹gnê³a za sob¹ równie¿ ewolucjê technologii wykorzystywanych
do tworzenia stron WWW. Witryny s¹ wy wietlane nie tylko na monitorach
komputerów, ale tak¿e na wy wietlaczach telefonów komórkowych i urz¹dzeñ
przeno nych, drukowane na drukarkach i odczytywane przez urz¹dzenia
wykorzystywane przez osoby z wadami wzroku. Powsta³a wiêc konieczno æ ustalenia
standardu formatowania stron, który pozwala³by na oddzielenie tre ci dokumentu
od jego wygl¹du. Takie w³a nie za³o¿enie przy wieca³o twórcom mechanizmów CSS —
kaskadowych arkuszy stylów. Wykorzystuj¹c je, mo¿emy zdefiniowaæ wygl¹d
i formatowanie tekstu, kolorystykê dokumentów, uk³ad elementów na stronie,
a nawet zachowanie siê jej sk³adników w reakcji na ró¿ne dzia³ania u¿ytkownika.
Dziêki technologii CSS mo¿emy ca³kowicie zmieniæ wygl¹d strony, modyfikuj¹c
jeden plik zawieraj¹cy definicjê stylów.
Ksi¹¿ka „CSS wed³ug Erica Meyera. Sztuka projektowania stron WWW” to szczegó³owe
omówienie kaskadowych arkuszy stylów, autorstwa jednego z najbardziej cenionych
specjalistów w dziedzinie projektowania stron WWW. Autor przedstawia metodologiê
projektowania witryn WWW z wykorzystaniem stylów na bazie 13 praktycznych
projektów. Wykonuj¹c je, poznasz wszystkie tajniki kaskadowych arkuszy stylów.
• Konwertowanie istniej¹cych witryn WWW
• Definiowanie stylów dla artyku³ów prasowych
• Formatowanie hiper³¹czy i przycisków nawigacyjnych
• Tworzenie stylów na potrzeby drukowania dokumentów
• Modyfikowanie wygl¹du formularzy
• Zmiana uk³adu strony
• Pozycjonowanie elementów strony
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWO CIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Eric A. Meyer
projektuje witryny WWW od 1993 roku. Obecnie pracuje nad wdra¿aniem
standardów sieciowych dla Netscape Communications; mieszka w Cleveland w stanie
Ohio. Koordynowa³ tworzenie dokumentu CSS1 Test Suite przez konsorcjum W3C.
Jest równie¿ autorem ksi¹¿ek CSS. Kaskadowe arkusze stylów. Przewodnik
encyklopedyczny (wydawnictwo Helion), CSS2.0 Programmer’s Reference
(wydawnictwo Osborne/McGraw-Hill), a tak¿e zestawieñ zgodno ci przegl¹darek
ze standardami CSS.
S
PIS TREŚCI
O Autorze
O konsultantach technicznych
Przedmowa
Wstęp
PROJEKT 1. Konwersja istniejącej strony
7
8
9
11
17
Cel projektu ............................................................................................................................................................18
Przygotowania........................................................................................................................................................19
Na początek.............................................................................................................................................................19
Konwersja dokumentu........................................................................................................................................21
Korzyści z naszej pracy ......................................................................................................................................43
Przykładowe modyfikacje..................................................................................................................................45
PROJEKT 2. Style na potrzeby artykułów prasowych
47
Cel projektu ............................................................................................................................................................47
Przygotowania........................................................................................................................................................48
Na początek.............................................................................................................................................................48
Style w dokumencie.............................................................................................................................................50
Modyfikowanie stylów .......................................................................................................................................56
Przekształcanie arkusza stylów na zewnętrzny .........................................................................................60
Modyfikacje podstawowego projektu ...........................................................................................................62
Przykładowe modyfikacje..................................................................................................................................65
PROJEKT 3. Formatowanie kalendarza wydarzeń
67
Cel projektu ............................................................................................................................................................67
Przygotowania........................................................................................................................................................68
Na początek.............................................................................................................................................................68
Formatowanie dokumentu ................................................................................................................................70
Praca z bardziej szczegółowym kalendarzem ............................................................................................80
Przykładowe modyfikacje..................................................................................................................................87
PROJEKT 4. Ożywianie hiperłączy
89
Cel projektu ............................................................................................................................................................89
Przygotowania........................................................................................................................................................90
Na początek.............................................................................................................................................................90
Formatowanie dokumentu ................................................................................................................................91
Przykładowe modyfikacje............................................................................................................................... 101
4
PROJEKT 5. Jak upiększyć menu
103
Cel projektu ......................................................................................................................................................... 104
Przygotowania..................................................................................................................................................... 104
Na początek.......................................................................................................................................................... 104
Formatowanie menu......................................................................................................................................... 106
Zmiana wyglądu menu .................................................................................................................................... 116
Przykładowe modyfikacje............................................................................................................................... 121
PROJEKT 6. Formatowanie wydruków
123
Cel projektu ......................................................................................................................................................... 124
Przygotowania..................................................................................................................................................... 124
Na początek.......................................................................................................................................................... 124
Formatowanie dokumentu do druku.......................................................................................................... 126
Style drukowania na potrzeby artykułu prasowego.............................................................................. 134
Formatowanie wydruku kalendarza............................................................................................................ 138
Przykładowe modyfikacje............................................................................................................................... 145
PROJEKT 7. Dbamy o wygląd formularzy
147
Cel projektu ......................................................................................................................................................... 147
Przygotowania..................................................................................................................................................... 148
Na początek.......................................................................................................................................................... 148
Formatowanie dokumentu ............................................................................................................................. 150
Style wykorzystywane do druku.................................................................................................................. 155
Wykończenie ....................................................................................................................................................... 163
Przykładowe modyfikacje............................................................................................................................... 165
PROJEKT 8. Tworzenie kartki internetowej z pozdrowieniami
167
Cel projektu ......................................................................................................................................................... 167
Przygotowania..................................................................................................................................................... 168
Na początek.......................................................................................................................................................... 168
Stylizujemy dokument..................................................................................................................................... 169
Nieco inne spojrzenie....................................................................................................................................... 177
Jeszcze jeden wariant........................................................................................................................................ 181
Przykładowe modyfikacje............................................................................................................................... 183
PROJEKT 9. Układ wielokolumnowy
185
Cel projektu ......................................................................................................................................................... 186
Przygotowania..................................................................................................................................................... 186
Na początek.......................................................................................................................................................... 186
Stylizujemy dokument..................................................................................................................................... 187
Stylizujemy dokument przez pozycjonowanie....................................................................................... 193
Stylizujemy trzy kolumny .............................................................................................................................. 197
Wracamy do pływania...................................................................................................................................... 205
Przykładowe modyfikacje............................................................................................................................... 207
5
PROJEKT 10. Ucieczka z pudełka
209
Cel projektu....................................................................................................................................................... 210
Przygotowania .................................................................................................................................................. 210
Na początek ....................................................................................................................................................... 210
Stylizujemy dokument .................................................................................................................................. 211
Uwaga, zakręty ................................................................................................................................................. 219
Przykładowe modyfikacje ............................................................................................................................ 229
PROJEKT 11. Pozycjonowanie sposobem ulepszenia projektu
231
Cel projektu....................................................................................................................................................... 232
Przygotowania .................................................................................................................................................. 232
Na początek ....................................................................................................................................................... 232
Stylizujemy dokument .................................................................................................................................. 234
Przykładowe modyfikacje ............................................................................................................................ 253
PROJEKT 12. Unieruchamiamy tło
255
Cel projektu....................................................................................................................................................... 256
Przygotowania .................................................................................................................................................. 256
Na początek ....................................................................................................................................................... 256
Stylizujemy dokument .................................................................................................................................. 257
Inne pomysły .................................................................................................................................................... 271
PROJEKT 13. Eric Meyer o CSS w CSS
273
Cel projektu....................................................................................................................................................... 274
Przygotowania .................................................................................................................................................. 274
Na początek ....................................................................................................................................................... 274
Określenie stylów w dokumencie ............................................................................................................. 275
Analiza po ukończeniu projektu ................................................................................................................ 295
Przykładowe modyfikacje ............................................................................................................................ 297
SKOROWIDZ
299
8
T
WORZENIE KARTKI
INTERNETOWEJ
Z POZDROWIENIAMI
Kiedy dostajesz kartki na Boże Narodzenie, a sam takowych nie wysyłasz,
musisz pogodzić się ze świadomością życia w niełasce przez cztery lata,
ale potem już wiesz, że ludzie, którzy przysyłają Ci kartki na święta, robią to,
by zrobić
Tobie
przyjemność i nie spodziewają się odpowiedzi.
— Q
UENTIN
C
RISP
(
CYTOWANY
PRZEZ
J
ONA
W
INOKURA
)
J
EŚLI CZYTASZ TĘ KSIĄŻKĘ
, to jest bardzo prawdopodobne,
że spędzasz dużo czasu w internecie. Jest też bardzo prawdopodobne,
że znasz sporo ludzi — przyjaciół, kolegów, klientów itd. — którzy
również spędzają mnóstwo czasu w sieci. Postępując więc zgodnie
z duchem cyfrowego świata, możesz wysłać im własnoręcznie
utworzoną kartkę z pozdrowieniami świątecznymi. Może to być
bardzo elektryzujące Boże Narodzenie (albo inne dowolne zimowe
święto) dla każdego!
C
EL PROJEKTU
Naszym głównym celem jest utworzenie ładnie wyglądającej kartki,
którą można potem wysłać do przyjaciół i kolegów. Dokonamy
tego za pomocą podstawowych sposobów pozycjonowania w celu
ustawienia tekstu ponad obrazkiem, dowiemy się też, jak zapobiec
zlewaniu się tekstu z częściami obrazka podobnymi kolorystycznie.
Następnie utworzymy inaczej wyglądające kartki, dokonamy tego

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin