CSS_wedlug_Erica_Meyera_Sztuka_projektowania_stron_WWW_csswww.pdf

(1577 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
PRZYK£ADOW Y ROZDZIA£
SPIS TRECI
CSS wed³ug Erica Meyera.
Sztuka projektowania stron WWW
KATALOG KSI¥¯EK
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
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
Ewolucja internetu poci¹gnê³a za sob¹ równie¿ ewolucjê technologii wykorzystywanych
do tworzenia stron WWW. Witryny s¹ wywietlane nie tylko na monitorach
komputerów, ale tak¿e na wywietlaczach telefonów komórkowych i urz¹dzeñ
przenonych, 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 treci dokumentu
od jego wygl¹du. Takie w³anie za³o¿enie przywieca³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
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ñ zgodnoci przegl¹darek
ze standardami CSS.
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOCIACH
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
693756258.008.png 693756258.009.png 693756258.010.png 693756258.011.png
S PIS TRECI
O Autorze
7
O konsultantach technicznych
8
Przedmowa
9
Wstp
11
PROJEKT 1. Konwersja istniej%cej strony
17
Cel projektu ............................................................................................................................................................18
Przygotowania........................................................................................................................................................19
Na pocztek.............................................................................................................................................................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 pocztek.............................................................................................................................................................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 pocztek.............................................................................................................................................................68
Formatowanie dokumentu ................................................................................................................................70
Praca z bardziej szczegółowym kalendarzem ............................................................................................80
Przykładowe modyfikacje..................................................................................................................................87
PROJEKT 4. O0ywianie hiperł%czy
89
Cel projektu ............................................................................................................................................................89
Przygotowania........................................................................................................................................................90
Na pocztek.............................................................................................................................................................90
Formatowanie dokumentu ................................................................................................................................91
Przykładowe modyfikacje...............................................................................................................................101
693756258.001.png
4
PROJEKT 5. Jak upikszy2 menu
103
Cel projektu .........................................................................................................................................................104
Przygotowania.....................................................................................................................................................104
Na pocztek..........................................................................................................................................................104
Formatowanie menu.........................................................................................................................................106
Zmiana wygldu menu ....................................................................................................................................116
Przykładowe modyfikacje...............................................................................................................................121
PROJEKT 6. Formatowanie wydruków
123
Cel projektu .........................................................................................................................................................124
Przygotowania.....................................................................................................................................................124
Na pocztek..........................................................................................................................................................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 pocztek..........................................................................................................................................................148
Formatowanie dokumentu .............................................................................................................................150
Style wykorzystywane do druku..................................................................................................................155
Wyko1czenie .......................................................................................................................................................163
Przykładowe modyfikacje...............................................................................................................................165
PROJEKT 8. Tworzenie kartki internetowej z pozdrowieniami
167
Cel projektu .........................................................................................................................................................167
Przygotowania.....................................................................................................................................................168
Na pocztek..........................................................................................................................................................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 pocztek..........................................................................................................................................................186
Stylizujemy dokument.....................................................................................................................................187
Stylizujemy dokument przez pozycjonowanie.......................................................................................193
Stylizujemy trzy kolumny..............................................................................................................................197
Wracamy do pływania......................................................................................................................................205
Przykładowe modyfikacje...............................................................................................................................207
693756258.002.png
5
PROJEKT 10. Ucieczka z pudełka
209
Cel projektu.......................................................................................................................................................210
Przygotowania ..................................................................................................................................................210
Na pocztek .......................................................................................................................................................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 pocztek .......................................................................................................................................................232
Stylizujemy dokument ..................................................................................................................................234
Przykładowe modyfikacje ............................................................................................................................253
PROJEKT 12. Unieruchamiamy tło
255
Cel projektu.......................................................................................................................................................256
Przygotowania ..................................................................................................................................................256
Na pocztek .......................................................................................................................................................256
Stylizujemy dokument ..................................................................................................................................257
Inne pomysły ....................................................................................................................................................271
PROJEKT 13. Eric Meyer o CSS w CSS
273
Cel projektu.......................................................................................................................................................274
Przygotowania ..................................................................................................................................................274
Na pocztek .......................................................................................................................................................274
Okre lenie stylów w dokumencie .............................................................................................................275
Analiza po uko1czeniu projektu................................................................................................................295
Przykładowe modyfikacje ............................................................................................................................297
SKOROWIDZ
299
693756258.003.png
8
T WORZENIE KARTKI
INTERNETOWEJ
Z POZDROWIENIAMI
Kiedy dostajesz kartki na Boe Narodzenie, a sam takowych nie wysyłasz,
musisz pogodzi si ze wiadomoci ycia w niełasce przez cztery lata,
ale potem ju wiesz, e ludzie, którzy przysyłaj Ci kartki na wita, robi to,
by zrobi
przyjemno i nie spodziewaj si odpowiedzi.
— Q UENTIN C RISP ( CYTOWANY PRZEZ J ONA W INOKURA )
J ELI CZYTASZ T KSIK , to jest bardzo prawdopodobne,
e spdzasz duo czasu w internecie. Jest te bardzo prawdopodobne,
e znasz sporo ludzi — przyjaciół, kolegów, klientów itd. — którzy
równie spdzaj mnóstwo czasu w sieci. Postpujc wic zgodnie
z duchem cyfrowego #wiata, moesz wysła$ im własnorcznie
utworzon kartk z pozdrowieniami #witecznymi. Moe to by$
bardzo elektryzujce Boe Narodzenie (albo inne dowolne zimowe
#wito) dla kadego!
C EL PROJEKTU
Naszym głównym celem jest utworzenie ładnie wygldajcej kartki,
któr mona 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.
Nastpnie utworzymy inaczej wygldajce kartki, dokonamy tego
Tobie
693756258.004.png 693756258.005.png 693756258.006.png 693756258.007.png

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin