css-wedlug-erica-meyera.-kolejna-odslona- helion, ebooki
[ Pobierz całość w formacie PDF ]
6
Tworzenie widoku katalogu ..............................................................................................................................62
Znów opływanie ............................................................................................................................................63
Uło(enie i wyrównanie ...............................................................................................................................65
Poprawianie listy ...........................................................................................................................................67
Informacje do ramek ....................................................................................................................................69
Warianty ...................................................................................................................................................................71
PROJEKT 3. Stylizowanie raportu finansowego ....................................................................73
Cele projektu ..........................................................................................................................................................74
Przygotowania ........................................................................................................................................................74
Style dla ekranu .....................................................................................................................................................74
Kładziemy fundamenty ..............................................................................................................................75
Style czcionek .................................................................................................................................................76
Etykiety tabeli .................................................................................................................................................78
Style zysków ...................................................................................................................................................80
Akcentowanie warto)ci ujemnych ..........................................................................................................81
Style podsumowania ....................................................................................................................................82
Ostatnie poprawki .........................................................................................................................................84
Style do wydruku ..................................................................................................................................................86
Zaczynamy .......................................................................................................................................................86
Zaznaczanie wierszy ....................................................................................................................................87
Wiersz podsumowania ................................................................................................................................89
Warianty ...................................................................................................................................................................91
PROJEKT 4. Pozycjonowanie w tle .....................................................................................93
Cel projektu .............................................................................................................................................................94
Przygotowania ........................................................................................................................................................94
Style o poranku ......................................................................................................................................................94
Zaczynamy .......................................................................................................................................................94
Style nagłówka ...............................................................................................................................................96
Czyszczenie .................................................................................................................................................. 100
Style na pla(y ....................................................................................................................................................... 102
Ocena struktury i stylów ......................................................................................................................... 102
Style tytułu ................................................................................................................................................... 104
Style tre)ci .................................................................................................................................................... 105
Dodawanie tła .............................................................................................................................................. 107
Wszystkie za i przeciw ............................................................................................................................. 109
Warianty ................................................................................................................................................................ 111
PROJEKT 5. Menu tworzone na podstawie list ....................................................................113
Cele projektu ....................................................................................................................................................... 114
Przygotowania ..................................................................................................................................................... 114
Kładziemy fundamenty ................................................................................................................................... 114
Sprawdzanie kodu ...................................................................................................................................... 115
Troszk/ przestrzeni ........................................................................................................................................... 116
Rozdzielenie ................................................................................................................................................. 117
Styl ze strzałk9 ............................................................................................................................................ 118
Stylizowanie ł9czy ..................................................................................................................................... 120
7
Zamykanie ł9czy ................................................................................................................................................. 124
Zmiany ........................................................................................................................................................... 124
Ł9cza w ramkach ........................................................................................................................................ 125
Zawiesi2 na linie ......................................................................................................................................... 126
Warianty ................................................................................................................................................................ 130
PROJEKT 6. Menu rozwijalne tworzone za pomoc$ CSS ..................................................... 133
Cele projektu ....................................................................................................................................................... 134
Przygotowania ..................................................................................................................................................... 134
Kładziemy fundamenty ................................................................................................................................... 134
Układanie menu ................................................................................................................................................. 136
Planowanie .................................................................................................................................................... 136
Pozycjonowanie menu podrz/dnych .................................................................................................. 138
Style ładniejszych menu .......................................................................................................................... 139
Grupowanie ł9czy ...................................................................................................................................... 140
Pozycje wskazywane ................................................................................................................................. 143
Specjalne style podrz/dnych menu ..................................................................................................... 144
Przygotowywanie menu rozwijalnego ............................................................................................... 145
Ostatnie poprawki ...................................................................................................................................... 148
Zmiana układu menu ........................................................................................................................................ 149
Zmiana orientacji ....................................................................................................................................... 150
Wprowadzanie poprawek ........................................................................................................................ 152
Poprawki w menu ni(szych poziomów ............................................................................................. 154
Pod rozwag/ ......................................................................................................................................................... 156
Warianty ................................................................................................................................................................ 157
PROJEKT 7. Tworzenie atrakcyjnych zakładek ....................................................................159
Cele projektu ....................................................................................................................................................... 160
Przygotowania ..................................................................................................................................................... 160
Kładziemy fundamenty ................................................................................................................................... 161
Stylizowanie ł9czy ............................................................................................................................................. 164
Pocz9tkowe style ........................................................................................................................................ 164
Poprawianie wygl9du zakładek ............................................................................................................. 166
Dodawanie tekstury .................................................................................................................................. 170
Wskazywanie i ostatnie poprawki ........................................................................................................ 171
Obci/ty tekst i zmniejszony obszar aktywny ................................................................................... 172
Tworzenie rzeczywistych zakładek ............................................................................................................ 175
Wprowadzanie zmian ............................................................................................................................... 176
Zakładki ......................................................................................................................................................... 177
Wyró(nianie aktualnej zakładki ............................................................................................................ 179
Ko<cowe uwagi .......................................................................................................................................... 182
Warianty ................................................................................................................................................................ 184
PROJEKT 8. Stylizacja bloga ..............................................................................................187
Cele projektu ....................................................................................................................................................... 188
Przygotowania ..................................................................................................................................................... 188
Kładziemy fundamenty ................................................................................................................................... 188
8
Stylizowanie bloga ............................................................................................................................................. 190
Zabawy z tytułem ....................................................................................................................................... 190
Tytuł i data wpisu ...................................................................................................................................... 194
Rozdzielanie i ł9czenie ............................................................................................................................. 195
Tekst i informacje ...................................................................................................................................... 198
Ostatnie poprawki ...................................................................................................................................... 202
Warianty ................................................................................................................................................................ 205
PROJEKT 9. Tworzenie strony domowej ...........................................................................207
Cele projektu ....................................................................................................................................................... 208
Przygotowania ..................................................................................................................................................... 208
Kładziemy fundamenty ................................................................................................................................... 208
Tworzenie projektu ........................................................................................................................................... 210
Dwa obrazki za nagłówkiem .................................................................................................................. 210
Przesuni/cia i ramki .................................................................................................................................. 213
Zawarto)2 i pasek boczny ....................................................................................................................... 214
Proste style paska bocznego ................................................................................................................... 218
Kolejny listek ............................................................................................................................................... 219
Ł9cza paska bocznego .............................................................................................................................. 221
Zmiany ramek .............................................................................................................................................. 223
Naturalne wyró(nienie ............................................................................................................................. 224
Ostatnie modyfikacje ................................................................................................................................ 225
Warianty ................................................................................................................................................................ 229
PROJEKT 10. Projektowanie ogrodu ...................................................................................231
Cele projektu ....................................................................................................................................................... 232
Przygotowania ..................................................................................................................................................... 233
Kładziemy fundamenty ................................................................................................................................... 233
Tworzenie projektu ........................................................................................................................................... 235
Ziarna i sadzonki ........................................................................................................................................ 236
Nagłówek strony ........................................................................................................................................ 237
Dodajemy kwiat .......................................................................................................................................... 238
Stylizowanie podsumowania ................................................................................................................. 241
Stylizowanie wła)ciwej zawarto)ci dokumentu ............................................................................. 244
A teraz stopka .............................................................................................................................................. 248
Style paska bocznego ................................................................................................................................ 252
Dodajemy obrazki PNG .................................................................................................................................. 259
Przemy)lenia ........................................................................................................................................................ 262
Warianty ................................................................................................................................................................ 264
Skorowidz ....................................................................................................265
2
S
TYLIZOWANIE
KOLEKCJI
ZDJ
Fotografie istniej po to, eby przypomina nam to, o czym zapominamy.
Pod tym wzgldem — a take pod wieloma innymi — s one przeciwno ci
obrazów. Obrazy s zapisem tego, co pamita malarz. Kady z nas zapomina
o czym innym, dlatego fotografia moe mie całkowicie róne znaczenie
w zaleno ci od tego, kto na ni patrzy.
— J
OHN
B
ERGER
C
O PRAWDA
,
NIE KADY UMIESZCZA
swoje zdjcia w sieci, jednak
tego rodzaju kolekcje zdj stanowi wyjtkowo interesujce
wyzwanie. Kade zdjcie i zwizane z nim opisy tworz niewielk,
zwart cało, która musi zosta ułoona z uwzgldnieniem
pozostałych zdj znajdujcych si na stronie. Mona powiedzie,
e takie kolekcje podobne s do portali, z t rónic, e w takim
portalu kade pole prowadzi do dodatkowych informacji o zdjciu,
a nie do najnowszych wiadomoci ze wiata polityki lub sportu.
Kolekcje zdj podobne s równie do znacznie czciej spotykanego
układu strony; stanowi jakby katalogi produktów sprzedawanych
w witrynach sklepów internetowych. Rzeczywicie, czasami
sprzedawanym produktem mog by same zdjcia, i takie załoenie
przyjmiemy na czas tworzenia tego projektu.
[ Pobierz całość w formacie PDF ]