HTML_i_XHTML_dla_kazdego_xhtmdk.pdf

(1243 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TRE CI
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
HTML i XHTML
dla ka¿dego
Autor: Laura Lemay
T³umaczenie: £ukasz Zieliñski (rozdz. 1 – 5, 13, 14),
Marzena Baranowska (rozdz. 6, 7 – 12, 15, 16)
ISBN: 83-7361-239-4
Tytu³ orygina³u:
Teach Yourself Web Publishing
with HTML and XHTML
Format: B5, stron: 464
Prawdopodobnie najwiêksz¹ zalet¹ WWW jest to, ¿e nie trzeba prowadziæ wielkiego
przedsiêbiorstwa, aby udostêpniaæ informacje i produkty czytelnikom i klientom na
ca³ym wiecie. Wystarczy komputer z dostêpem do internetu i chêæ uczenia siê.
Skoro czytasz te s³owa, prawdopodobnie i Ty chcia³by zaistnieæ w Sieci.
Pytanie brzmi: od czego zacz¹æ?
W internecie mo¿na znale æ samouczki, instrukcje, mnóstwo przyk³adów i darmowych
narzêdzi maj¹cych u³atwiæ publikowanie na WWW. Jest te¿ wiele innych ksi¹¿ek na ten
temat. Przewaga ksi¹¿ki „HTML i XHTML dla ka¿dego” bierze siê z faktu, ¿e wszystkie
materia³y s¹ dostêpne w jednym miejscu: informacje potrzebne do opanowania jêzyka
HTML, umieszczania stron na serwerze, tworzenia grafiki na potrzeby WWW
i utrzymywania funkcjonalno ci i sprawno ci swojej witryny. Znajdziesz tu podpowiedzi,
sugestie i przyk³ady pokazuj¹ce, jak projektowaæ ca³o ciow¹ strukturê witryny,
a nie tylko uk³ad s³ów na pojedynczych stronach. Ta ksi¹¿ka nie uczy jak stworzyæ
serwis WWW — ona uczy jak stworzyæ dobr¹ i nieprzeciêtn¹ stronê internetow¹.
Ksi¹¿ka opisuje miêdzy innymi:
• Podstawow¹ strukturê strony WWW
• Tworzenie ³¹czy pomiêdzy stronami
• Formatowanie tekstu za pomoc¹ HTML-a i CSS
• U¿ycie tabel, projektowanie formularzy
• Grafikê i multimedia na stronach WWW
• Podstawy jêzyków JavaScript i DHTML
• Publikowanie witryny na serwerze
Ksi¹¿ka nie koncentruje siê na konkretnej platformie systemowej. Zawarte w niej
informacje zachowuj¹ swoj¹ przydatno æ niezale¿nie od tego, czy u¿ywa siê komputera
PC i systemu Windows, Macintosha, której z odmian Uniksa, czy te¿ jeszcze innego
systemu. Uzyskan¹ tu wiedzê bêdzie mo¿na stosowaæ do rozwijania swoich stron
WWW przy u¿yciu dowolnie wybranego systemu.
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
Spis treści
O Autorach ...................................................................................... 13
Wprowadzenie ................................................................................. 15
Rozdział 1. Wprowadzenie do języka HTML......................................................... 19
Język HTML .....................................................................................................................19
Język HTML opisuje strukturę strony ........................................................................20
Język HTML nie opisuje układu strony......................................................................20
Dlaczego to działa w ten sposób.................................................................................21
Język HTML jest językiem oznaczeń .........................................................................22
Krótka historia znaczników HTML ............................................................................22
Aktualny standard: XHTML 1.0 .......................................................................................23
Jak wygląda język HTML .................................................................................................24
Uwaga o formatowaniu...............................................................................................28
U ywanie kaskadowych arkuszy stylów...........................................................................28
Umieszczanie atrybutów w znacznikach ....................................................................29
Programy przydatne w pisaniu w języku HTML ..............................................................30
Podsumowanie ..................................................................................................................31
Rozdział 2. Rozwój od podstaw .......................................................................... 33
Tworzenie struktury kodu HTML .....................................................................................33
Znacznik <html>.........................................................................................................34
Znacznik <head>.........................................................................................................34
Znacznik <body> ........................................................................................................35
Tytuł ..................................................................................................................................36
Nagłówki ...........................................................................................................................37
Akapity ..............................................................................................................................39
Listy...................................................................................................................................40
Znaczniki tworzące listy .............................................................................................41
Listy numerowane.......................................................................................................42
Dostosowywanie list numerowanych .........................................................................43
Listy punktowane........................................................................................................46
Dostosowywanie list punktowanych...........................................................................46
Listy definicji ..............................................................................................................49
Zagnie d anie list .......................................................................................................50
Komentarze .......................................................................................................................51
Podsumowanie ..................................................................................................................52
6
HTML i XHTML dla każdego
Rozdział 3. Wszystko o łączach ......................................................................... 55
Jak tworzyć łącza ..............................................................................................................55
<a> — znacznik tworzący łącza .................................................................................55
Łączenie stron lokalnych ście kami względnymi i bezwzględnymi ................................60
Ście ki bezwzględne...................................................................................................61
Które ście ki są lepsze — względne czy bezwzględne? ............................................62
Łącza do innych dokumentów w sieci ..............................................................................63
Łącza do fragmentów stron ...............................................................................................67
Jak tworzyć łącza i zakotwiczenia ..............................................................................68
Podłączanie zakotwiczeń wewnątrz dokumentu.........................................................73
Anatomia adresu URL.......................................................................................................74
Części adresu URL .....................................................................................................74
Znaki specjalne w adresach URL ...............................................................................75
Rodzaje adresów URL ......................................................................................................76
Protokół HTTP............................................................................................................76
Anonimowy dostęp do serwerów FTP........................................................................77
Dostęp do serwerów FTP z podaniem nazwy u ytkownika .......................................78
Adresy URL typu mailto.............................................................................................78
Grupy dyskusyjne Usenet ...........................................................................................79
Plikowe adresy URL ...................................................................................................80
Podsumowanie ..................................................................................................................81
Rozdział 4. Formatowanie tekstu ....................................................................... 83
Elementy poziomu znakowego .........................................................................................84
Znaczniki stylów logicznych ......................................................................................84
Znaczniki stylów fizycznych ......................................................................................86
Formatowanie znaków właściwościami CSS....................................................................87
Ozdabianie tekstu — właściwość text-decoration ......................................................88
Właściwości czcionek.................................................................................................89
Zachowywanie układu tekstu ............................................................................................90
Kreski poziome .................................................................................................................92
Atrybuty znacznika <hr> ............................................................................................93
Wymuszanie podziału wiersza ..........................................................................................95
Sygnaturki .........................................................................................................................97
Akapity cytowane..............................................................................................................98
Znaki specjalne..................................................................................................................99
Składnia encji znakowych...........................................................................................99
Zapis znaków zarezerwowanych ..............................................................................100
Wyrównywanie tekstu.....................................................................................................102
Wyrównywanie pojedynczych elementów ...............................................................102
Wyrównywanie wielu elementów jednocześnie.......................................................103
Kroje pisma i wielkość czcionki .....................................................................................104
Zmiana wielkości czcionki .......................................................................................105
Zmiana kroju pisma ..................................................................................................106
Modyfikacja czcionek arkuszami stylów..................................................................107
Znaczniki <nobr> oraz <wbr> ........................................................................................108
Podsumowanie ................................................................................................................118
Rozdział 5. Obrazki, kolory i tła........................................................................ 123
Obrazki na stronach WWW ............................................................................................123
Formaty plików graficznych ...........................................................................................124
Format GIF................................................................................................................125
Format JPEG.............................................................................................................125
Format PNG ..............................................................................................................126
Spis treści
7
Obrazki w tekście: znacznik <img> ................................................................................126
Dostarczanie etykiet rezerwowych ...........................................................................127
Obrazki a tekst.................................................................................................................130
Wyrównywanie obrazków i tekstu............................................................................131
Zawijanie tekstu przy obrazkach ..............................................................................133
Dopasowywanie odstępów wokół obrazków............................................................136
Obrazki a łącza ................................................................................................................137
Inne przydatne umiejętności............................................................................................141
Wymiary obrazków i skalowanie..............................................................................141
Jeszcze o obramowaniach obrazków ........................................................................142
Stosowanie koloru ...........................................................................................................143
Nazywanie kolorów ..................................................................................................143
Zmienianie koloru tła................................................................................................144
Zmienianie koloru tekstu ..........................................................................................145
Zmienianie koloru znaków .......................................................................................146
Określanie kolorów właściwościami CSS ................................................................147
Ozdabianie tła tapetą .......................................................................................................147
Podpowiedzi dodatkowe .................................................................................................149
Czy ten obrazek naprawdę jest potrzebny?...............................................................150
Małe jest piękne ........................................................................................................150
Kulturalne zamieszczanie obrazków.........................................................................151
Podsumowanie ................................................................................................................151
Rozdział 6. Tabele ........................................................................................... 153
Tworzenie tabel ...............................................................................................................154
Elementy składowe tabeli................................................................................................154
Element <table> ........................................................................................................155
Krótki opis tabeli.......................................................................................................155
Wiersze i komórki.....................................................................................................156
Puste komórki ...........................................................................................................157
Tytuły........................................................................................................................159
Zmiana rozmiaru tabel, obramowania i komórek ...........................................................162
Ustawianie szerokości tabeli.....................................................................................162
Zmiana obramowania tabeli......................................................................................163
Marginesy komórek ..................................................................................................164
Odstępy między komórkami .....................................................................................164
Szerokość kolumn.....................................................................................................165
Ustawianie podziału wierszy ....................................................................................166
Kolor tabeli i komórek oraz wyrównanie ...........................................................................167
Zmiana koloru tabeli oraz tła komórek.....................................................................168
Zmiana koloru obramowania ....................................................................................169
Wyrównanie zawartości tabeli ........................................................................................171
Wyrównanie tabeli ....................................................................................................171
Wyrównanie zawartości komórek.............................................................................172
Wyrównanie tytułu....................................................................................................173
Scalanie komórek ............................................................................................................174
Zaawansowane sposoby ulepszania tabel .......................................................................182
Grupowanie i wyrównanie kolumn...........................................................................182
Grupowanie i wyrównanie wierszy ..........................................................................185
Atrybuty frame i rules...............................................................................................187
Inne elementy i atrybuty tabel.........................................................................................188
Podsumowanie ................................................................................................................188
8
HTML i XHTML dla każdego
Rozdział 7. Formatowanie stron za pomocą kaskadowych arkuszy stylów.......... 193
Uaktywnianie arkuszy stylów na stronie ............................................................................193
Tworzenie arkuszy stylów na poziomie strony.........................................................194
Tworzenie arkuszy stylów na poziomie witryny ......................................................194
Selektory..........................................................................................................................195
Selektory kontekstowe ..............................................................................................196
Klasy i identyfikatory ...............................................................................................197
Jednostki miar .................................................................................................................198
Właściwości pól ..............................................................................................................199
Sterowanie rozmiarem ..............................................................................................200
Obramowanie............................................................................................................200
Marginesy i wypełnienie...........................................................................................202
Elementy pływające ..................................................................................................206
Pozycjonowanie CSS ......................................................................................................210
Pozycjonowanie względne........................................................................................211
Pozycjonowanie bezwzględne ..................................................................................212
Nakładanie elementów..............................................................................................215
Modyfikowanie wyglądu tabeli.......................................................................................217
Znacznik <body> ............................................................................................................219
Łącza ...............................................................................................................................220
Tworzenie układów z wieloma kolumnami ....................................................................221
Podsumowanie ................................................................................................................224
Rozdział 8. Projektowanie formularzy ............................................................... 225
Forma i funkcja formularzy.............................................................................................226
Zastosowanie etykiety <form>........................................................................................230
Tworzenie elementów formularza za pomocą znacznika <input>..................................232
Tworzenie pól tekstowych ........................................................................................232
Tworzenie pola hasła ................................................................................................233
Tworzenie przycisków wysyłających .......................................................................234
Tworzenie przycisków zerowania.............................................................................235
Tworzenie pól wyboru ..............................................................................................235
Tworzenie przycisków opcji .....................................................................................236
U ycie obrazów jako przycisków wysyłających ......................................................236
Tworzenie przycisków rodzajowych ........................................................................237
Ukryte pola formularza .............................................................................................237
Pole pobierania pliku ................................................................................................238
U ycie innych elementów kontrolnych...........................................................................238
U ycie elementu button ............................................................................................239
Tworzenie du ych pól tekstowych za pomocą elementu textarea ............................239
Tworzenie menu za pomocą elementów select i option................................................240
Elementy dodatkowe .......................................................................................................245
Wyświetlanie etykiet za pomocą elementu label ......................................................245
Grupowanie elementów za pomocą elementów fieldset i legend .............................246
Zmiana domyślnej kolejności poruszania się po polach formularza ........................246
U ycie klawiszy dostępu...........................................................................................247
Tworzenie elementów nieaktywnych i tylko do odczytu ...............................................247
Zastosowanie kaskadowych arkuszy stylów ...................................................................248
Planowanie formularzy ...................................................................................................253
Podsumowanie ................................................................................................................254
Rozdział 9. Mapy obrazów i grafiki animowane ................................................. 257
Czym są mapy obrazów?.................................................................................................257
Mapy obrazów działające po stronie klienta ...................................................................258
Mapy obrazów a przeglądarki tekstowe ...................................................................259
Zgłoś jeśli naruszono regulamin