CSS Witryny internetowe szyte na miare Autorytety informatyki Wydanie II.pdf

(2662 KB) Pobierz
CSS. Witryny internetowe
szyte na miarê. Autorytety
informatyki. Wydanie II
Autor: Charles Wyke-Smith
T³umaczenie: £ukasz Piwko
ISBN: 978-83-246-1756-2
Tytu³ orygina³u:
Stylin with CSS: A Designers
Guide (2nd Edition) (Voices That Matter)
Format: 168x237, stron: 320
Wykorzystaj potê¿ne narzêdzia CSS, aby tworzyæ nowoczesne
i powszechnie dostêpne witryny internetowe
•
Jak zbudowaæ wielokolumnowy uk³ad strony bez pomocy tabeli?
•
Jak utworzyæ menu rozwijalne?
•
Jak formatowaæ tekst za pomoc¹ CSS?
Technologia CSS, czyli kaskadowych arkuszy stylów, powsta³a w celu odseparowania
struktury dokumentu od formy jego prezentacji. Wykorzystanie kaskadowych arkuszy
stylów przyspiesza tworzenie stron internetowych, a zgromadzenie wszystkich
informacji dotycz¹cych wygl¹du tekstu i uk³adu elementów w jednym miejscu u³atwia
ich modyfikacjê oraz aktualizacjê. Ponadto technologia ta daje mo¿liwoœæ zdefiniowania
wygl¹du strony dla ró¿nych mediów, takich jak ekran, palmtop, dokument w druku,
czytnik ekranowy czy drukarki Braille’a. Krótko mówi¹c, CSS umo¿liwia budowanie
nowoczesnych, wygodnych i powszechnie dostêpnych witryn internetowych.
W ksi¹¿ce tej znajdziesz mnóstwo inspiruj¹cych technik i przypadków zaczerpniêtych
z prawdziwych projektów, a tak¿e bibliotekê szablonów stron, formularzy, menu, list
oraz tabel, dziêki którym nauka i tworzenie w³asnych stron bêdzie przebiegaæ znacznie
efektywniej. Korzystaj¹c z tego podrêcznika, nauczysz siê precyzyjnie pozycjonowaæ
elementy przy u¿yciu w³asnoœci p³ywania, marginesów ujemnych, dope³nienia
oraz pozycjonowania bezwzglêdnego. Dowiesz siê, jak tworzyæ uk³ad strony
automatycznie dopasowuj¹cy siê do rozmiaru okna oraz jak ustawiaæ obrazy t³a.
Poznasz wszystkie regu³y, które pozwol¹ Ci kreowaæ wyj¹tkowe projekty zgodne
z obowi¹zuj¹cymi standardami.
•
XHTML – strukturalizacja treœci
•
Podstawy CSS
•
Style lokalne, osadzone i zewnêtrzne
•
Klasy i identyfikatory
•
Selektory i deklaracje
•
Formatowanie tekstu
•
Pozycjonowanie elementów
•
Projektowanie komponentów interfejsu
•
Formularze, listy i menu
•
Tworzenie kompletnych witryn internetowych
•
Architektura witryny
Wykorzystaj CSS i zrób wra¿enie na u¿ytkownikach Twojej witryny!
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Spis treści
Wstęp
•
12
ROzdział 1. XHTML: STRukTuRaLizacja TReści
•
16
Standardy sieciowe
•
18
To nie działa w przeglądarce Microsoft Internet Explorer 6
Treść, struktura i prezentacja 19
Czas na zmiany
•
21
Oto przykład starej szkoły projektowania stron
U progu nowej ery
•
23
•
18
•
21
XHTML
•
24
Zasady XHTML
•
25
Szablon XHTML
•
30
Znakowanie treści
•
32
Układ elementów — elementy blokowe i liniowe
•
32
Hierarchia dokumentu, czyli zapoznanie z rodziną XHTML
•
38
ROzdział 2. POdSTawy cSS
•
40
Trzy sposoby dołączania arkuszy stylów
Style lokalne
•
42
Style osadzone
•
43
Style zewnętrzne
•
44
Anatomia reguły CSS
Pisanie reguł CSS
•
42
•
46
•
47
Selekcja znaczników w obrębie hierarchii dokumentu
Selektor potomka
•
48
Selektor dziecka
•
52
Klasy i identyfikatory
•
53
Wprowadzenie do identyfikatorów
•
57
Identyfikatory a klasy
•
58
Selektory do zadań specjalnych
•
59
Podsumowanie wiadomości o selektorach
•
62
Pseudoklasy
•
63
Pseudoklasy odnośników
•
63
Inne przydatne pseudoklasy
•
65
•
48
sPis treśCi
Pseudoelementy
Dziedziczenie
•
66
Kaskadowość
Źródła stylów
Zasady kaskadowości
•
68
•
69
•
69
•
70
Deklaracje
•
74
Wartości liczbowe
•
74
Wartości kolorów
•
77
ROzdział 3. FORMaTOwanie TekSTu
•
80
Definiowanie czcionki
•
82
Kolekcje czcionek
•
83
Rodziny fontów
•
85
Tymczasowe użycie stylów osadzonych
•
87
Ustawianie czcionki dla całej strony
•
88
Ustawianie rozmiaru pisma
•
90
Style dziedziczone w elementach zagnieżdżonych
Własności pisma
•
95
Własność font-style
•
95
Własność font-weight
•
96
Własność font-variant
•
97
Skrócony zapis własności czcionek
Własności tekstu
•
99
Własność text-indent
•
100
Własność letter-spacing
•
102
Własność word-spacing
•
103
Własność text-decoration
•
104
Własność text-align
•
105
Własność line-height
•
106
Własność text-transform
•
107
Własność vertical-align
•
108
Używanie stylów czcionek i tekstu
•
93
•
98
•
110
10
Css. witryny internetowe szyte na miarę. autorytety informatyki
ROzdział 4. POzycjOnOwanie eLeMenTów
•
114
Model blokowy
•
116
Obramowanie
•
117
Dopełnienie
•
120
Marginesy
•
120
Scalanie marginesów
•
122
Rozmiary bloku
•
123
Tworzenie pojedynczej kolumny
•
125
Elementy pływające i ich czyszczenie
Własność float
•
128
Własność clear
•
130
Własność position
•
134
Pozycjonowanie statyczne
•
134
Pozycjonowanie względne
•
135
Pozycjonowanie bezwzględne
•
136
Pozycjonowanie stałe
•
137
Kontekst pozycjonowania
•
138
Własność display
•
128
•
141
Praktyczne użycie własności position i display
•
142
ROzdział . TwORzenie układu STROny
•
148
Przykłady układów wielokolumnowych
Poznajemy bibliotekę Stylib
Szerokość ma znaczenie
•
150
•
153
•
153
Elementy pływające a pozycjonowane bezwzględnie
•
154
Prosty układ dwukolumnowy ze stałą szerokością kolumn
•
155
Poznaj swoje wewnętrzne elementy div
•
160
Zapobieganie przepełnieniu
•
160
Formatuj do woli wewnętrzne elementy div
•
161
Formatowanie tekstu
•
161
Prosty płynny układ dwukolumnowy
Nakładamy ograniczenia
•
163
Pływać czy nie pływać
•
164
Płynny układ trzykolumnowy
•
161
Trzykolumnowy układ o stałej szerokości
•
165
•
169
sPis treśCi
11
Ustawianie takiej samej długości wszystkich kolumn
Fałszywe kolumny
•
174
Wydłużanie kolumn za pomocą JavaScript
(oraz zaokrąglanie rogów!)
•
178
Układ pozycjonowany bezwzględnie
•
173
•
182
ROzdział 6. PROjekTOwanie kOMPOnenTów inTeRFejSu
•
188
Tabele
•
190
Formularze
•
203
Zasada działania formularzy
•
203
Znaczniki tworzące formularz
•
204
Formatowanie formularza
•
212
Listy i menu
•
219
Listy
•
219
Menu rozwijalne
•
231
ROzdział 7. TwORzenie kOMPLeTnycH
wiTRyn inTeRneTOwycH
•
244
Strona Stylin’ with CSS
Struktura katalogów
•
246
•
248
Architektura witryny
•
250
Kopiowanie potrzebnych plików CSS z biblioteki
Reguła @import
•
253
Style kolorów i tekstu
•
257
Kod źródłowy strony
•
262
Obrazy w tle
•
265
Menu rozwijalne
•
268
Przezroczysty pasek boczny
•
271
Dodawanie formularza rejestracji
•
276
Formatowanie tekstu
•
279
Podsumowanie
•
253
•
285
dOdaTek a. znaczniki XHTML
•
286
dOdaTek B. właSnOści cSS
•
20
SkOROwidz
•
304

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin