HTML5 i CSS3 Praktyczne projekty.pdf

(526 KB) Pobierz
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości
lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione.
Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie
książki na nośniku filmowym, magnetycznym lub innym powoduje naruszenie
praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi
bądź towarowymi ich właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte
w tej książce informacje były kompletne i rzetelne. Nie biorą jednak żadnej
odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne
naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION
nie ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe
z wykorzystania informacji zawartych w książce.
Redaktor prowadzący: Ewelina Burska
Projekt okładki: Studio Gravite/Olsztyn
Obarek, Pokoński, Pazdrijowski, Zaprucki
Materiały graficzne na okładce: C maxkabakov, Fotolia.com
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail: helion@helion.pl
WWW: http://helion.pl (księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie?htcspp
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
ISBN: 978-83-246-3050-9
Copyright © Helion 2013
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis tre ci
Rozdziaä 1. Wprowadzenie ................................................................................ 11
Dla kogo jest ta ksi ka? ................................................................................................ 11
Jak czytaü t ksi k ? ..................................................................................................... 12
Warsztat pracy ................................................................................................................ 12
Firefox ............................................................................................................................ 14
Testowanie stron WWW ................................................................................................. 15
Czö è I
Elementarz HTML5 ....................................................... 17
Znaczniki i elementy HTML5 ........................................................................................ 20
Wszystkie elementy j zyka HTML5 .............................................................................. 21
Struktura dokumentu HTML5 ........................................................................................ 22
Pierwsza strona WWW ................................................................................................... 23
Analiza strony przy u yciu wtyczki Firebug .................................................................. 24
Specyfikacja j zyka HTML5 .......................................................................................... 25
Rozdziaä 2. Jözyki znaczników .......................................................................... 19
Rozdziaä 3. Skäadnia jözyka HTML5 .................................................................. 27
Znaczniki otwieraj ce i zamykaj ce ............................................................................... 27
Opcjonalne znaczniki otwieraj ce .................................................................................. 29
Elementy puste i niepuste ............................................................................................... 29
Wielko ü liter w nazwach znaczników ........................................................................... 30
Biaáe znaki wewn trz znaczników .................................................................................. 31
Biaáe znaki w tre ci elementów ...................................................................................... 31
Zagnie d anie elementów .............................................................................................. 32
Znaki specjalne ............................................................................................................... 33
Atrybuty znaczników ...................................................................................................... 35
Atrybuty logiczne ........................................................................................................... 37
Komentarze .................................................................................................................... 38
Rozdziaä 4. Znaki diakrytyczne i oznaczanie jözyka dokumentu .......................... 39
Polskie znaki diakrytyczne ............................................................................................. 39
Metody kodowania polskich znaków diakrytycznych .................................................... 40
Fizyczne kodowanie pliku .............................................................................................. 41
Element meta ustalaj cy kodowanie dokumentu HTML5 .............................................. 41
Pangramy ........................................................................................................................ 43
Atrybut lang .................................................................................................................... 43
Szablony pustych polskich stron WWW ........................................................................ 44
Kup książkę
Poleć książkę
4
HTML5 i CSS3. Praktyczne projekty
Znaki diakrytyczne w postaci encji ................................................................................ 45
Kodowanie stron zawieraj cych teksty w kilku j zykach ............................................... 46
Jakiego kodowania u ywaü? ........................................................................................... 48
Bá dne wy wietlanie polskich znaków diakrytycznych .................................................. 48
Rozdziaä 5. HTML5 poprawny skäadniowo .......................................................... 55
Czy poprawno ü skáadniowa jest wa na? ....................................................................... 55
Metody sprawdzania poprawno ci skáadniowej ............................................................. 56
Rozdziaä 6. Praca w trybie standardów ............................................................. 61
Quirks mode i standard mode — dwa tryby pracy przegl darek internetowych ............. 61
Problemy z trybami pracy ............................................................................................... 62
Które przegl darki maj tryb standardów? ..................................................................... 63
Jak sprawdziü tryb pracy przegl darki? .......................................................................... 63
W jaki sposób przegl darka wybiera tryb pracy? ........................................................... 67
Bá dne wy wietlanie witryny wynikaj ce z przeá czenia trybu pracy przegl darki ....... 69
Stosuj DOCTYPE j zyka HTML5 ................................................................................. 72
Rozdziaä 7. Podstawowe elementy HTML .......................................................... 75
Akapit ............................................................................................................................. 75
Dzielenie wyrazów ......................................................................................................... 81
Zakaz áamania wiersza .................................................................................................... 82
Záamanie wiersza ............................................................................................................ 83
Znaki interpunkcyjne ...................................................................................................... 85
Nagáówki ........................................................................................................................ 85
Wyró nianie tekstu ......................................................................................................... 89
Popularne znaki specjalne .............................................................................................. 90
Zestawienie ..................................................................................................................... 92
Rozdziaä 8. Podsumowanie czö ci pierwszej ...................................................... 93
Projekt 8.1. Zadania dla czwartoklasistów ..................................................................... 94
Projekt 8.2. Zadania tekstowe z odpowiedziami ............................................................. 94
Projekt 8.3. Kolokwium z PHP ....................................................................................... 95
Projekt 8.4. Adam Mickiewicz: Oda do máodo ci .......................................................... 96
Projekt 8.5. Adam Mickiewicz: Wiersze ........................................................................ 96
Czö è II
Elementarz CSS ........................................................... 99
Doá czanie stylów do dokumentu ................................................................................. 101
Domy lny j zyk stylów ................................................................................................ 105
Ujmowanie stylów wewn trznych w komentarz .......................................................... 106
Kolejno ü stosowania stylów ........................................................................................ 107
Rozdziaä 9. Struktura a wyglñd dokumentów HTML ......................................... 101
Rozdziaä 10. Skäadnia kaskadowych arkuszy stylów .......................................... 109
Terminologia ................................................................................................................ 109
Wielko ü liter w selektorach ......................................................................................... 110
Wielko ü liter w nazwach i warto ciach wáa ciwo ci ................................................... 111
Biaáe znaki .................................................................................................................... 111
Komentarze .................................................................................................................. 112
Formatowanie kodu CSS .............................................................................................. 113
Rozdziaä 11. Przykäadowe wäa ciwo ci CSS ...................................................... 115
Czcionki ....................................................................................................................... 115
Wysoko ü wiersza tekstu .............................................................................................. 117
Wyrównanie poziome tekstu ........................................................................................ 117
Kup książkę
Poleć książkę
Spis tre ci
5
Marginesy ..................................................................................................................... 118
Kolory ........................................................................................................................... 119
Obramowanie ............................................................................................................... 121
HTML — struktura, CSS — wygl d ............................................................................ 122
Zestawienie sumaryczne ............................................................................................... 122
Rozdziaä 12. Klasy i identyfikatory .................................................................... 125
Atrybut class ................................................................................................................. 125
Selektory dotycz ce klas .............................................................................................. 126
Atrybut id ..................................................................................................................... 127
Selektory dotycz ce identyfikatorów ............................................................................ 128
Stosowanie identyfikatorów ......................................................................................... 128
Walka z classitis: selektory potomne ............................................................................ 129
Rozdziaä 13. Podsumowanie czö ci drugiej ....................................................... 133
Projekt 13.1. Cyprian Kamil Norwid: Moja piosnka .................................................... 133
Projekt 13.2. Charles Dickens: A Christmas Carol ....................................................... 134
Projekt 13.3. Jack London: The Call of The Wild ........................................................ 135
Projekt 13.4. Ignacy Krasicki: Bajki ............................................................................. 137
Czö è III Elementy i znaczniki HTML5 ....................................... 139
Rozdziaä 14. Tekst ........................................................................................... 141
Element p ...................................................................................................................... 141
Elementy br i wbr ......................................................................................................... 142
Tekst preformatowany .................................................................................................. 143
Elementy frazowe ......................................................................................................... 144
Cytaty ........................................................................................................................... 150
Rozdziaä 15. Listy ............................................................................................ 153
Wypunktowanie ............................................................................................................ 153
Numerowanie ............................................................................................................... 154
Lista definicji ................................................................................................................ 155
Zagnie d anie list ......................................................................................................... 156
Wáa ciwo ci CSS list .................................................................................................... 157
Rozdziaä 16. Elementy img, figure i figcaption .................................................. 163
Pliki graficzne ............................................................................................................... 164
Skáadnia elementu img ................................................................................................. 164
Wymiary obrazów ........................................................................................................ 166
Obrazy nieprostok tne .................................................................................................. 169
Animacje ...................................................................................................................... 172
Opáywanie .................................................................................................................... 174
Dlaczego elementy páywaj ce maj wysoko ü 0? ........................................................ 176
Osadzanie obrazów w kodzie HTML ........................................................................... 177
Elementy figure i figcaption ......................................................................................... 180
Rozdziaä 17. Tabele ......................................................................................... 183
Obramowanie i á czenie obramowania ......................................................................... 184
Podstawowe formatowanie komórek i caáych tabel ...................................................... 187
Nagáówki kolumn i nagáówki wierszy .......................................................................... 189
Podpis tabeli ................................................................................................................. 191
Tabele regularne i nieregularne .................................................................................... 192
Nagáówek, stopka i tre ü tabeli ..................................................................................... 194
Kolumny tabeli ............................................................................................................. 198
Tabele HTML — podsumowanie ................................................................................. 201
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin