tworzenie-stron-www.-praktyczny-kurs cała książka.pdf

(20109 KB) Pobierz
Tworzenie stron WWW.
Praktyczny kurs
Autor : Marcin Lis
ISBN: 978-83-246-2487-4
Format: 158 235, stron: 384
Naucz siê wreszcie samodzielnie tworzyæ strony internetowe!
• Jakie techniki koniecznie trzeba poznaæ, by w³asnorêcznie projektowaæ
witryny WWW?
• Co zrobiæ, by wszystkie elementy strony znalaz³y siê na swoich miejscach?
• Jak nadaæ stronie indywidualny charakter i opublikowaæ j¹ w sieci?
O projektowaniu witryn internetowych napisano ju¿ tyle ksi¹¿ek, ¿e mo¿na by z nich
stworzyæ osobn¹ bibliotekê. Rzecz jednak w tym, ¿e wiêkszoœæ z nich skierowana by³a
do informatyków, a wiêc ludzi pos³uguj¹cych siê specyficznym ¿argonem i zorientowanych
w temacie. Ponadto strony powsta³e kilka lat temu nie maj¹ zbyt wiele wspólnego
z tymi powstaj¹cymi dziœ, a techniki ich tworzenia tak¿e s¹ ju¿ zupe³nie inne. Jeœli
wiêc nigdy dot¹d nie próbowa³eœ stworzyæ w³asnej witryny albo zniechêci³y Ciê kiedyœ
zwi¹zane z tym komplikacje, powinieneœ czym prêdzej siêgn¹æ po ten poradnik.
Zdziwisz siê, jak proste i przyjemne mo¿e byæ zbudowanie w³asnej strony WWW.
Ksi¹¿ka „Tworzenie stron WWW. Praktyczny kurs” przeznaczona jest dla pocz¹tkuj¹cych
adeptów sztuki tworzenia witryn internetowych – jedynym wymaganiem jest umiejêtnoœæ
w miarê sprawnego pos³ugiwania siê komputerem i pracy z dowolnym edytorem tekstu.
Wszystkie potrzebne techniki czy zasady formatowania stron zosta³y tu opisane
i zaprezentowane w praktyce. Podczas lektury oraz wykonywania æwiczeñ dowiesz siê,
jak opracowaæ strukturê strony, a tak¿e wykorzystaæ znaczniki, listy, elementy XHTML,
obrazy, odnoœniki, multimedia, formularze itp., by stworzyæ naprawdê interesuj¹c¹,
nowoczesn¹ i funkcjonaln¹ witrynê internetow¹.
• Podstawowa struktura strony WWW
• Strona WWW w internecie
• Struktura (X)HTML i podstawowe znaczniki
• Listy, tabele, obrazy i odnoœniki
• Kontrola nad tekstem i multimedia na stronie WWW
• Formularze i formatowanie strony za pomoc¹ tabel
• Style CSS
• W³asnoœci czcionek i formatowanie tekstu
• Marginesy, obrysy i obramowania
• Wielkoœci i pozycje elementów witryny
• Sposoby wyœwietlania elementów strony
• Uk³ad strony generowany przez CSS
WeŸ swoj¹ stronê we w³asne rêce — nikt nie zrobi jej lepiej od Ciebie!
831477280.001.png 831477280.002.png
Spis treci
Wstp .............................................................................................. 9
O czym jest ta ksika? .................................................................................................... 9
Dla kogo jest ta ksika? .................................................................................................. 9
Co bdzie potrzebne? ...................................................................................................... 10
Kody ródowe i listingi ................................................................................................. 10
Rozdzia 1. Podstawy ....................................................................................... 11
Lekcja 1. Pierwsze kroki ................................................................................................ 11
Wczytanie dokumentu do przegldarki .................................................................... 12
HTML i XHTML ..................................................................................................... 14
Podstawowa struktura strony WWW ........................................................................ 15
Pierwsza strona WWW ............................................................................................ 16
Pierwsza strona w XHTML ...................................................................................... 17
Prolog dokumentu HTML i XHTML ....................................................................... 18
Formatowanie kodu HTML ...................................................................................... 20
Polskie litery na stronie WWW ................................................................................ 21
Edytory tekstowe dla Windows ................................................................................ 23
Róne przegldarki ................................................................................................... 26
Lekcja 2. Strona WWW w internecie ............................................................................. 27
Adres strony WWW ................................................................................................. 27
Umieszczanie witryny w internecie .......................................................................... 28
Wasny adres internetowy ........................................................................................ 35
Serwer WWW na domowym komputerze ................................................................ 36
Lekcja 3. Struktura (X)HTML ........................................................................................ 40
Znaczniki HTML ...................................................................................................... 40
Zagniedanie znaczników ....................................................................................... 41
Atrybuty znaczników ............................................................................................... 44
Encje (znaki specjalne) ............................................................................................. 46
Spacja, tabulacja i znak nowego wiersza .................................................................. 51
Komentarze .............................................................................................................. 53
Struktura dokumentu raz jeszcze .............................................................................. 54
Rozdzia 2. Elementy (X)HTML ......................................................................... 61
Lekcja 4. Podstawowe znaczniki .................................................................................... 61
Tytuy ....................................................................................................................... 62
Akapity ..................................................................................................................... 63
Blok preformatowany ............................................................................................... 64
Blok cytatu ............................................................................................................... 65
4
Tworzenie stron WWW. Praktyczny kurs
Linie ......................................................................................................................... 66
Koce wiersza .......................................................................................................... 68
Adresy ...................................................................................................................... 69
Rodzaje spacji .......................................................................................................... 70
Warstwy ................................................................................................................... 72
Wyrónienie liniowe (<span>) ................................................................................. 72
Cytat liniowy ............................................................................................................ 73
wiczenia do samodzielnego wykonania ................................................................. 74
Lekcja 5. Listy, czyli wykazy ......................................................................................... 75
Listy w (X)HTML .................................................................................................... 75
Listy nieuporzdkowane ........................................................................................... 76
Listy uporzdkowane ............................................................................................... 77
Listy definicyjne ....................................................................................................... 78
Zagniedanie list ..................................................................................................... 81
Zagniedanie list o rónych typach ........................................................................ 83
wiczenia do samodzielnego wykonania ................................................................. 85
Lekcja 6. Tabele ............................................................................................................. 85
Ogólna budowa tabel ................................................................................................ 86
Proste tabele ............................................................................................................. 86
Obramowanie i tytu tabeli ....................................................................................... 88
Odstpy w komórkach i midzy komórkami ............................................................ 90
Szeroko tabeli i wyrównywanie danych ................................................................ 91
Puste komórki ........................................................................................................... 96
Nagówki wierszy oraz kolumn ................................................................................ 97
czenie komórek .................................................................................................... 99
Tabele rozszerzone (zoone) ................................................................................. 102
Grupowanie kolumn ............................................................................................... 105
Sterowanie obramowaniem wewntrznym i zewntrznym ..................................... 110
Tabele i HTML5 ..................................................................................................... 111
wiczenia do samodzielnego wykonania ............................................................... 111
Lekcja 7. Obrazy .......................................................................................................... 113
Grafika na stronach WWW (standardy plików graficznych) .................................. 113
Tworzenie i konwersja grafiki ................................................................................ 114
Rozmiary grafiki i zapis progresywny .................................................................... 116
Umieszczanie grafiki na stronie (znacznik <img>) ................................................ 118
Przezroczyste obrazy .............................................................................................. 121
Regulacja rozmiarów obrazu .................................................................................. 122
Obrazy i tekst ......................................................................................................... 124
Dzielenie obrazów na czci .................................................................................. 125
Przestarzae atrybuty znacznika <img> .................................................................. 127
wiczenia do samodzielnego wykonania ............................................................... 127
Lekcja 8. Odnoniki ...................................................................................................... 128
Definiowanie odnoników ...................................................................................... 128
Adresy wzgldne i bezwzgldne ............................................................................ 130
Kolory odnoników ................................................................................................ 131
Rodzaje zasobów sieciowych ................................................................................. 132
Gdzie otwiera odnoniki? ..................................................................................... 135
Obrazy jako odnoniki ............................................................................................ 136
Mapy odnoników na obrazach .............................................................................. 139
Mapy odnoników i XHTML ................................................................................. 142
Zakotwiczenia (odnoniki do etykiet) .................................................................... 144
Pozostae atrybuty odnoników .............................................................................. 146
wiczenia do samodzielnego wykonania ............................................................... 147
Spis treci
5
Lekcja 9. Kontrola nad tekstem .................................................................................... 148
Formatowanie tekstu .............................................................................................. 148
Zmiana atrybutów czcionki .................................................................................... 149
Znaczniki logiczne ................................................................................................. 151
Przestarzaa kontrola nad czcionk ......................................................................... 159
wiczenia do samodzielnego wykonania ............................................................... 160
Rozdzia 3. Zoone elementy witryny ............................................................. 161
Lekcja 10. Multimedia na stronie WWW ..................................................................... 161
Typy treci multimedialnych .................................................................................. 162
Animowane obrazy ................................................................................................ 163
Najprostsze rozwizanie — odnonik .................................................................... 164
Zagniedanie multimediów na stronie .................................................................. 164
Parametry multimediów ......................................................................................... 169
Zagniedanie wedug starych metod ..................................................................... 175
Wideo z YouTube .................................................................................................. 176
Multimedia w HTML5 ........................................................................................... 177
wiczenia do samodzielnego wykonania ............................................................... 178
Lekcja 11. Formularze .................................................................................................. 178
Formularze na stronie WWW ................................................................................. 179
Elementy formularzy .............................................................................................. 181
Blokowanie elementów formularza ........................................................................ 193
Formularz wysyany na e-maila ............................................................................. 195
Swobodne elementy formularza ............................................................................. 197
Dostp do elementów za pomoc skrótów klawiaturowych ................................... 198
Etykiety elementów formularza ............................................................................. 199
Grupowanie elementów .......................................................................................... 200
wiczenia do samodzielnego wykonania ............................................................... 202
Lekcja 12. Formatowanie strony za pomoc tabel ........................................................ 202
Wyrównywanie formularza .................................................................................... 202
Formatowanie formularza za pomoc tabeli ........................................................... 205
Tworzenie ukadu strony za pomoc tabeli ............................................................ 206
Zagniedanie tabel ................................................................................................ 209
Czy warto uywa tabel do formatowania? ............................................................ 212
wiczenia do samodzielnego wykonania ............................................................... 213
Lekcja 13. Przestarzae ramki ....................................................................................... 214
Co to s ramki? ....................................................................................................... 214
Struktura strony z ramkami .................................................................................... 215
Ramki a odnoniki .................................................................................................. 221
Ramki w ramkach ................................................................................................... 223
Wewntrzne zagniedanie ramek ......................................................................... 224
wiczenia do samodzielnego wykonania ............................................................... 225
Rozdzia 4. Style CSS .................................................................................... 227
Lekcja 14. Podstawy stylów ......................................................................................... 227
Czym s style CSS? ................................................................................................ 228
Doczanie stylów do dokumentów ........................................................................ 229
Budowa stylu i rodzaje selektorów ......................................................................... 232
Dziedziczenie, kaskadowo i reguy nakadania ................................................... 243
Jednostki miary ...................................................................................................... 246
Komentarze do stylów ............................................................................................ 247
wiczenia do samodzielnego wykonania ............................................................... 247
6
Tworzenie stron WWW. Praktyczny kurs
Lekcja 15. Wasnoci czcionek ..................................................................................... 248
Atrybuty czcionek .................................................................................................. 248
Rozmiar czcionki .................................................................................................... 249
Nazwane rozmiary czcionek ................................................................................... 251
Rodziny czcionek ................................................................................................... 254
Style i warianty ...................................................................................................... 256
Waga, czyli grubo czcionki ................................................................................. 258
Cecha font — wszystko razem ............................................................................... 259
wiczenia do samodzielnego wykonania ............................................................... 262
Lekcja 16. Formatowanie tekstu ................................................................................... 263
Kontrola nad tekstem ............................................................................................. 263
Wyrównywanie tekstu w poziomie ........................................................................ 263
Wyrównywanie tekstu w pionie ............................................................................. 264
Wyrównywanie a inne elementy witryny ............................................................... 267
Kontrolowanie odstpów ........................................................................................ 269
Wcicia ................................................................................................................... 271
Dekoracje, czyli wyrónienia ................................................................................. 272
Kontrola wielkoci liter (transformacje) ................................................................. 273
Obsuga biaych znaków ........................................................................................ 274
Kierunek tekstu ...................................................................................................... 276
wiczenia do samodzielnego wykonania ............................................................... 276
Lekcja 17. Style list ...................................................................................................... 277
Wyróniki listy nienumerowanej ............................................................................ 277
Typowe wyróniki listy numerowanej ................................................................... 279
Inne wyróniki ....................................................................................................... 281
Obrazy jako wyróniki ........................................................................................... 282
Pozycja wyrónika ................................................................................................. 285
Wszystko razem, czyli waciwo list-style .......................................................... 286
wiczenia do samodzielnego wykonania ............................................................... 286
Lekcja 18. Kolory i podkady ....................................................................................... 287
Definiowanie kolorów ............................................................................................ 287
Kolor tekstu i podkadu .......................................................................................... 291
Kolory okrelone przez system operacyjny ............................................................ 292
Obrazy jako to ....................................................................................................... 293
Powtarzanie obrazu ta ........................................................................................... 295
Zakotwiczanie obrazów ta ..................................................................................... 296
Pozycja obrazu ta .................................................................................................. 296
Wszystko razem, czyli waciwo background ..................................................... 299
wiczenia do samodzielnego wykonania ............................................................... 299
Lekcja 19. Marginesy, obrysy i obramowania .............................................................. 300
Model pudekowy — zalenoci midzy marginesami .......................................... 300
Definiowanie marginesów ...................................................................................... 301
Marginesy wewntrzne, czyli wypenienia ............................................................. 303
Dodawanie penych obramowa (ramek) ............................................................... 305
Skrótowa definicja obramowania ........................................................................... 308
Obramowania czstkowe ........................................................................................ 308
Obrysy .................................................................................................................... 310
wiczenia do samodzielnego wykonania ............................................................... 311
Lekcja 20. Style dotyczce tabel ................................................................................... 312
CSS i standardowe obramowanie tabeli ................................................................. 312
Odstpy wewntrz tabeli ........................................................................................ 314
Ta i wypenienia .................................................................................................... 315
czenie obramowa .............................................................................................. 319
Obsuga pustych komórek ...................................................................................... 320

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin