oryginal-zen-stosowania-css-zrodlo-oswiecenia-dla-projektantow-stron-www_zencss.pdf

(81187 KB) Pobierz
656632908 UNPDF
IDZ DO
PRZYK£ADOW Y ROZDZIA£
Zen stosowania CSS.
SPIS TREŒCI
Źród³o oœwiecenia dla
projektantów stron WWW
KATALOG KSI¥¯EK
KATALOG ONLINE
Autorzy: Dave Shea, Molly E. Holzschlag
T³umaczenie: Piotr Rajca, Marcin Samodulski
ISBN: 83-246-0084-1
Tytu³ orygina³ u: The Zen of CSS Design:
Format: 210 × 235, stron: 304
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Poznaj niesamowite mo¿liwoœci technologii CSS
• Wykorzystaj sztuczki typograficzne w swojej witrynie
• Zastosuj w odpowiedni sposób elementy graficzne
• Uwzglêdnij w projektowaniu mo¿liwoœci rozbudowy witryny
Kaskadowe Arkusze Stylów (CSS) to technologia, która zdoby³a ju¿ ogromne uznanie
wœród projektantów stron WWW. Idea oddzielenia wygl¹du strony od treœci za pomoc¹
definicji stylów okaza³a siê przebojem — dziêki mechanizmom CSS witryny WWW sta³y
siê bardziej uniwersalne i ³atwiejsze w rozbudowie. Kaskadowe Arkusze Stylów,
w po³¹czeniu z dobrze napisanym kodem pozwalaj¹ na stworzenie zachwycaj¹cych
projektów wizualnych znacznie proœciej i szybciej ni¿ przy u¿yciu jêzyka HTML.
Nadal jednak wiele sekretów technologii CSS pozostaje nie odkrytych.
Autor ksi¹¿ki „Zen stosowania CSS. Źród³o oœwiecenia dla projektantów stron WWW”
zgromadzi³ w prowadzonej przez siebie witrynie WWW CSS Zen Garden
(www.csszengarden.com) projekty stron, których twórcy w mistrzowski sposób
opanowali sekrety Kaskadowych Arkuszy Stylów. Czytaj¹c tê ksi¹¿kê równie¿ masz
okazjê poznaæ te tajniki i wykorzystaæ je w swoich pracach. Znajdziesz w niej
szczegó³owe omówienie 36 najbardziej inspiruj¹cych projektów zamieszczonych
w tej witrynie.
• Styl kodu HTML
• Projektowanie uk³adu graficznego witryny
• Pozycjonowanie elementów strony
• Optymalizacja plików graficznych
• Odpowiedni dobór czcionek
• Efekty specjalne w CSS
Stwórz zachwycaj¹ce witryny WWW
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
ONOWOŒ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
656632908.051.png 656632908.058.png 656632908.059.png 656632908.060.png
Spis treści
Wprowadzenie
10
rozdział 1: Pokaż źródło
18
rozdział 2: Projektowanie
54
Night Drive , strona 86
Atlantis
56
Zunlower
62
Springtime
68
viridity
74
Ballade
80
Night Drive
86
rozdział 3: Układ
92
Backyard
94
Entomology
100
White Lily
106
White Lily , strona 106
prêt-à-porter
112
CS(S) Monk
118
Not So Minimal
124
rozdział 4: obrazy
130
Japanese Garden
132
Revolution!
138
Deco
144
No Frontiers!
150
Coastal Breeze
156
What Lies Beneath
162
Coastal Breeze , strona 156
rozdziaŁ 3
656632908.001.png 656632908.002.png 656632908.003.png 656632908.004.png 656632908.005.png 656632908.006.png 656632908.007.png 656632908.008.png 656632908.009.png 656632908.010.png 656632908.011.png 656632908.012.png 656632908.013.png 656632908.014.png 656632908.015.png
rozdział 5: Typograia
168
Oceans Apart
170
si6
176
Release One
182
Oceans Apart , strona 170
Dead or Alive
188
Blood Lust
194
Golden Mean
200
rozdział 6: Efekty specjalne
206
This is Cereal
208
Gemination
214
Bonsai Sky
220
Tulipe
226
door to my garden
232
Elastic Lawn
238
Gemination , strona 214
rozdział 7: Rekonstrukcja
244
Hedges
246
Radio Zen
252
South of the Border
258
Corporate ZenWorks
264
Open Window
270
mnemonic
276
Myśli na zakończenie
282
Skorowidz
291
South of the Border , strona 258
LaYout
656632908.016.png 656632908.017.png 656632908.018.png 656632908.019.png 656632908.020.png 656632908.021.png 656632908.022.png 656632908.023.png 656632908.024.png 656632908.025.png 656632908.026.png 656632908.027.png 656632908.028.png 656632908.029.png 656632908.030.png
Rozdział
2
Projekto-
Springtime , strona 68
ChoCiaż proces projektowania witryn
internetowych polega na gwałtownych prze-
kształceniach plastycznej materii, pewne podstawowe
zasady powinny zostać zachowane. Gdy wybierasz
paletę kolorów, myślisz o układzie graicznym, two-
rzysz kompozycję z kształtów geometrycznych lub
ujednolicasz wszystkie elementy strony, obowiązuje
Cię pewien kanon tradycyjnych wartości.
Night Drive , strona 86
Projekty omawiane w tym rozdziale ilustru-
ją zagadnienie, które staje się coraz bardziej istotne
podczas tworzenia witryn. W jaki sposób efektywnie
zarządzać tym procesem? Niezależnie od tego, czy
jesteś przyzwyczajony do rozpoczynania pracy od
projektów wstępnych w programie adobe Photoshop,
szkicowania pomysłów na kartce papieru, tworzenia
prototypów w CSS lub pisania kodu od początku, na
pewno w tym rozdziale znajdziesz propozycje nowych,
użytecznych metod pracy.
projektowanie
55
wanie
656632908.031.png 656632908.032.png 656632908.033.png 656632908.034.png 656632908.035.png 656632908.036.png 656632908.037.png 656632908.038.png 656632908.039.png 656632908.040.png 656632908.041.png 656632908.042.png 656632908.043.png 656632908.044.png
Kevin Davis, projektant
www.csszengarden.com/028
Atlantis
Minimalizm, jedność i symbolika
ProjektoWaNie GrafiCzNe PoleGa na komunikowa-
niu pewnych myśli. Udany projekt przekazuje oglądającym
informacje, których nie można przekazać samymi słowami.
Może on tworzyć pewną atmosferę i wywoływać określone
uczucia, emanować nastrojami, powodować reakcję widza.
Celem Kevina Davisa było połączenie elementów wizu-
alnych i wyobraźni przy wykorzystaniu elementów charakte-
rystycznych dla projektów wnętrz przytulnych i nastrojowych
kawiarni. Składa się na nie połączenie odpowiednich stolików,
baru, farby na ścianach i nastroju. zaczynając od fotograii
i palety kolorów, kevin łączył elementy, aż uzyskał cieka-
wy i zadowalający efekt. Później połączył projekt graiczny
z układem funkcyjnym.
56 ROZDZIAŁ 2 / pROjektOwAnIe
656632908.045.png 656632908.046.png 656632908.047.png 656632908.048.png 656632908.049.png 656632908.050.png 656632908.052.png 656632908.053.png 656632908.054.png 656632908.055.png 656632908.056.png 656632908.057.png
Zgłoś jeśli naruszono regulamin