HTML, XHTML i CSS Biblia.pdf

(1079 KB) Pobierz
HTML, XHTML i CSS. Biblia
IDZ DO
PRZYK£ADOW Y ROZDZIA£
HTML, XHTML i CSS. Biblia
Autorzy: Bryan Pfaffenberger, Steven M. Schafer,
Chuck White, Bill Karow
T³umaczenie: Piotr Cielak (rozdz. 33 – 34, dod. A, B),
W³odzimierz Gajda (rozdz. 8, 10), Marcin Jagodziñski
(rozdz. 25, 29), Marek Pa³czyñski (rozdz. 6, 7, 9, 11 – 15),
Piotr Rajca (rozdz. 26 – 28), Marcin Samodulski (rozdz. 30 – 32),
Joanna Sugiero (wprowadzenie, rozdz. 1 – 5, 16 – 24)
ISBN: 83-7361-725-6
Format: B5, stron: 816
SPIS TRECI
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
Poznaj tajniki projektowania nowoczesnych stron WWW
• Napisz kod strony zgodny z najnowszymi standardami og³aszanymi przez W3C
• Wykorzystaj na stronach technologie skryptowe, Dynamiczny HTML
oraz mechanizmy jêzyka XML
• Zastosuj nowoczesne narzêdzia do tworzenia i testowania witryny
Sieæ WWW, od swojego powstania do czasów obecnych, bardzo zmieni³a swoje oblicze.
Iloæ w³¹czonych w ni¹ komputerów powiêksza siê w ogromnym tempie. Zmieniaj¹ siê
mo¿liwoci przegl¹darek i sposoby przesy³ania informacji. Stale ewoluuje równie¿ jeden
z podstawowych „budulców” sieci WWW — jêzyk HTML. Jego mo¿liwoci musz¹ nad¹¿aæ
za coraz wiêkszymi oczekiwaniami u¿ytkowników sieci i funkcjami oferowanymi przez
urz¹dzenia wykorzystywane do jej przegl¹dania. Organizacja koordynuj¹ca jego rozwój —
konsorcjum W3C — co pewien czas og³asza nowy standard jêzyka. Ewolucja HTML-a
maj¹ca na celu uzyskanie mo¿liwoci wywietlania witryn WWW nie tylko
na monitorach komputerów, ale tak¿e na wywietlaczach telefonów komórkowych
i komputerów przenonych oraz edycji treci strony niezale¿nie od jej wygl¹du poci¹gnê³a
za sob¹ powstanie standardu CSS. CSS (Kaskadowe Arkusze Stylów) to technologia
umo¿liwiaj¹ca dowolne formatowanie stron WWW oraz szybkie modyfikacje ich
kolorystyki i uk³adu elementów.
Ksi¹¿ka „HTML, XHTML i CSS. Biblia” to dog³êbny opis najnowszych standardów
zwi¹zanych z tworzeniem stron WWW — obowi¹zuj¹cej obecnie specyfikacji jêzyka HTML,
technologii CSS oraz najnowszego produktu W3C — jêzyka XHTML. Przedstawia
nowoczesne metodologie tworzenia i testowania witryn WWW oraz ich aktualizowania
i modyfikowania. Wprowadza tak¿e w tematykê technologii skryptowych oraz jêzyka XML.
Jeli chcesz zaistnieæ w internecie — stwórz w³asn¹ witrynê WWW. Dziêki wiadomociom
zawartym w tej ksi¹¿ce nie bêdzie to stanowi³o dla Ciebie problemu.
ZAMÓW INFORMACJE
O NOWOCIACH
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
39197066.001.png 39197066.002.png 39197066.003.png 39197066.004.png
 
