wstep-do-html5-i-css3 scan.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

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

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>

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: