Wstep_do_HTML5_i_CSS3_wshtcs.pdf

(550 KB) Pobierz
Idź do
• Spis treści
• Przykładowy rozdział
• Skorowidz
Katalog książek
• Katalog online
• Zamów drukowany
katalog
Twój koszyk
• Dodaj do koszyka
Cennik i informacje
• Zamów informacje
o nowościach
• Zamów cennik
Czytelnia
• Fragmenty książek
online
Wstęp do HTML5 i CSS3
Autor:
Bartosz Danowski
ISBN: 978-83-246-3076-9
Format: 158×235, stron: 296
Kontakt
Helion SA
ul. Kościuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
© Helion 1991–2011
Wyjdź z cienia, opracuj własną stronę WWW!
• Poznaj najnowsze technologie tworzenia stron internetowych
• Naucz się prawidłowo korzystać z możliwości współczesnych narzędzi
• Dowiedz się, jak łatwo uatrakcyjnić wygląd stron WWW
Internet znajdziesz dziś wszędzie i wszyscy w jakiś sposób korzystamy z jego zasobów. Niestety,
stosunkowo niewielu używa go aktywnie – zaledwie mały procent osób wnosi coś do wirtualnej
przestrzeni komunikacyjnej, a cała reszta tylko biernie przegląda treści udostępniane w sieci. Jeśli
chcesz wyrwać się z bezimiennej masy konsumentów i dołączyć do elitarnego grona twórców
stron internetowych, musisz poznać podstawowe narzędzia ich pracy, którymi są – i z pewnością
długo jeszcze pozostaną – języki HTML i CSS. Oczywiście najlepiej będzie, gdy od razu przystąpisz
do nauki ich najnowszych wersji, czyli HTML5 i CSS3, które na naszych oczach powoli stają się
standardami sieciowymi i już dziś wyznaczają przyszłe trendy rozwoju technologii WWW.
Doskonałą okazję ku temu oferuje książka „Wstęp do HTML5 i CSS3”. Bezboleśnie i bez niepotrzebnej
teorii wprowadzi Cię ona w podstawowe zagadnienia związane z tworzeniem treści internetowych,
zaprezentuje niezbędne narzędzia oraz przedstawi najlepsze praktyki pisania stron WWW.
Znajdziesz w niej szczegółowy opis podstawowych konstrukcji i znaczników HTML5 oraz sposobów
ich wykorzystania do osiągnięcia określonych celów. Nauczysz się też używać stylów CSS i poznasz
wpływ poszczególnych elementów na ostateczną prezentację dokumentu HTML w oknie przeglądarki
internetowej. Okazją do praktycznego przećwiczenia nowych umiejętności i utrwalenia zdobytej
wiedzy będzie opis konkretnego przypadku, a dokładniej metody tworzenia prostej strony WWW
w języku HTML5 i formatowania jej za pomocą CSS3.
• Podstawowe informacje o stronach WWW i technologiach stosowanych do ich tworzenia
• Przegląd narzędzi ułatwiających pracę twórcy stron internetowych
• Struktura dokumentu w języku HTML5
• Przegląd konstrukcji i znaczników HTML5
• Podstawowe cechy i konstrukcje CSS3
• Sposoby osadzania stylów i korzystania z selektorów
• Opis klas, pseudoklas i pseudoelementów
• Przegląd właściwości
• Pozycjonowanie elementów i definiowanie ich otoczenia
• Praktyczny przykład zastosowania HTML5 i CSS3
• Zestawienia znaczników HTML5 oraz właściwości i stylów CSS3
Dołącz do znawców najnowszych technologii sieciowych!
Spis tre ci
Wstöp .............................................................................................. 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 pomi dzy HTML5 a HTML4 ........................................................ 15
Elementy j zyka HTML5 ............................................................................................... 16
Znaczniki i atrybuty ................................................................................................. 16
Podstawowa struktura dokumentu ............................................................................ 17
Nagáówek dokumentu ............................................................................................... 18
Ciaáo i sekcje dokumentu HTML ............................................................................. 24
Elementy blokowe .................................................................................................... 26
Elementy wstawiane ................................................................................................. 36
Elementy osadzone (grafika, multimedia, aplikacje) ................................................ 44
Hiperá cza ................................................................................................................ 56
Tabele ....................................................................................................................... 66
Formularze ............................................................................................................... 74
Komentarze .............................................................................................................. 91
Rozdziaä 3. Wprowadzenie do CSS3 .................................................................. 93
Podstawowe poj cia ....................................................................................................... 94
Budowa stylu ............................................................................................................ 94
Osadzanie stylów na stronie ..................................................................................... 95
Jednostki miar stosowane w CSS ............................................................................. 99
Nazewnictwo kolorów u ywane w CSS ................................................................. 101
Moduáy ................................................................................................................... 103
Selektory ....................................................................................................................... 105
Selektory proste ...................................................................................................... 105
Selektory uniwersalne ............................................................................................ 105
Selektory „potomka” .............................................................................................. 107
Selektory „dziecka” ................................................................................................ 108
Selektory „rodze stwa” .......................................................................................... 109
Selektor ogólnego rodze stwa ................................................................................ 109
Selektor atrybutu .................................................................................................... 110
Selektor atrybutu z mo liwo ci dopasowania ci gu znaków ................................ 111
Identyfikatory ......................................................................................................... 113
Klasy ...................................................................................................................... 114
4
Wstöp do HTML5 i CSS3
Pseudoklasy ............................................................................................................ 115
Pseudoelementy ...................................................................................................... 136
Grupowanie selektorów .......................................................................................... 139
Dziedziczenie ............................................................................................................... 140
Kaskadowo ü ................................................................................................................ 143
Wáa ciwo ci tekstu ....................................................................................................... 145
Wyrównanie tekstu ................................................................................................. 145
Pionowe wyrównanie ............................................................................................. 146
Wci cie pierwszego wiersza akapitu ...................................................................... 147
Odst py pomi dzy literami ..................................................................................... 148
Odst py pomi dzy wyrazami ................................................................................. 149
Odst py mi dzy liniami .......................................................................................... 150
àamanie dáugiego ci gu znaków ............................................................................ 151
Dekoracja tekstu ..................................................................................................... 152
Przeksztaácanie — maáe i du e litery ..................................................................... 152
Kontrola pustej przestrzeni ..................................................................................... 153
Cieniowanie tekstu ................................................................................................. 154
Wáa ciwo ci czcionki ................................................................................................... 155
Rodzina czcionek ................................................................................................... 155
Rozmiar czcionki .................................................................................................... 158
Waga czcionki ........................................................................................................ 158
Style czcionki ......................................................................................................... 160
Wariant czcionki .................................................................................................... 161
Osadzanie czcionki na stronie ................................................................................ 161
Zbiorczy zapis wáa ciwo ci czcionki ..................................................................... 162
Wáa ciwo ci list ............................................................................................................ 163
Typ listy ................................................................................................................. 163
Dowolny obraz jako wypunktowanie listy ............................................................. 166
Zawijanie tekstu ..................................................................................................... 167
Zbiorczy zapis wáa ciwo ci list .............................................................................. 167
Kolor, táo i przezroczysto ü .......................................................................................... 168
Nowe modele barw i prze roczysto ci w CSS3 ..................................................... 168
Kolor elementu ....................................................................................................... 172
Kolor táa ................................................................................................................. 172
Element graficzny jako táo ..................................................................................... 174
Rozmiar táa ............................................................................................................. 175
Zatrzymanie táa ....................................................................................................... 176
Kontrola powielania táa .......................................................................................... 176
Pozycjonowanie táa ................................................................................................ 178
Wieloelementowe táo .............................................................................................. 180
Kontrola styku táa i obramowania .......................................................................... 181
Zbiorczy zapis wáa ciwo ci táa ............................................................................... 182
Marginesy, obramowanie i dopeánienia ........................................................................ 182
Pudeákowy model formatowania elementów .......................................................... 182
Marginesy ............................................................................................................... 183
Dopeánienie ............................................................................................................ 186
Obramowanie ......................................................................................................... 188
Wymiary ................................................................................................................. 193
Tabele ........................................................................................................................... 194
Odst py we wn trzu tabeli ..................................................................................... 197
Pojedyncze obramowanie ....................................................................................... 197
Kontrola pustych komórek ..................................................................................... 198
Generowanie tabeli ................................................................................................. 199
Podpis tabeli ........................................................................................................... 200
Spis tre ci
5
Pozycjonowanie elementów ......................................................................................... 200
Rodzaje pozycjonowania ........................................................................................ 201
Okre lanie pozycji .................................................................................................. 204
Warstwy ................................................................................................................. 204
Páywanie i tamowanie elementów ................................................................................ 206
Páywanie elementów .............................................................................................. 206
Tamowanie elementów ........................................................................................... 208
Efekty wizualne ............................................................................................................ 209
Kadrowanie ............................................................................................................ 209
Ukrywanie elementów ............................................................................................ 210
Sterowanie wymiarowanymi elementami ............................................................... 211
Interfejs u ytkownika ................................................................................................... 213
Kursory ................................................................................................................... 213
Kontury elementów ................................................................................................ 213
Zawarto ü generowana i liczniki .................................................................................. 215
Zawarto ü generowana ........................................................................................... 215
Liczniki .................................................................................................................. 216
Cytaty ........................................................................................................................... 219
Rozdziaä 4. Poznaj mo liwo ci HTML5 i CSS3 na konkretnym przykäadzie ......... 221
Szkielet strony .............................................................................................................. 221
Obstylowanie ................................................................................................................ 224
Walidacja ...................................................................................................................... 228
Dodatek ....................................................................................... 233
Zestawienie znaczników HTML5 ................................................................................. 233
Standardowe atrybuty j zyka HTML5 .......................................................................... 251
Zestawienie wáa ciwo ci stylów CSS3 ......................................................................... 253
Wáa ciwo ci tekstu ................................................................................................. 253
Wáa ciwo ci czcionki ............................................................................................. 257
Wáa ciwo ci list ..................................................................................................... 258
Kolor i táo ............................................................................................................... 259
Marginesy ............................................................................................................... 261
Dopeánienie ............................................................................................................ 263
Obramowanie ......................................................................................................... 264
Wymiary ................................................................................................................. 270
Tabele ..................................................................................................................... 272
Pozycjonowanie elementów ................................................................................... 273
Efekty wizualne ...................................................................................................... 275
Drukowanie ............................................................................................................ 276
Interfejs u ytkownika ............................................................................................. 278
Zawarto ü generowana i liczniki ............................................................................ 279
Podsumowanie ............................................................................. 281
Skorowidz .................................................................................... 283
Zgłoś jeśli naruszono regulamin