!"
Czym jest World Wide Web?..............................................................................................................31
Jak działa sie WWW?........................................................................................................................32
Czym jest hipertekst?...........................................................................................................................33
Gdzie mieci si HTML?.....................................................................................................................33
Wynalezienie HTML-a..................................................................................................................33
Krótka historia j zyka HTML .......................................................................................................35
Kto zatem ustanawia reguły?.........................................................................................................37
Czym jest CSS? ...................................................................................................................................39
Koszmar utrzymania......................................................................................................................39
Wst p do CSS ...............................................................................................................................42
Co oznacza słowo „kaskadowe”?.................................................................................................. 42
Czym jest XHTML? ............................................................................................................................43
Tworzenie dokumentu HTML.............................................................................................................44
Pisanie w j zyku HTML................................................................................................................44
Nadawanie plikom rozszerzenia kojarz6cego si z sieci6 WWW..................................................44
Formatowanie tekstu .....................................................................................................................45
Nadawanie dokumentowi struktury...............................................................................................45
Czy nie potrzebuj serwera WWW?....................................................................................................46
Podsumowanie.....................................................................................................................................46
#$%&'
Definiowanie typu dokumentu ............................................................................................................48
Ogólna struktura — znaczniki HTML, Head oraz Body .....................................................................48
Znacznik <html> ...........................................................................................................................48
Znacznik <head>...........................................................................................................................48
Style.....................................................................................................................................................50
Elementy blokowe — znaczniki dla akapitów.....................................................................................52
Sformatowane akapity...................................................................................................................52
Nagłówki.......................................................................................................................................53
Wydzielony blok tekstu.................................................................................................................54
Listy ..............................................................................................................................................55
Zachowanie pierwotnego formatowania tekstu .............................................................................57
Grupowanie elementów.................................................................................................................57
 
!"() !"*++,-.
Elementy wstawiane — znaczniki formatuj6ce znaki..........................................................................58
Podstawowe znaczniki wstawiane................................................................................................. 58
Elementy span ...............................................................................................................................59
Znaki specjalne (encje)........................................................................................................................59
Elementy organizacyjne.......................................................................................................................60
Tabele............................................................................................................................................61
Formularze ....................................................................................................................................62
Ł6cza do innych stron..........................................................................................................................64
Obrazy .................................................................................................................................................65
Komentarze..........................................................................................................................................66
Skrypty ................................................................................................................................................66
Wszystko razem...................................................................................................................................67
Podsumowanie.....................................................................................................................................68
/01
Podstawowe zasady dotycz6ce kodu HTML .......................................................................................69
UIywanie swobodnych białych znaków........................................................................................70
UIywanie poprawnej formy j zyka HTML...................................................................................70
Wstawianie w kodzie komentarzy................................................................................................. 71
Tworzenie podstawowej struktury.......................................................................................................72
Deklarowanie typu dokumentu............................................................................................................72
Definiowanie tytułu dokumentu ..........................................................................................................73
Dostarczanie informacji wyszukiwarkom............................................................................................73
Definiowanie domylnej cieIki..........................................................................................................74
Definiowanie automatycznego odwieIania i przekierowania.............................................................75
Kolor tła strony i obrazy w tle .............................................................................................................76
Definiowanie koloru tła.................................................................................................................76
Definiowanie obrazu w tle dokumentu..........................................................................................77
Podsumowanie.....................................................................................................................................78
!"
&(2
Podziały wierszy..................................................................................................................................81
Akapity..........................................................................................................................................83
R czne wstawianie podziałów wierszy .........................................................................................85
Twarde spacje......................................................................................................................................87
Ł6czniki opcjonalne.............................................................................................................................87
Zachowanie formatowania — element <pre>......................................................................................88
Wci cia................................................................................................................................................90
Nagłówki .............................................................................................................................................92
Linie poziome......................................................................................................................................93
Grupowanie za pomoc6 elementu <div> .............................................................................................94
Podsumowanie.....................................................................................................................................97
" 11
Omówienie list.....................................................................................................................................99
Listy uporz6dkowane (numerowane).................................................................................................100
Listy nieuporz6dkowane (punktowane).............................................................................................105
Listy definicji ....................................................................................................................................108
Listy zagnieIdIone ............................................................................................................................110
Podsumowanie...................................................................................................................................111
+3
0
Formaty graficzne stosowane w dokumentach WWW......................................................................113
Kompresja obrazu .......................................................................................................................114
Opcje kompresji ..........................................................................................................................114
Gł bia kolorów............................................................................................................................116
Zwi kszanie szybkoci pobierania stron .....................................................................................117
Przygotowanie plików graficznych....................................................................................................118
NajwaIniejsze funkcje.................................................................................................................119
Darmowe oprogramowanie alternatywne....................................................................................120
Progresywne obrazy JPEG i rysunki GIF z przeplotem ..............................................................120
Wstawianie rysunków........................................................................................................................122
Rozmieszczanie rysunków.................................................................................................................123
Opis wywietlany w przegl6darkach tekstowych ..............................................................................125
Wymiary i skalowanie rysunków ......................................................................................................126
Obramowanie rysunków....................................................................................................................128
Mapy obrazu......................................................................................................................................128
Definiowanie mapy obrazu .........................................................................................................130
Definiowanie obszarów aktywnych.............................................................................................130
Poł6czenie poszczególnych rozwi6zaN........................................................................................132
Animacje ...........................................................................................................................................133
Podsumowanie...................................................................................................................................134
'4/
Czym s6 ł6cza? ..................................................................................................................................136
Ł6cza do stron WWW .......................................................................................................................137
Ł6cza wzgl dne i bezwzgl dne..........................................................................................................138
Docelowe okna ł6czy.........................................................................................................................140
Tekst podpowiedzi ł6cza....................................................................................................................141
Skróty klawiaturowe i kolejno uaktywniania ł6czy........................................................................142
Skróty klawiaturowe....................................................................................................................142
Kolejno uaktywniania ł6czy.....................................................................................................142
Tworzenie kotwic ..............................................................................................................................143
Dobór kolorów ł6czy .........................................................................................................................144
Parametry dokumentu docelowego....................................................................................................145
Znacznik <link> ................................................................................................................................147
Podsumowanie...................................................................................................................................147
2 &1
Metody formatowania tekstu .............................................................................................................149
Znacznik <font>..........................................................................................................................150
Akcentowanie i inne znaczniki dotycz6ce tekstu.........................................................................150
Formatowanie tekstu przy uIyciu CSS........................................................................................151
Pogrubienie i kursywa .......................................................................................................................152
Czcionka o stałej szerokoci..............................................................................................................153
Indeksy — górny i dolny...................................................................................................................153
Skróty ................................................................................................................................................154
Oznaczanie zmian w dokumencie — wstawianie i usuwanie tekstu..................................................154
Grupowanie elementów tekstowych znacznikiem <span> ................................................................154
Podsumowanie...................................................................................................................................155
!"() !"*++,-.
1#. '
Kodowanie znaków ...........................................................................................................................158
Znaki specjalne..................................................................................................................................158
Znaki spacji i mylników...................................................................................................................159
Symbol praw autorskich i znaku towarowego ...................................................................................160
Symbole walut...................................................................................................................................161
Rzeczywiste znaki cudzysłowu .........................................................................................................161
Strzałki ..............................................................................................................................................162
Znaki zawieraj6ce symbole akcentu ..................................................................................................162
Litery alfabetu greckiego i symbole matematyczne...........................................................................165
Inne uIyteczne symbole.....................................................................................................................168
Podsumowanie...................................................................................................................................170
5 -.'
Cz ci składowe tabeli HTML ..........................................................................................................171
Szeroko i wyrównanie tabeli ..........................................................................................................173
Odst py i otaczanie komórek.............................................................................................................176
Obramowanie i kraw dzie .................................................................................................................177
Obramowanie tabeli ....................................................................................................................177
Kraw dzie tabeli..........................................................................................................................178
Wiersze..............................................................................................................................................179
Komórki.............................................................................................................................................180
Podpis tabeli ......................................................................................................................................181
Grupowanie wierszy — nagłówek, tre i stopka tabeli ....................................................................183
Kolor tła.............................................................................................................................................185
Komórki rozci6gaj6ce si na kilka wierszy lub kolumn ....................................................................186
Grupowanie kolumn ..........................................................................................................................189
Podsumowanie...................................................................................................................................190
6.676/-.1
Podstawy formatowania z wykorzystaniem tabel..............................................................................191
Przykłady stron dost pnych w internecie...........................................................................................194
Strony pływaj6ce ...............................................................................................................................197
Niestandardowe poł6czenie grafiki i tekstu .......................................................................................199
Menu nawigacyjne i bloki dokumentów............................................................................................ 202
Dokumenty wielokolumnowe............................................................................................................203
Podsumowanie...................................................................................................................................204
65
Omówienie ramek..............................................................................................................................205
Zbiory ramek i zawarto ramek .......................................................................................................208
Tworzenie zbioru ramek..............................................................................................................208
Marginesy, obramowania i paski przewijania ramek...................................................................210
Modyfikacja rozmiaru ramek ......................................................................................................211
Odsyłacze do ramek...........................................................................................................................213
ZagnieIdIone zbiory ramek...............................................................................................................215
Ramki pływaj6ce ...............................................................................................................................217
Podsumowanie...................................................................................................................................220
Zgłoś jeśli naruszono regulamin