wstęp do html5 i css3 helion, ebooki6

[ Pobierz całość w formacie PDF ]
Spis treci
Wstp .............................................................................................. 7
Rozdzia 1.
Podstawowe informacje .................................................................... 9
Czym jest internet .............................................................................................................9
Czego potrzebujemy do tworzenia stron WWW ............................................................ 10
Rozdzia 2.
Wprowadzenie do HTML5 ............................................................... 15
Podstawowe rónice pomidzy HTML5 a HTML4 ........................................................ 15
Elementy jzyka HTML5 ............................................................................................... 16
Znaczniki i atrybuty ................................................................................................. 16
Podstawowa struktura dokumentu ............................................................................ 17
Nagówek dokumentu ............................................................................................... 18
Ciao i sekcje dokumentu HTML ............................................................................. 24
Elementy blokowe .................................................................................................... 26
Elementy wstawiane ................................................................................................. 36
Elementy osadzone (grafika, multimedia, aplikacje) ................................................ 44
Hipercza ................................................................................................................ 56
Tabele ....................................................................................................................... 66
Formularze ............................................................................................................... 74
Komentarze .............................................................................................................. 91
Rozdzia 3.
Wprowadzenie do CSS3 .................................................................. 93
Podstawowe pojcia ....................................................................................................... 94
Budowa stylu ............................................................................................................ 94
Osadzanie stylów na stronie ..................................................................................... 95
Jednostki miar stosowane w CSS ............................................................................. 99
Nazewnictwo kolorów uywane w CSS ................................................................. 101
Moduy ................................................................................................................... 103
Selektory ....................................................................................................................... 105
Selektory proste ...................................................................................................... 105
Selektory uniwersalne ............................................................................................ 105
Selektory „potomka” .............................................................................................. 107
Selektory „dziecka” ................................................................................................ 108
Selektory „rodzestwa” .......................................................................................... 109
Selektor ogólnego rodzestwa ................................................................................ 109
Selektor atrybutu .................................................................................................... 110
Selektor atrybutu z moliwoci dopasowania cigu znaków ................................ 111
Identyfikatory ......................................................................................................... 113
Klasy ...................................................................................................................... 114
4
Wstp do HTML5 i CSS3
Pseudoklasy ............................................................................................................ 115
Pseudoelementy ...................................................................................................... 136
Grupowanie selektorów .......................................................................................... 139
Dziedziczenie ............................................................................................................... 140
Kaskadowo ................................................................................................................ 143
Waciwoci tekstu ....................................................................................................... 145
Wyrównanie tekstu ................................................................................................. 145
Pionowe wyrównanie ............................................................................................. 146
Wcicie pierwszego wiersza akapitu ...................................................................... 147
Odstpy pomidzy literami ..................................................................................... 148
Odstpy pomidzy wyrazami ................................................................................. 149
Odstpy midzy liniami .......................................................................................... 150
amanie dugiego cigu znaków ............................................................................ 151
Dekoracja tekstu ..................................................................................................... 152
Przeksztacanie — mae i due litery ..................................................................... 152
Kontrola pustej przestrzeni ..................................................................................... 153
Cieniowanie tekstu ................................................................................................. 154
Waciwoci czcionki ................................................................................................... 155
Rodzina czcionek ................................................................................................... 155
Rozmiar czcionki .................................................................................................... 158
Waga czcionki ........................................................................................................ 158
Style czcionki ......................................................................................................... 160
Wariant czcionki .................................................................................................... 161
Osadzanie czcionki na stronie ................................................................................ 161
Zbiorczy zapis waciwoci czcionki ..................................................................... 162
Waciwoci list ............................................................................................................ 163
Typ listy ................................................................................................................. 163
Dowolny obraz jako wypunktowanie listy ............................................................. 166
Zawijanie tekstu ..................................................................................................... 167
Zbiorczy zapis waciwoci list .............................................................................. 167
Kolor, to i przezroczysto .......................................................................................... 168
Nowe modele barw i przeroczystoci w CSS3 ..................................................... 168
Kolor elementu ....................................................................................................... 172
Kolor ta ................................................................................................................. 172
Element graficzny jako to ..................................................................................... 174
Rozmiar ta ............................................................................................................. 175
Zatrzymanie ta ....................................................................................................... 176
Kontrola powielania ta .......................................................................................... 176
Pozycjonowanie ta ................................................................................................ 178
Wieloelementowe to .............................................................................................. 180
Kontrola styku ta i obramowania .......................................................................... 181
Zbiorczy zapis waciwoci ta ............................................................................... 182
Marginesy, obramowanie i dopenienia ........................................................................ 182
Pudekowy model formatowania elementów .......................................................... 182
Marginesy ............................................................................................................... 183
Dopenienie ............................................................................................................ 186
Obramowanie ......................................................................................................... 188
Wymiary ................................................................................................................. 193
Tabele ........................................................................................................................... 194
Odstpy we wntrzu tabeli ..................................................................................... 197
Pojedyncze obramowanie ....................................................................................... 197
Kontrola pustych komórek ..................................................................................... 198
Generowanie tabeli ................................................................................................. 199
Podpis tabeli ........................................................................................................... 200
Spis treci
5
Pozycjonowanie elementów ......................................................................................... 200
Rodzaje pozycjonowania ........................................................................................ 201
Okrelanie pozycji .................................................................................................. 204
Warstwy ................................................................................................................. 204
Pywanie i tamowanie elementów ................................................................................ 206
Pywanie elementów .............................................................................................. 206
Tamowanie elementów ........................................................................................... 208
Efekty wizualne ............................................................................................................ 209
Kadrowanie ............................................................................................................ 209
Ukrywanie elementów ............................................................................................ 210
Sterowanie wymiarowanymi elementami ............................................................... 211
Interfejs uytkownika ................................................................................................... 213
Kursory ................................................................................................................... 213
Kontury elementów ................................................................................................ 213
Zawarto generowana i liczniki .................................................................................. 215
Zawarto generowana ........................................................................................... 215
Liczniki .................................................................................................................. 216
Cytaty ........................................................................................................................... 219
Rozdzia 4.
Poznaj moliwoci HTML5 i CSS3 na konkretnym przykadzie ......... 221
Szkielet strony .............................................................................................................. 221
Obstylowanie ................................................................................................................ 224
Walidacja ...................................................................................................................... 228
Dodatek ....................................................................................... 233
Zestawienie znaczników HTML5 ................................................................................. 233
Standardowe atrybuty jzyka HTML5 .......................................................................... 251
Zestawienie waciwoci stylów CSS3 ......................................................................... 253
Waciwoci tekstu ................................................................................................. 253
Waciwoci czcionki ............................................................................................. 257
Waciwoci list ..................................................................................................... 258
Kolor i to ............................................................................................................... 259
Marginesy ............................................................................................................... 261
Dopenienie ............................................................................................................ 263
Obramowanie ......................................................................................................... 264
Wymiary ................................................................................................................. 270
Tabele ..................................................................................................................... 272
Pozycjonowanie elementów ................................................................................... 273
Efekty wizualne ...................................................................................................... 275
Drukowanie ............................................................................................................ 276
Interfejs uytkownika ............................................................................................. 278
Zawarto generowana i liczniki ............................................................................ 279
Podsumowanie ............................................................................. 281
Skorowidz .................................................................................... 283
Rozdzia 4.
Poznaj moliwoci HTML5
i CSS3 na konkretnym
przykadzie
Mamy za sob niezbdn cz teoretyczn, nadszed zatem czas, by zaj si prak-
tycznym przykadem poczenia HTML5 i CSS3. W niniejszym rozdziale przestawiem
projekt bardzo prostej strony opartej w caoci o najnowsze specyfikacje omawianych
technologii. Wspólnie przygotujemy szkielet prostej strony domowej zawierajcej in-
formacje o jej wacicielu oraz podstrony z formularzem kontaktowym.
Szkielet strony
Na wstpie zaoyem sobie, e na stronie znajd si nastpujce elementy:
nagówek,
menu nawigacyjne,
dwie kolumny w gównej czci,
stopka.
W zwizku z takimi planami potrzebuj ogólnego szkieletu strony, który zapewni mi
moliwo stworzenia planowanej strony. Listing szkieletu zamieciem poniej. My-
l, e jego omawianie nie jest konieczne, poniewa kady z elementów powinien by
Ci znany.
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Galeria witray Anny Danowskiej" />
[ Pobierz całość w formacie PDF ]