HTML_w_10_prostych_krokach_html10.pdf

(2366 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TRE CI
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
HTML w 10 prostych
krokach
Autor: Robert G. Fuller
T³umaczenie: Micha³ Dadan (rozdz. 1 – 12),
£ukasz Zieliñski (rozdz. 13 – 15)
ISBN: 83-7361-505-9
Tytu³ orygina³u:
HTML in 10 Simple Steps or Less
Format: B5, stron: 528
Przyk³ady na ftp: 385 kB
Podczas tworzenia stron WWW czêsto napotykamy problemy. Tekst nie wy wietla siê
prawid³owo w przegl¹darce, tabela nie wygl¹da tak, jak powinna, obrazek pojawia siê
w miejscu, w którym nie powinien — to tylko niektóre z k³opotów, z jakimi boryka siê
chyba ka¿dy pocz¹tkuj¹cy twórca stron WWW. Tworzenie stron w rodowiskach
wizualnych to tylko pó³ rodek, poniewa¿ prêdzej czy pó niej trzeba bêdzie poprawiæ
kod rêcznie. Do tego niezbêdna jest znajomo æ jêzyka HTML.
„HTML w 10 prostych krokach” to podrêcznik przydatny ka¿demu pocz¹tkuj¹cemu
i rednio zaawansowanemu webmasterowi. Opisuje rozwi¹zania ponad 250 typowych
problemów wystêpuj¹cych przy tworzeniu stron WWW. Ka¿dy temat przedstawiony jest
w postaci ilustrowanego przyk³adu. Dziêki temu ka¿dy mo¿e szybko i bez problemów
poznaæ jêzyk HTML — podstawê ka¿dego serwisu WWW. Wykonuj¹c wszystkie zadania
po kolei, mo¿na poznaæ podstawy projektowania stron WWW, pocz¹wszy od
stosowania pierwszych znaczników (elementów sk³adowych jêzyka HTML),
skoñczywszy na umieszczaniu gotowych witryn na serwerze.
• Struktura dokumentu HTML
• Znaczniki META
• Wprowadzanie i formatowanie tekstu
• Umieszczanie obrazów w dokumentach HTML
• Osadzanie plików multimedialnych i apletów Javy
• Tworzenie tabel
• Projektowanie formularzy
• Formatowanie z wykorzystaniem arkuszy stylów CSS
• Proste skrypty JavaScript
• Korzystanie z narzêdzi tekstowych i graficznych
TWÓJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWO CIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
Ta ksi¹¿ka to prawdziwy „szwajcarski scyzoryk” — znajdziesz w niej wszystkie
wiadomo ci, które mog¹ okazaæ siê niezbêdne przy tworzeniu stron WWW.
Spis treci
O Autorach ................................................................................................................................................................................................... 13
Wprowadzenie ............................................................................................................................................................................................. 15
Czêæ 1.
Struktura dokumentu w jêzyku HTML .......................................................................... 19
Zadanie 1.
Wprowadzanie znaczników .................................................................................................................................................... 20
Zadanie 2.
Tworzenie struktury dokumentu ........................................................................................................................................... 22
Zadanie 3.
Znacznik Meta tworzenie s³ów kluczowych ...................................................................................................................... 24
Zadanie 4.
Znacznik Meta tworzenie opisu strony ............................................................................................................................. 26
Zadanie 5.
Znacznik Meta informacje o autorze dokumentu .............................................................................................................. 28
Zadanie 6.
Znacznik Meta data wyganiêcia strony ............................................................................................................................. 30
Zadanie 7.
Znacznik Meta odwie¿anie zawartoci strony ................................................................................................................. 32
Zadanie 8.
Znacznik Meta informacje dla robotów internetowych .................................................................................................... 34
Zadanie 9.
Kontrolowanie t³a dokumentu ............................................................................................................................................... 36
Zadanie 10.
Praca z kodem ród³owym w przegl¹darce internetowej .................................................................................................... 38
Czêæ 2.
Praca z tekstem ........................................................................................................ 41
Zadanie 11.
Praca z nag³ówkami ............................................................................................................................................................... 42
Zadanie 12.
Praca z akapitami................................................................................................................................................................... 44
Zadanie 13.
Stosowanie czcionek ............................................................................................................................................................ 46
Zadanie 14.
Ustawianie wielkoci czcionki .............................................................................................................................................. 48
Zadanie 15.
Ustawianie koloru czcionki ................................................................................................................................................... 50
Zadanie 16.
Stosowanie stylów fizycznych ............................................................................................................................................... 52
Zadanie 17.
Stosowanie stylów logicznych .............................................................................................................................................. 54
Zadanie 18.
Wstawianie znaków specjalnych .......................................................................................................................................... 56
Zadanie 19.
Stosowanie elementu tekst preformatowany ................................................................................................................... 58
Zadanie 20.
Stosowanie elementu cytat ............................................................................................................................................... 60
Zadanie 21.
Ustawianie marginesów dokumentu .................................................................................................................................... 62
Zadanie 22.
Tworzenie listy numerowanej .............................................................................................................................................. 64
Zadanie 23.
Modyfikacja stylu listy numerowanej .................................................................................................................................... 66
Zadanie 24.
Zmiana wartoci pocz¹tkowej listy numerowanej ............................................................................................................... 68
Zadanie 25.
Tworzenie listy wypunktowanej........................................................................................................................................... 70
6
Spis treci
Zadanie 26.
Modyfikacja stylów punktorów ............................................................................................................................................ 72
Zadanie 27.
Zagnie¿d¿anie list .................................................................................................................................................................. 74
Zadanie 28.
Tworzenie list definicji .......................................................................................................................................................... 76
Czêæ 3.
Praca z obrazami ....................................................................................................... 79
Zadanie 29.
Wstawianie obrazów ............................................................................................................................................................ 80
Zadanie 30.
Kontrolowanie odstêpów i wyrównywania ......................................................................................................................... 82
Zadanie 31.
Skalowanie obrazów w programie Photoshop Elements ..................................................................................................... 84
Zadanie 32.
Optymalizacja obrazów GIF w programie Photoshop Elements ......................................................................................... 86
Zadanie 33.
Optymalizacja obrazów JPEG w programie Photoshop Elements ....................................................................................... 88
Zadanie 34.
Optymalizacja obrazów PNG w programie Photoshop Elements ....................................................................................... 90
Czêæ 4.
Audio i wideo ............................................................................................................ 93
Zadanie 35.
Osadzanie plików audio ........................................................................................................................................................ 94
Zadanie 36.
Dwiêki odtwarzane w tle .................................................................................................................................................... 96
Zadanie 37.
Osadzanie sekwencji wideo .................................................................................................................................................. 98
Zadanie 38.
Osadzanie apletów Javy ..................................................................................................................................................... 100
Czêæ 5.
Hiper³¹cza .............................................................................................................. 103
Zadanie 39.
Tworzenie hiper³¹czy ........................................................................................................................................................ 104
Zadanie 40.
Okrelanie cie¿ek ............................................................................................................................................................. 106
Zadanie 41.
Tworzenie odnoników mailto .......................................................................................................................................... 108
Zadanie 42.
Tworzenie odnoników do innych miejsc w tym samym dokumencie ............................................................................. 110
Czêæ 6.
Tworzenie tabel ....................................................................................................... 113
Zadanie 43.
Tworzenie tabel ................................................................................................................................................................. 114
Zadanie 44.
Obramowanie tabeli .......................................................................................................................................................... 116
Zadanie 45.
Du¿e komórki ................................................................................................................................................................. 118
Zadanie 46.
Wyrównywanie elementów tabeli .................................................................................................................................... 120
Zadanie 47.
Okrelanie wymiarów elementów tabeli .......................................................................................................................... 122
Zadanie 48.
T³o tabeli ............................................................................................................................................................................ 124
Zadanie 49.
Zagnie¿d¿anie tabel............................................................................................................................................................ 126
Zadanie 50.
Dalsze porz¹dkowanie danych w tabelach ........................................................................................................................ 128
Spis treci
7
Czêæ 7.
Praca z formularzami ............................................................................................... 131
Zadanie 51.
Dodawanie elementów formularzy ................................................................................................................................... 132
Zadanie 52.
Formatowanie pól tekstowych .......................................................................................................................................... 134
Zadanie 53.
Formatowanie pól przeznaczonych do wprowadzania hase³ ............................................................................................ 136
Zadanie 54.
Formatowanie obszarów tekstowych ............................................................................................................................... 138
Zadanie 55.
Formatowanie pól wyboru ................................................................................................................................................ 140
Zadanie 56.
Formatowanie przycisków opcji ........................................................................................................................................ 142
Zadanie 57.
Formatowanie list rozwijanych .......................................................................................................................................... 144
Zadanie 58.
Formatowanie list wyboru ................................................................................................................................................. 146
Zadanie 59.
Formatowanie pól typu file ................................................................................................................................................ 148
Zadanie 60.
Formatowanie przycisków typu Submit i Reset ................................................................................................................ 150
Zadanie 61.
Stosowanie obrazków w roli przycisków typu Submit ..................................................................................................... 152
Zadanie 62.
Stosowanie ukrytych pól formularzy ................................................................................................................................. 154
Zadanie 63.
Okrelanie kolejnoci, w jakiej nale¿y poruszaæ siê po polach formularza ....................................................................... 156
Zadanie 64.
Stosowanie zestawów pól ................................................................................................................................................. 158
Czêæ 8.
Praca z ramkami ..................................................................................................... 161
Zadanie 65.
Tworzenie dokumentu g³ównego ..................................................................................................................................... 162
Zadanie 66.
Okrelanie rozmiarów ramek ........................................................................................................................................... 164
Zadanie 67.
Granice ramek ................................................................................................................................................................... 166
Zadanie 68.
Marginesy i paski przewijania ramek.................................................................................................................................. 168
Zadanie 69.
Zagnie¿d¿anie ramek ......................................................................................................................................................... 170
Zadanie 70.
Wybór ramki docelowej .................................................................................................................................................... 172
Zadanie 71.
Informacje noframes .......................................................................................................................................................... 174
Zadanie 72.
P³ywaj¹ce ramki ................................................................................................................................................................. 176
Czêæ 9.
Kaskadowe arkusze stylów (CSS) .............................................................................. 179
Zadanie 73.
Spisywanie regu³ stylu ........................................................................................................................................................ 180
Zadanie 74.
Tworzenie osadzonego arkusza stylów ............................................................................................................................. 182
Zadanie 75.
Tworzenie zewnêtrznego arkusza stylów ......................................................................................................................... 184
Zadanie 76.
Tworzenie klas stylów ....................................................................................................................................................... 186
Zadanie 77.
W³aciwoæ font-family ...................................................................................................................................................... 188
Zadanie 78.
Okrelanie wielkoci czcionki za pomoc¹ s³ów kluczowych ............................................................................................ 190
Zadanie 79.
Okrelanie wielkoci czcionki poprzez podanie jej fizycznych wymiarów ....................................................................... 192
Zadanie 80.
Praca ze stylami czcionek .................................................................................................................................................. 194
8
Spis treci
Zadanie 81.
Skrócony zapis w³aciwoci z grupy font ........................................................................................................................... 196
Zadanie 82.
Kolor czcionki i kolor t³a ................................................................................................................................................... 198
Zadanie 83.
Kontrolowanie odstêpów miêdzy znakami i miêdzy s³owami .......................................................................................... 200
Zadanie 84.
Kontrolowanie odstêpów miêdzy wierszami i wyrównywania w pionie .......................................................................... 202
Zadanie 85.
W³aciwoæ text-decoration ............................................................................................................................................. 204
Zadanie 86.
W³aciwoæ text-transform ............................................................................................................................................... 206
Zadanie 87.
Kontrolowanie wyrównywania tekstu i wciêæ .................................................................................................................. 208
Zadanie 88.
Praca z obrazami wywietlanymi w tle .............................................................................................................................. 210
Zadanie 89.
W³aciwoci z grupy padding ............................................................................................................................................. 212
Zadanie 90.
W³aciwoci z grupy border-style ..................................................................................................................................... 214
Zadanie 91.
W³aciwoci z grupy border-width ................................................................................................................................... 216
Zadanie 92.
W³aciwoci z grupy border-color .................................................................................................................................... 218
Zadanie 93.
Skrócony zapis w³aciwoci z grupy border ...................................................................................................................... 220
Zadanie 94.
W³aciwoci z grupy margin .............................................................................................................................................. 222
Zadanie 95.
Okrelanie wymiarów poszczególnych elementów .......................................................................................................... 224
Zadanie 96.
W³aciwoæ float ................................................................................................................................................................ 226
Zadanie 97.
Kontrolowanie stylów wypunktowania ............................................................................................................................. 228
Zadanie 98.
Kontrolowanie stylów numerowania ................................................................................................................................ 230
Zadanie 99.
Tworzenie warstw o wspó³rzêdnych bezwzglêdnych ....................................................................................................... 232
Zadanie 100.
Tworzenie warstw o wspó³rzêdnych wzglêdnych .......................................................................................................... 234
Zadanie 101.
Deklarowanie obszarów obcinania warstw .................................................................................................................... 236
Czêæ 10.
Proste skrypty w jêzyku JavaScript ............................................................................ 239
Zadanie 102.
Przygotowywanie dokumentów ...................................................................................................................................... 240
Zadanie 103.
Wstawianie informacji o dacie i godzinie ........................................................................................................................ 242
Zadanie 104.
Zmiana zawartoci strony w zale¿noci od pory dnia ..................................................................................................... 244
Zadanie 105.
Umieszczanie informacji na pasku stanu przegl¹darki ..................................................................................................... 246
Zadanie 106.
Ukrywanie adresów e-mail przed spamerami ................................................................................................................. 248
Zadanie 107.
Wczytywanie obrazów z wyprzedzeniem ...................................................................................................................... 250
Zadanie 108.
Efekt zmieniaj¹cych siê obrazów ..................................................................................................................................... 252
Zadanie 109.
Tworzenie okien wyskakuj¹cych ..................................................................................................................................... 254
Zgłoś jeśli naruszono regulamin