HTML_XHTML_i_CSS_Praktyczne_projekty_htxcsp.pdf

(380 KB) Pobierz
HTML, XHTML i CSS.
Praktyczne projekty
Autor: W³odzimierz Gajda
ISBN: 83-246-0885-0
Format: B5, stron: oko³o 500
Zawiera CD-ROM
Włodzimierz Gajda
i
Poznaj w praktyce zasady projektowania witryn WWW
Z jakich elementów składa się język HTML?
Jak osadzać na stronie WWW elementy graficzne?
Jak rozbudować witrynę WWW?
Poznaj w praktyce zasady projektowania witryn WWW
•
Z jakich elementów sk³ada siê jêzyk HTML?
•
Jak osadzaæ na stronie WWW elementy graficzne?
•
Jak rozbudowaæ witrynê WWW?
Internet rozwija siê w niesamowitym tempie. Ka¿dego dnia pojawiaj¹ siê nowe strony
WWW. W³asne
„miejsce”
w sieci dawno ju¿ przesta³o byæ ekstrawagancj¹. Dziœ serwis
internetowy jest wyznacznikiem nowoczesnego przedsiêbiorstwa i organizacji,
miejscem, gdzie prezentuje siê swoj¹ ofertê, zdjêcia, dzieli opiniami dotycz¹cymi
otaczaj¹cego nas œwiata, uczestniczy w dyskusjach i robi zakupy. Stworzenie w³asnej
witryny WWW wbrew pozorom nie jest spraw¹ bardzo skomplikowan¹. Gotowe kreatory
i szablony dostêpne u dostawców us³ug internetowych znacznie to u³atwiaj¹, jednak
prawdziw¹ kontrolê nad wygl¹dem i funkcjonalnoœci¹ strony internetowej uzyskamy
tylko dziêki w³asnorêcznemu jej utworzeniu. W tym celu niezbêdne jest jednak
opanowanie podstawowego
„budulca”
witryn WWW – jêzyka HTML i technologii CSS.
Czytaj¹c ksi¹¿kê
„HTML,
XHTML oraz CSS. Praktyczne projekty”, opanujesz
zagadnienia zwi¹zane z projektowaniem witryny WWW od strony praktycznej. Dowiesz
siê, z jakich elementów sk³ada siê jêzyk HTML i czym ró¿ni siê od niego jêzyk XHTML.
Poznasz techniki formatowania tekstu i elementów graficznych za pomoc¹ stylów CSS,
nauczysz siê umieszczaæ na stronie tabele, ³¹cza, ramki i proste efekty specjalne.
Przeczytasz tak¿e o planowaniu struktury witryny, korzystaniu z szablonów
i projektowaniu stron WWW tak, aby mog³y korzystaæ z nich osoby niepe³nosprawne.
•
Sk³adnia jêzyka XHTML
•
Kaskadowe arkusze stylów
•
Definiowanie krojów czcionek dla tekstów
•
Elementy blokowe i tekstowe
•
Tabele i listy
•
Tworzenie ³¹czy pomiêdzy stronami
•
Definiowanie t³a dokumentu
•
Efekty specjalne
•
Projektowanie struktury witryny
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Poka¿ siê w sieci. Stwórz w³asn¹ witrynê WWW!
PRAKTYCZNE PROJEKTY
Spis treści
Rozdział 1. Wprowadzenie ................................................................................ 13
Dla kogo jest ta książka? ................................................................................................. 13
Jak czytać tę książkę? ...................................................................................................... 14
Testowanie stron WWW ................................................................................................. 14
Edycja kodu XHTML ...................................................................................................... 15
Część I
Elementarz ................................................................... 17
Znaczniki i elementy ....................................................................................................... 19
Wszystkie elementy języka XHTML .............................................................................. 20
Elementy puste i niepuste ................................................................................................ 20
Znaczniki wymagane, opcjonalne oraz elementy puste .................................................. 22
Wielkość liter w nazwach znaczników ............................................................................ 23
Białe znaki wewnątrz znaczników .................................................................................. 23
Białe znaki w treści elementów ....................................................................................... 24
Zagnieżdżanie elementów ............................................................................................... 24
Znaki specjalne ................................................................................................................ 25
Atrybuty znaczników ....................................................................................................... 27
Atrybuty logiczne, wyliczeniowe i inne .......................................................................... 30
Komentarze w XHTML ................................................................................................... 32
Struktura dokumentu HTML ........................................................................................... 32
Pierwsza strona WWW .................................................................................................... 33
Rozdział 2. Składnia języka XHTML .................................................................. 19
Rozdział 3. Znaki diakrytyczne i oznaczanie języka dokumentu .......................... 37
Polskie znaki diakrytyczne .............................................................................................. 37
Metody kodowania polskich znaków diakrytycznych ..................................................... 38
Fizyczne kodowanie pliku ............................................................................................... 38
Element meta ustalający kodowanie dokumentu XHTML ............................................. 40
Pangramy ......................................................................................................................... 41
Atrybut lang ..................................................................................................................... 42
Szablony pustych polskich stron WWW ......................................................................... 43
Znaki diakrytyczne w postaci encji ................................................................................. 44
Kodowanie stron zawierających teksty w kilku językach ............................................... 44
Jakiego kodowania używać? ........................................................................................... 45
Błędne wyświetlanie polskich znaków diakrytycznych .................................................. 49
Ćwiczenia
........................................................................................................................ 49
4
HTML, XHTML oraz CSS. Praktyczne projekty
Rozdział 4. XHTML poprawny składniowo ......................................................... 55
Czy poprawność składniowa jest ważna? ........................................................................ 55
Obecny stan internetu ...................................................................................................... 56
Metody sprawdzania poprawności składniowej .............................................................. 56
Rozdział 5. Tryb standardów ............................................................................. 59
Quirks mode, standard mode — dwa tryby pracy przeglądarek internetowych ............. 59
Problemy z trybami pracy ................................................................................................ 60
Które przeglądarki mają tryb standardów? ...................................................................... 61
Jak stwierdzić tryb pracy przeglądarki? .......................................................................... 61
W jaki sposób przeglądarka wybiera tryb pracy? ............................................................ 63
Stosuj DOCTYPE języka XHTML 1.0 strict .................................................................. 64
Rozdział 6. Podstawowe elementy XHTML ........................................................ 67
Akapit .............................................................................................................................. 68
Dzielenie wyrazów .......................................................................................................... 73
Zakaz złamania wiersza ................................................................................................... 74
Złamanie wiersza ............................................................................................................. 76
Znaki interpunkcyjne ....................................................................................................... 78
Nagłówki ......................................................................................................................... 78
Wyróżnianie tekstu .......................................................................................................... 81
Tekst preformatowany ..................................................................................................... 83
Indeksy dolny i górny ...................................................................................................... 85
Linia pozioma .................................................................................................................. 86
Popularne znaki specjalne ............................................................................................... 87
Zestawienie ...................................................................................................................... 88
Rozdział 7. Kaskadowe arkusze stylów ............................................................. 89
Struktura a wygląd dokumentów HTML ......................................................................... 89
Dołączanie stylów do dokumentu .................................................................................... 90
Style zewnętrzne ....................................................................................................... 90
Style wewnętrzne ...................................................................................................... 91
Atrybut style .............................................................................................................. 92
Domyślny język stylów ................................................................................................... 94
Ujmowanie stylów wewnętrznych w komentarz HTML ................................................ 94
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
Rozdział 9. Przykładowe właściwości CSS ...................................................... 101
Czcionki ......................................................................................................................... 101
Wysokość wiersza tekstu ............................................................................................... 103
Wyrównanie poziome tekstu ......................................................................................... 103
Marginesy ...................................................................................................................... 104
Kolory ............................................................................................................................ 105
Obramowanie ................................................................................................................. 107
XHTML — struktura, CSS — wygląd .......................................................................... 108
Zestawienie sumaryczne ................................................................................................ 108
Rozdział 10. Klasy i identyfikatory .................................................................... 111
Atrybut class .................................................................................................................. 111
Selektory dotyczące klas ............................................................................................... 112
Spis treści
5
Stosowanie klas ............................................................................................................. 112
Atrybut id ....................................................................................................................... 114
Selektory dotyczące identyfikatorów ............................................................................ 114
Stosowanie identyfikatorów .......................................................................................... 115
Walka z classitis — selektory potomne ......................................................................... 116
Rozdział 11. Projekty ....................................................................................... 119
Projekt 11.1. Zadania dla czwartoklasistów .................................................................. 120
Projekt 11.2. Zadania tekstowe z odpowiedziami ......................................................... 120
Projekt 11.3. Kolokwium z PHP ................................................................................... 121
Projekt 11.4. Adam Mickiewicz: Oda do młodości ....................................................... 122
Projekt 11.5. Cyprian Kamil Norwid: Moja piosnka ..................................................... 123
Projekt 11.6. Charles Dickens: A Christmas Carol ....................................................... 124
Projekt 11.7. Jack London: The Call of The Wild ......................................................... 125
Projekt 11.8. Ignacy Krasicki: Bajki ............................................................................. 127
Projekt 11.9. Adam Mickiewicz: Wiersze ..................................................................... 128
Część II
Czcionki na stronach WWW ........................................ 131
Czcionki szeryfowe i bezszeryfowe .............................................................................. 133
Czcionki proporcjonalne i nieproporcjonalne ............................................................... 134
Inne podziały czcionek .................................................................................................. 135
Testowanie czcionek ...................................................................................................... 137
Rozdział 12. Rodzaje czcionek ......................................................................... 133
Rozdział 13. Czcionki dla webmastera .............................................................. 139
Ogród Zen CSS .............................................................................................................. 139
Core fonts for the Web .................................................................................................. 141
Czcionki dostępne na różnych platformach ................................................................... 141
Rozdział 14. Krój i rozmiar czcionki w CSS ....................................................... 143
Krój czcionki ................................................................................................................. 143
Wielkość czcionki w CSS .............................................................................................. 146
Rozdział 15. Wszystkie atrybuty CSS 2.1 dotyczące czcionek i tekstu .............. 149
font ................................................................................................................................. 150
font-family ..................................................................................................................... 151
font-size ......................................................................................................................... 151
font-style ........................................................................................................................ 153
font-weight ..................................................................................................................... 153
font-variant .................................................................................................................... 153
text-align ........................................................................................................................ 153
text-decoration ............................................................................................................... 154
text-indent ...................................................................................................................... 154
text-transform ................................................................................................................ 154
word-spacing ................................................................................................................. 155
letter-spacing ................................................................................................................. 155
white-space .................................................................................................................... 155
line-height ...................................................................................................................... 156
Rozdział 16. Projekty ....................................................................................... 157
Projekt 16.1. CSS — właściwości dotyczące czcionek i tekstu .................................... 157
Projekt 16.2. Specyfikacja aparatu fotograficznego Nikon D200 ................................. 159
Projekt 16.3. Jan Kochanowski: Treny .......................................................................... 160
Projekt 16.4. Adam Mickiewicz: Pan Tadeusz .............................................................. 161
6
HTML, XHTML oraz CSS. Praktyczne projekty
Część III Elementy blokowe, tekstowe i ich pudełka .................. 163
Rozdział 17. Elementy blokowe i liniowe ........................................................... 165
Elementy ogólne div i span ........................................................................................... 165
Użycie elementów div i span w połączeniu z klasami i identyfikatorami ..................... 166
Typowy przykład użycia elementów div ....................................................................... 167
Rozdział 18. Pudełka ....................................................................................... 169
Obszar, jaki zajmie pudełko .......................................................................................... 171
Wyśrodkowanie elementu blokowego ........................................................................... 173
Pudełka pływające (float) .............................................................................................. 174
Czyszczenie elementów pływających ........................................................................... 176
Rozdział 19. Proste układy stałej szerokości ..................................................... 177
Układ nr 1
Układ nr 2
Układ nr 3
Układ nr 4
Układ nr 5
Układ nr 6
Układ nr 7
Układ nr 8
...................................................................................................................... 178
...................................................................................................................... 179
...................................................................................................................... 180
...................................................................................................................... 182
...................................................................................................................... 183
...................................................................................................................... 185
...................................................................................................................... 186
...................................................................................................................... 188
Rozdział 20. Proste układy zmiennej szerokości ................................................ 191
Układ nr 9 ...................................................................................................................... 191
Układ nr 10 .................................................................................................................... 191
Układ nr 11 .................................................................................................................... 192
Układ nr 12 .................................................................................................................... 193
Układ nr 13 .................................................................................................................... 193
Układ nr 14 .................................................................................................................... 194
Układ nr 15 .................................................................................................................... 195
Układ nr 16 .................................................................................................................... 195
Rozdział 21. Projekty ....................................................................................... 197
Projekt 21.1. Maria Konopnicka: Miłosierdzie gminy .................................................. 197
Projekt 21.2. Leopold Staff: Pierwsza przechadzka ...................................................... 199
Projekt 21.3. Sławomir Mrożek: Słoń ........................................................................... 200
Projekt 21.4. Stefan
Żeromski:
Rozdzióbią nas kruki, wrony ....................................... 201
Projekt 21.5. Bolesław Prus: Katarynka .......................................................................... 203
Projekt 21.6. Planety układu słonecznego ..................................................................... 205
Projekt 21.7. Funkcje file, count, explode oraz trim,
czyli krojenie plików tekstowych w PHP ..................................................................... 206
Część IV Elementy XHTML ........................................................ 209
Rozdział 22. Tekst ........................................................................................... 211
Elementy frazowe .......................................................................................................... 211
Trudne wybory .............................................................................................................. 214
Cytaty ............................................................................................................................. 214
Tekst na stronach WWW — podsumowanie ................................................................ 217
Rozdział 23. Listy ............................................................................................ 219
Wypunktowanie ............................................................................................................. 219
Numerowanie ................................................................................................................. 220
Lista definicji ................................................................................................................. 221
Zagnieżdżanie list .......................................................................................................... 222

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin