HTML_XHTML_i_CSS_Praktyczne_projekty_Wydanie_II_htxpp2.pdf

(297 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
HTML, XHTML i CSS.
Praktyczne projekty.
Wydanie II
Autor:
Włodzimierz Gajda
ISBN: 978-83-246-3049-3
Format: 158×235, stron: 512
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 zaklasyfikować 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 identyfikatory, 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!
Kontakt
Helion SA
ul. Kościuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
© Helion 1991–2011
Spis tre ci
Czö è I Elementarz ...................................................................... 11
Rozdziaä 1. Wprowadzenie ................................................................................................13
Dla kogo jest ta ksi ka? ................................................................................................................... 13
Jak czytaü t ksi k ? ........................................................................................................................ 14
Warsztat pracy ................................................................................................................................... 14
Firefox ............................................................................................................................................... 16
Testowanie stron WWW ................................................................................................................... 16
Edycja kodu XHTML ....................................................................................................................... 17
Rozdziaä 2. Skäadnia jözyka XHTML ...................................................................................21
Znaczniki i elementy ......................................................................................................................... 21
Wszystkie elementy j zyka XHTML ................................................................................................ 22
Elementy puste i niepuste .................................................................................................................. 22
Znaczniki wymagane i opcjonalne oraz elementy puste .................................................................... 23
Wielko ü liter w nazwach znaczników .............................................................................................. 24
Biaáe znaki wewn trz znaczników .................................................................................................... 24
Biaáe znaki w tre ci elementów ......................................................................................................... 25
Zagnie d anie elementów ................................................................................................................. 25
Znaki specjalne ................................................................................................................................. 26
Atrybuty znaczników ........................................................................................................................ 28
Biaáe znaki w warto ciach 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 jözyka dokumentu ..........................................37
Polskie znaki diakrytyczne ................................................................................................................ 37
Metody kodowania polskich znaków diakrytycznych ....................................................................... 37
Fizyczne kodowanie pliku ................................................................................................................. 38
Element meta ustalaj cy 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 zawieraj cych teksty w kilku j zykach ................................................................. 43
Jakiego kodowania u ywaü? ............................................................................................................. 47
Bá dne wy wietlanie polskich znaków diakrytycznych .................................................................... 47
ûwiczenia .......................................................................................................................................... 48
4
Spis tre ci
Rozdziaä 4. XHTML poprawny skäadniowo ..........................................................................53
Czy poprawno ü skáadniowa jest wa na? .......................................................................................... 53
Obecny stan internetu ........................................................................................................................ 54
Metody sprawdzania poprawno ci skáadniowej ................................................................................ 54
Rozdziaä 5. 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? ........................................................................................ 62
Jak sprawdziü tryb pracy przegl darki? ............................................................................................. 63
W jaki sposób przegl darka wybiera tryb pracy? .............................................................................. 65
Bá dne wy wietlanie witryny wynikaj ce z przeá czenia trybu pracy przegl darki .......................... 66
Stosuj DOCTYPE j zyka XHTML 1.0 strict .................................................................................... 69
Rozdziaä 6. Podstawowe elementy XHTML ........................................................................71
Akapit ................................................................................................................................................ 71
Dzielenie wyrazów ............................................................................................................................ 76
Zakaz áamania wiersza ...................................................................................................................... 77
Záamanie 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 wygl d dokumentów HTML ........................................................................................... 91
Doá czanie stylów do dokumentu ..................................................................................................... 91
Style zewn trzne ......................................................................................................................... 91
Style wewn trzne ........................................................................................................................ 92
Atrybut style ............................................................................................................................... 93
Domy lny j zyk stylów ..................................................................................................................... 94
Ujmowanie stylów wewn trznych w komentarz ............................................................................... 95
Rozdziaä 8. Skäadnia kaskadowych arkuszy stylów ............................................................97
Terminologia ..................................................................................................................................... 97
Wielko ü liter w selektorach ............................................................................................................. 98
Wielko ü liter w nazwach i warto ciach wáa ciwo ci ....................................................................... 99
Biaáe znaki ........................................................................................................................................ 99
Komentarze ..................................................................................................................................... 100
Formatowanie kodu CSS ................................................................................................................. 100
Rozdziaä 9. Przykäadowe wäa ciwo ci CSS .......................................................................103
Czcionki .......................................................................................................................................... 103
Wysoko ü wiersza tekstu ................................................................................................................ 104
Wyrównanie poziome tekstu ........................................................................................................... 105
Marginesy ....................................................................................................................................... 105
Kolory ............................................................................................................................................. 106
Obramowanie .................................................................................................................................. 108
XHTML — struktura, CSS — wygl d ............................................................................................ 109
Zestawienie sumaryczne ................................................................................................................. 109
Rozdziaä 10. Klasy i identyfikatory ..................................................................................111
Atrybut class ................................................................................................................................... 111
Selektory dotycz ce klas ................................................................................................................. 112
Spis tre ci
5
Stosowanie klas ............................................................................................................................... 112
Atrybut id ........................................................................................................................................ 113
Selektory dotycz ce 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 podziaáy czcionek .................................................................................................................... 131
Testowanie czcionek ....................................................................................................................... 133
Rozdziaä 13. Czcionki dla webmastera ............................................................................135
Core fonts for the Web .................................................................................................................... 138
Czcionki dost pne na ró nych platformach ..................................................................................... 138
Definiowanie kroju czcionki ........................................................................................................... 139
Osadzanie czcionek na stronach WWW .......................................................................................... 141
Google Fonts ................................................................................................................................... 143
Rozdziaä 14. Wszystkie wäa ciwo ci CSS 2.1 dotyczñce 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 Ukäad strony ................................................................ 159
Rozdziaä 16. Elementy blokowe i liniowe .........................................................................161
Elementy blokowe i liniowe — definicja skáadniowa ..................................................................... 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
U ywanie elementów div i span w poá czeniu z klasami i identyfikatorami .................................. 169
Typowy przykáad u ycia elementów div ......................................................................................... 170
Domy lny format wizualny elementów blokowych i liniowych ..................................................... 171
Rozdziaä 17. Obszar zajmowany przez element .................................................................175
Wáa ciwo ü display ......................................................................................................................... 179
Wy rodkowanie elementu blokowego ............................................................................................ 180
à czenie marginesów pionowych ................................................................................................... 183
Wymiary minimalne i maksymalne ................................................................................................. 184

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin