Włodzimierz Gajda html,-xhtml-i-css.-praktyczne-projekty full version.pdf

(8705 KB) Pobierz
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
756508972.051.png 756508972.062.png 756508972.072.png 756508972.073.png 756508972.001.png 756508972.002.png 756508972.003.png 756508972.004.png 756508972.005.png 756508972.006.png 756508972.007.png 756508972.008.png 756508972.009.png 756508972.010.png 756508972.011.png 756508972.012.png 756508972.013.png 756508972.014.png 756508972.015.png 756508972.016.png 756508972.017.png 756508972.018.png 756508972.019.png 756508972.020.png 756508972.021.png 756508972.022.png 756508972.023.png 756508972.024.png 756508972.025.png 756508972.026.png 756508972.027.png 756508972.028.png 756508972.029.png 756508972.030.png 756508972.031.png 756508972.032.png 756508972.033.png 756508972.034.png 756508972.035.png 756508972.036.png 756508972.037.png 756508972.038.png 756508972.039.png 756508972.040.png 756508972.041.png 756508972.042.png 756508972.043.png 756508972.044.png 756508972.045.png 756508972.046.png 756508972.047.png 756508972.048.png 756508972.049.png 756508972.050.png 756508972.052.png 756508972.053.png 756508972.054.png 756508972.055.png 756508972.056.png 756508972.057.png 756508972.058.png 756508972.059.png 756508972.060.png 756508972.061.png 756508972.063.png 756508972.064.png 756508972.065.png 756508972.066.png 756508972.067.png 756508972.068.png 756508972.069.png 756508972.070.png 756508972.071.png
 
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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin