Zen stosowania CSS zrodlo oswiecenia dla projektantow stron WWW.pdf

(2318 KB) Pobierz
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
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
KATALOG ONLINE
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
946132454.058.png 946132454.069.png 946132454.080.png 946132454.091.png 946132454.001.png 946132454.010.png 946132454.011.png 946132454.012.png 946132454.013.png 946132454.014.png 946132454.015.png 946132454.016.png 946132454.017.png 946132454.018.png 946132454.019.png 946132454.020.png 946132454.021.png 946132454.022.png 946132454.023.png 946132454.024.png 946132454.025.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
946132454.026.png 946132454.027.png 946132454.028.png 946132454.029.png 946132454.030.png 946132454.031.png 946132454.032.png 946132454.033.png 946132454.034.png 946132454.035.png 946132454.036.png 946132454.037.png 946132454.038.png 946132454.039.png 946132454.040.png 946132454.041.png 946132454.042.png 946132454.043.png 946132454.044.png 946132454.045.png 946132454.046.png 946132454.047.png 946132454.048.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
946132454.049.png 946132454.050.png 946132454.051.png 946132454.052.png 946132454.053.png 946132454.054.png 946132454.055.png 946132454.056.png 946132454.057.png 946132454.059.png 946132454.060.png 946132454.061.png 946132454.062.png 946132454.063.png 946132454.064.png 946132454.065.png 946132454.066.png 946132454.067.png 946132454.068.png 946132454.070.png 946132454.071.png 946132454.072.png
Rozdział
2
Projekto-
wanie
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.
Springtime , strona 68
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.
Night Drive , strona 86
55
projektowanie
946132454.073.png 946132454.074.png 946132454.075.png 946132454.076.png 946132454.077.png 946132454.078.png 946132454.079.png 946132454.081.png 946132454.082.png 946132454.083.png 946132454.084.png 946132454.085.png 946132454.086.png 946132454.087.png 946132454.088.png 946132454.089.png 946132454.090.png 946132454.092.png 946132454.093.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
946132454.094.png 946132454.095.png 946132454.096.png 946132454.097.png 946132454.098.png 946132454.099.png 946132454.100.png 946132454.101.png 946132454.002.png 946132454.003.png 946132454.004.png 946132454.005.png 946132454.006.png 946132454.007.png 946132454.008.png 946132454.009.png

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin