HTML_XHTML_i_CSS_Praktyczne_projekty_Wydanie_II_htxpp2.pdf

(316 KB) Pobierz
1097886539.012.png
HTML, XHTML i CSS.
Praktyczne projekty.
Wydanie II
Idź do
• Spis treści
• Skorowidz
ISBN: 978-83-246-3049-3
Format: 158×235, stron: 512
Katalog książek
Zostań świetnym webmasterem!
• Podstawy i rozróżnienia, czyli czym różni się HTML od XHTML i co to jest CSS
• Standardy i zasady, czyli o czym pamiętać przy projektowaniu strony internetowej
• Czcionki i układy stron, czyli jak stworzyć znakomity projekt i szablon strony WWW
O projektowaniu stron internetowych napisano zapewne grube tysiące książek. Ta dziedzina
zmienia się jednak na tyle szybko, a profesjonalnych projektantów, mających dużą wiedzę
i obdarzonych umiejętnością jej przekazania, jest na tyle mało, że warto skorzystać z ich
doświadczeń. Zwłaszcza, jeśli niezbędne wiadomości podane są w formie praktycznych
przykładów, a dotyczą tak istotnych kwestii, jak używanie języków HTML i XHTML oraz
kaskadowych arkuszy stylów, zgodność stron z obowiązującymi standardami, komponowanie
układu serwisu WWW i tworzenie jego zawartości.
Drugie wydanie książki „HTML, XHTML i CSS. Praktyczne projekty” pozwoli Ci od podszewki poznać
tajniki projektowania naprawdę przemyślanych stron internetowych, uwzględniających potrzeby
ich użytkowników. Dowiesz się, jak zachować poprawność składniową XHTML i CSS. Poznasz
semantykę kodu XHTML i opanujesz metodologię pracy zgodnej ze standardami. Zrozumiesz,
dlaczego ważne jest zapewnienie dostępności Twoich stron dla osób niepełnosprawnych i co
zrobić, by wyszukiwarki mogły bez trudu przeanalizować oraz zaklasykować zawartość serwisu.
Nauczysz się wybierać czcionki, tło, projektować wygodny interfejs i poszczególne fragmenty
strony, a także zapisywać szczególnie udane projekty w formie szablonów.
• Składnia i poprawność języka XHTML
• Znaki diakrytyczne i oznaczanie języka dokumentu
• Praca w trybie standardów
• Podstawowe elementy XHTML
• Kaskadowe arkusze stylów – składnia i właściwości
• Klasy i identykatory, rodzaje czcionek
• Wszystkie atrybuty CSS 2.1 dotyczące czcionek i tekstu
• Elementy blokowe, liniowe i pływające
• Obszar zajmowany przez element i metody pozycjonowania elementów blokowych
• Układy stałej szerokości, płynne i hybrydowe
• Tekst, listy, tabele, odsyłacze i pozostałe elementy XHTML
• Właściwości CSS dotyczące tła i przyciski rollover w CSS
• Struktura funkcjonalna witryny, kolejność elementów w kodzie XHTML i atrybuty XHTML
• Formularze i powiązania dokumentów
• Element meta – dodatkowe informacje na temat strony WWW
• Dostępność strony WWW
• Semantyczny XHTML
Wykorzystaj swoją kreatywność, tworząc zachwycające strony WWW!
Twój koszyk
Cennik i informacje
o nowościach
Czytelnia
• Fragmenty książek
online
Kontakt
Helion SA
ul. Kościuszki 1c
44-100 Gliwice
tel. 32 230 98 63
© Helion 1991–2011
1097886539.013.png 1097886539.014.png 1097886539.015.png 1097886539.001.png 1097886539.002.png 1097886539.003.png 1097886539.004.png 1097886539.005.png 1097886539.006.png 1097886539.007.png 1097886539.008.png 1097886539.009.png 1097886539.010.png 1097886539.011.png
 
Spis treci
Cz I Elementarz ...................................................................... 11
Rozdzia 1. Wprowadzenie ................................................................................................13
Dla kogo jest ta ksika? ................................................................................................................... 13
Jak czyta t ksik? ........................................................................................................................ 14
Warsztat pracy ................................................................................................................................... 14
Firefox ............................................................................................................................................... 16
Testowanie stron WWW ................................................................................................................... 16
Edycja kodu XHTML ....................................................................................................................... 17
Rozdzia 2. Skadnia jzyka XHTML ...................................................................................21
Znaczniki i elementy ......................................................................................................................... 21
Wszystkie elementy jzyka XHTML ................................................................................................22
Elementy puste i niepuste .................................................................................................................. 22
Znaczniki wymagane i opcjonalne oraz elementy puste .................................................................... 23
Wielko liter w nazwach znaczników .............................................................................................. 24
Biae znaki wewntrz znaczników .................................................................................................... 24
Biae znaki w treci elementów ......................................................................................................... 25
Zagniedanie elementów ................................................................................................................. 25
Znaki specjalne ................................................................................................................................. 26
Atrybuty znaczników ........................................................................................................................ 28
Biae znaki w wartociach atrybutów ................................................................................................ 30
Atrybuty logiczne, wyliczeniowe i inne ............................................................................................ 30
Komentarze w XHTML .................................................................................................................... 32
Struktura dokumentu HTML ............................................................................................................. 33
Pierwsza strona WWW ..................................................................................................................... 34
Rozdzia 3. Znaki diakrytyczne i oznaczanie jzyka dokumentu ..........................................37
Polskie znaki diakrytyczne ................................................................................................................ 37
Metody kodowania polskich znaków diakrytycznych ....................................................................... 37
Fizyczne kodowanie pliku ................................................................................................................. 38
Element meta ustalajcy kodowanie dokumentu XHTML ................................................................ 39
Pangramy .......................................................................................................................................... 40
Atrybuty lang oraz xml:lang .............................................................................................................. 41
Szablony pustych polskich stron WWW ........................................................................................... 42
Znaki diakrytyczne w postaci encji ................................................................................................... 42
Kodowanie stron zawierajcych teksty w kilku jzykach ................................................................. 43
Jakiego kodowania uywa? ............................................................................................................. 47
Bdne wywietlanie polskich znaków diakrytycznych .................................................................... 47
wiczenia .......................................................................................................................................... 48
 
4
Spis treci
Rozdzia 4. XHTML poprawny skadniowo ..........................................................................53
Czy poprawno skadniowa jest wana? ..........................................................................................53
Obecny stan internetu ........................................................................................................................ 54
Metody sprawdzania poprawnoci skadniowej ................................................................................ 54
Rozdzia 5. Praca w trybie standardów ..............................................................................61
Quirks mode i standard mode — dwa tryby pracy przegldarek internetowych ............................... 61
Problemy z trybami pracy ................................................................................................................. 62
Które przegldarki maj tryb standardów? ........................................................................................ 62
Jak sprawdzi tryb pracy przegldarki? ............................................................................................. 63
W jaki sposób przegldarka wybiera tryb pracy? .............................................................................. 65
Bdne wywietlanie witryny wynikajce z przeczenia trybu pracy przegldarki .......................... 66
Stosuj DOCTYPE jzyka XHTML 1.0 strict .................................................................................... 69
Rozdzia 6. Podstawowe elementy XHTML ........................................................................71
Akapit ................................................................................................................................................ 71
Dzielenie wyrazów ............................................................................................................................ 76
Zakaz amania wiersza ...................................................................................................................... 77
Zamanie wiersza .............................................................................................................................. 78
Znaki interpunkcyjne ........................................................................................................................ 80
Nagówki ........................................................................................................................................... 80
Wyrónianie tekstu ............................................................................................................................ 83
Tekst preformatowany ...................................................................................................................... 85
Indeksy dolny i górny ........................................................................................................................ 86
Linia pozioma ................................................................................................................................... 87
Popularne znaki specjalne ................................................................................................................. 88
Zestawienie ....................................................................................................................................... 88
Rozdzia 7. Kaskadowe arkusze stylów .............................................................................91
Struktura a wygld dokumentów HTML ........................................................................................... 91
Doczanie stylów do dokumentu ..................................................................................................... 91
Style zewntrzne ......................................................................................................................... 91
Style wewntrzne ........................................................................................................................ 92
Atrybut style ............................................................................................................................... 93
Domylny jzyk stylów ..................................................................................................................... 94
Ujmowanie stylów wewntrznych w komentarz ............................................................................... 95
Rozdzia 8. Skadnia kaskadowych arkuszy stylów ............................................................97
Terminologia ..................................................................................................................................... 97
Wielko liter w selektorach ............................................................................................................. 98
Wielko liter w nazwach i wartociach waciwoci ....................................................................... 99
Biae znaki ........................................................................................................................................ 99
Komentarze ..................................................................................................................................... 100
Formatowanie kodu CSS ................................................................................................................. 100
Rozdzia 9. Przykadowe waciwoci CSS .......................................................................103
Czcionki .......................................................................................................................................... 103
Wysoko wiersza tekstu ................................................................................................................ 104
Wyrównanie poziome tekstu ........................................................................................................... 105
Marginesy ....................................................................................................................................... 105
Kolory ............................................................................................................................................. 106
Obramowanie .................................................................................................................................. 108
XHTML — struktura, CSS — wygld ............................................................................................ 109
Zestawienie sumaryczne ................................................................................................................. 109
Rozdzia 10. Klasy i identyfikatory ..................................................................................111
Atrybut class ................................................................................................................................... 111
Selektory dotyczce klas ................................................................................................................. 112
Spis treci
5
Stosowanie klas ............................................................................................................................... 112
Atrybut id ........................................................................................................................................ 113
Selektory dotyczce identyfikatorów .............................................................................................. 113
Stosowanie identyfikatorów ............................................................................................................ 114
Walka z classitis: selektory potomne .............................................................................................. 115
Rozdzia 11. Projekty .....................................................................................................119
Cz II Czcionki na stronach WWW ........................................... 127
Rozdzia 12. Rodzaje czcionek ........................................................................................129
Czcionki szeryfowe i bezszeryfowe ................................................................................................ 129
Czcionki proporcjonalne i nieproporcjonalne ................................................................................. 130
Inne podziay czcionek .................................................................................................................... 131
Testowanie czcionek ....................................................................................................................... 133
Rozdzia 13. Czcionki dla webmastera ............................................................................135
Core fonts for the Web .................................................................................................................... 138
Czcionki dostpne na rónych platformach ..................................................................................... 138
Definiowanie kroju czcionki ........................................................................................................... 139
Osadzanie czcionek na stronach WWW .......................................................................................... 141
Google Fonts ................................................................................................................................... 143
Rozdzia 14. Wszystkie waciwoci CSS 2.1 dotyczce czcionek i tekstu .......................145
font-family ...................................................................................................................................... 145
font-size ........................................................................................................................................... 146
font-style ......................................................................................................................................... 148
font-weight ...................................................................................................................................... 148
font-variant ...................................................................................................................................... 148
font .................................................................................................................................................. 148
text-align ......................................................................................................................................... 149
text-decoration ................................................................................................................................ 149
text-indent ....................................................................................................................................... 149
text-transform .................................................................................................................................. 150
word-spacing ................................................................................................................................... 150
letter-spacing ................................................................................................................................... 150
white-space ..................................................................................................................................... 150
line-height ....................................................................................................................................... 151
Rozdzia 15. Projekty .....................................................................................................153
Cz III Ukad strony ................................................................ 159
Rozdzia 16. Elementy blokowe i liniowe .........................................................................161
Elementy blokowe i liniowe — definicja skadniowa ..................................................................... 161
Elementy blokowe i liniowe — definicja prezentacyjna ................................................................. 165
Który ze sposobów definiowania elementów blokowych i liniowych jest lepszy i dlaczego? ........ 167
Elementy ogólne div i span ............................................................................................................. 168
Uywanie elementów div i span w poczeniu z klasami i identyfikatorami .................................. 169
Typowy przykad uycia elementów div ......................................................................................... 170
Domylny format wizualny elementów blokowych i liniowych ..................................................... 171
Rozdzia 17. Obszar zajmowany przez element .................................................................175
Waciwo display ......................................................................................................................... 179
Wyrodkowanie elementu blokowego ............................................................................................ 180
czenie marginesów pionowych ................................................................................................... 183
Wymiary minimalne i maksymalne ................................................................................................. 184
Zgłoś jeśli naruszono regulamin