html, moje ebooki
[ Pobierz całość w formacie PDF ]
HTML, XHTML i CSS.
Praktyczne projekty
Włodzimierz Gajda
Autor: WĀodzimierz Gajda
ISBN: 83-246-0885-0
Format: B5, stron: okoĀo 500
Zawiera CD-ROM
i
Poznaj w praktyce zasady projektowania witryn WWW
Z jakich elementów składa się język HTML?
Jak osadzać na stronie WWW elementy graczne?
Jak rozbudować witrynę WWW?
Poznaj w praktyce zasady projektowania witryn WWW
¤
Z jakich elementw 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 dostawcw 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 elementw skĀada siķ jķzyk HTML i czym rŃni siķ od niego jķzyk XHTML.
Poznasz techniki formatowania tekstu i elementw graficznych za pomocĴ stylw CSS,
nauczysz siķ umieszczaě na stronie tabele, ĀĴcza, ramki i proste efekty specjalne.
Przeczytasz takŃe o planowaniu struktury witryny, korzystaniu z szablonw
i projektowaniu stron WWW tak, aby mogĀy korzystaě z nich osoby niepeĀnosprawne.
¤
SkĀadnia jķzyka XHTML
¤
Kaskadowe arkusze stylw
¤
Definiowanie krojw czcionek dla tekstw
¤
Elementy blokowe i tekstowe
¤
Tabele i listy
¤
Tworzenie ĀĴczy pomiķdzy stronami
¤
Definiowanie tĀa dokumentu
¤
Efekty specjalne
¤
Projektowanie struktury witryny
PokaŃ siķ w sieci. Stwrz wĀasnĴ witrynķ WWW!
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
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
Rozdział 2. Składnia języka XHTML .................................................................. 19
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ł 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
Rozdział 12. Rodzaje czcionek ......................................................................... 133
Czcionki szeryfowe i bezszeryfowe .............................................................................. 133
Czcionki proporcjonalne i nieproporcjonalne ............................................................... 134
Inne podziały czcionek .................................................................................................. 135
Testowanie czcionek ...................................................................................................... 137
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 ...................................................................................................................... 178
Układ nr 2 ...................................................................................................................... 179
Układ nr 3 ...................................................................................................................... 180
Układ nr 4 ...................................................................................................................... 182
Układ nr 5 ...................................................................................................................... 183
Układ nr 6 ...................................................................................................................... 185
Układ nr 7 ...................................................................................................................... 186
Układ nr 8 ...................................................................................................................... 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
[ Pobierz całość w formacie PDF ]