HTML_XHTML_i_CSS_Nowoczesne_tworzenie_stron_WWW_htxcno.pdf

(1357 KB) Pobierz
HTML, XHTML i CSS.
Nowoczesne
tworzenie stron WWW
Autor: David Schultz, Craig Cook
T³umaczenie: Rafa³ Joñca
ISBN: 978-83-246-1498-1
Tytu³ orygina³u:
Beginning HTML with CSS
and XHTML: Modern Guide and Reference
Format: 158x235, stron: 384
Kompleksowe omówienie podstawowego budulca witryn WWW, czyli jêzyka HTML
•
Jak zbudowany jest dokument HTML?
•
W jaki sposób umieszczaæ na stronach WWW elementy graficzne?
•
Jak stosowaæ kaskadowe arkusze stylów?
W ostatnich latach zasady tworzenia witryn WWW zmieni³y siê znacznie. Dynamiczny
rozwój technologii i jêzyków programowania oraz wzrost wydajnoœci serwerów
sprawi³y, ¿e strony internetowe sta³y siê teraz naprawdê funkcjonalne i atrakcyjne.
Jêzyki, takie jak PHP i ASP, oraz technologia AJAX umo¿liwi³y budowanie
dynamicznych witryn WWW pobieraj¹cych dane z baz i dzia³aj¹cych jak typowe
aplikacje biurowe. Pomimo tak ogromnej rewolucji, u podstaw wszystkich serwisów
WWW nadal le¿y jêzyk HTML. Jego znajomoœæ jest niezbêdna do zbudowania ka¿dej
witryny WWW – od najprostszej do najbardziej z³o¿onej. Dopiero po opanowaniu jêzyka
HTML i œciśle zwi¹zanej z nim technologii CSS mo¿na wykonaæ nastêpny krok.
W ksi¹¿ce „HTML, XHTML i CSS. Nowoczesne tworzenie stron WWW” znajdziesz
omówienie wszystkich elementów najnowszej specyfikacji jêzyka HTML. Czytaj¹c j¹,
poznasz strukturê dokumentu HTML, znaczniki oraz ich atrybuty. Dowiesz siê, jak
korzystaæ z kaskadowych arkuszy stylów, tworzyæ formularze i umieszczaæ w
dokumentach elementy graficzne, a tak¿e multimedialne. Przeczytasz tak¿e o jêzyku
JavaScript oraz przeœledzisz rzeczywisty projekt witryny internetowej.
•
Historia jêzyka HTML
•
Idea rozdzielenia treœci od prezentacji
•
Struktura dokumentów HTML i XHTML
•
Konstrukcja stylów CSS
•
Definiowanie metadanych
•
Znaczniki zawartoœci dokumentu
•
Obrazy i formularze na stronach WWW
•
Tabele
•
Formatowanie elementów HTML za pomoc¹ arkuszy stylów
•
Podstawy JavaScript
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Zrób pierwszy krok na drodze do projektowania atrakcyjnych stron WWW
– poznaj jêzyk HTML
Spis treści
Podziękowania .................................................................................................................. 9
O autorach ...................................................................................................................... 11
Słowo wstępne ................................................................................................................ 13
Wprowadzenie ................................................................................................................ 15
Rozdział 1. Zaczynamy .................................................................................... 19
Wprowadzenie do internetu i witryn WWW .................................................................. 19
Czym jest HTML? .......................................................................................................... 20
Ewolucja języka HTML ........................................................................................... 21
Jeden język, wiele wersji .......................................................................................... 21
Jedna wersja, trzy odmiany ...................................................................................... 22
Walidacja dokumentów ............................................................................................ 23
Oddzielanie zawartości od prezentacji ............................................................................ 24
Praca z XHTML i CSS ................................................................................................... 25
Edytor tekstu ............................................................................................................ 25
Przeglądarki internetowe .......................................................................................... 26
Umieszczanie witryny na serwerze .......................................................................... 26
Wprowadzenie do adresów URL .................................................................................... 27
Składniki adresu URL .............................................................................................. 27
Adresy pełne i relatywne .......................................................................................... 29
Podsumowanie ................................................................................................................ 30
Rozdział 2. Podstawy dokumentów HTML i arkuszy stylów ................................ 31
Elementy składowe języka HTML — znaczniki i atrybuty ............................................ 31
Elementy blokowe i wewnętrzne .............................................................................. 33
Zagnieżdżanie elementów ........................................................................................ 34
Znaki niedrukowane ................................................................................................. 34
Atrybuty standardowe .............................................................................................. 35
Komentarze .............................................................................................................. 37
Dokument XHTML ........................................................................................................ 37
Typ dokumentu ........................................................................................................ 38
Element html ............................................................................................................ 40
I pozostała część… ................................................................................................... 41
Drzewo dokumentu .................................................................................................. 41
Podstawy arkuszy stylów ................................................................................................ 42
Anatomia reguły CSS ............................................................................................... 42
Selektory CSS .......................................................................................................... 43
Szczegółowość i kaskadowość arkuszy stylów ........................................................ 47
Dołączanie arkuszy stylów do dokumentów ............................................................ 49
4
HTML, XHTML i CSS. Nowoczesne tworzenie stron WWW
Kolejność stosowania kaskady ................................................................................. 51
Dyrektywa !important .............................................................................................. 52
Formatowanie kodu CSS .......................................................................................... 53
Komentarze CSS ...................................................................................................... 54
Podsumowanie ................................................................................................................ 55
Rozdział 3. Metadane dokumentu .................................................................... 57
Element head .................................................................................................................. 57
<head> ...................................................................................................................... 57
Elementy wspierające ..................................................................................................... 58
<base> ...................................................................................................................... 59
<link> ....................................................................................................................... 60
<meta> ..................................................................................................................... 61
<script> .................................................................................................................... 62
<style> ...................................................................................................................... 63
<title> ....................................................................................................................... 64
Podsumowanie ................................................................................................................ 66
Rozdział 4. Dodawanie zawartości .................................................................... 67
Zawartość i struktura ...................................................................................................... 67
Element body .................................................................................................................. 68
<body> ..................................................................................................................... 68
Logiczne porcje .............................................................................................................. 70
<p> ........................................................................................................................... 70
Nagłówki: h1, h2, h3, h4, h5 i h6 ............................................................................. 72
<blockquote> ........................................................................................................... 73
<address> ................................................................................................................. 75
<pre> ........................................................................................................................ 76
Listy ................................................................................................................................ 77
<ul> .......................................................................................................................... 77
<ol> .......................................................................................................................... 79
<li> ........................................................................................................................... 80
Lista definicji .................................................................................................................. 82
<dl> .......................................................................................................................... 82
<dt> .......................................................................................................................... 83
<dd> ......................................................................................................................... 83
Elementy dotyczące fraz ................................................................................................. 85
<em> ........................................................................................................................ 85
<strong> ................................................................................................................... 86
<cite> ....................................................................................................................... 87
<q> ........................................................................................................................... 88
<dfn> ........................................................................................................................ 89
Skróty: <abbr> i <acronym> .................................................................................... 90
Modyfikacje dokumentu: <ins> i <del> ................................................................... 91
<bdo> ....................................................................................................................... 92
Elementy związane z programowaniem: <code>, <kbd>, <samp> i <var> ............. 93
<br> .......................................................................................................................... 95
<hr> .......................................................................................................................... 96
Elementy do wielu zastosowań ....................................................................................... 97
<div> ........................................................................................................................ 98
<span> ...................................................................................................................... 99
Osadzanie zewnętrznej treści ........................................................................................ 100
<object> ................................................................................................................. 100
<param> ................................................................................................................. 101
Spis treści
5
Elementy prezentacyjne ................................................................................................ 103
<i> i <b> ................................................................................................................ 103
<big> i <small> ...................................................................................................... 103
<tt> ......................................................................................................................... 103
<sup> i <sub> ......................................................................................................... 103
Znaki specjalne ............................................................................................................. 104
Nadawanie zawartości stylu za pomocą CSS ............................................................... 106
Deklaracja podstawowych stylów czcionek ........................................................... 106
Style list .................................................................................................................. 111
Podsumowanie .............................................................................................................. 113
Rozdział 5. Obrazy ......................................................................................... 115
Jak działają cyfrowe obrazy? ........................................................................................ 116
Formaty obrazów przyjazne stronom WWW ......................................................... 117
Umieszczanie obrazów na stronach WWW .................................................................. 120
<img> ..................................................................................................................... 120
Obrazy w kontekście innych elementów ................................................................ 127
Otaczanie obrazu tekstem ............................................................................................. 128
Obrazy tła ..................................................................................................................... 130
Pozycjonowanie obrazu tła ..................................................................................... 133
Podsumowanie .............................................................................................................. 135
Rozdział 6.
Łącza
i odnośniki ......................................................................... 137
Znacznik
łącza
.............................................................................................................. 137
<a> ......................................................................................................................... 137
Użycie elementu a ........................................................................................................ 139
Łącza
do innych dokumentów ................................................................................ 139
Łącza
do dokumentów w formacie innym niż XHTML ......................................... 141
Łącza
z adresami e-mail ......................................................................................... 143
Obraz jako
łącze
........................................................................................................... 144
Wykorzystanie identyfikatorów .................................................................................... 145
Użycie CSS dla elementu
łącza
.................................................................................... 146
Mapy obrazów .............................................................................................................. 149
<map> .................................................................................................................... 150
<area> .................................................................................................................... 151
Podsumowanie .............................................................................................................. 154
Rozdział 7. Tabele ......................................................................................... 155
Podstawy tworzenia tabel ............................................................................................. 155
<table> ................................................................................................................... 156
<tr> ......................................................................................................................... 157
<td> ........................................................................................................................ 159
Przykład zastosowania tabeli ........................................................................................ 160
<caption> ............................................................................................................... 162
<th> ........................................................................................................................ 164
Zaawansowane wykorzystanie tabel ............................................................................. 166
<tbody> .................................................................................................................. 168
<thead> .................................................................................................................. 169
<tfoot> .................................................................................................................... 170
<colgroup> ............................................................................................................. 173
<col> ...................................................................................................................... 174
6
HTML, XHTML i CSS. Nowoczesne tworzenie stron WWW
Wykorzystanie CSS do nadawania stylu tabelom ......................................................... 176
Dodawanie obramowania ....................................................................................... 176
Wyrównywanie tekstu w tabeli .............................................................................. 178
Dodawanie odstępów do komórek ......................................................................... 179
Dodawanie tła do tabeli .......................................................................................... 180
Podsumowanie .............................................................................................................. 182
Rozdział 8. Formularze ................................................................................... 183
Jak działają formularze? ............................................................................................... 183
Elementy składowe formularza .................................................................................... 184
<form> ................................................................................................................... 185
<input> ................................................................................................................... 187
<button> ................................................................................................................. 196
<select> .................................................................................................................. 198
<option> ................................................................................................................. 200
<optgroup> ............................................................................................................. 201
<textarea> ............................................................................................................... 203
Nadawanie formularzom struktury ............................................................................... 205
<fieldset> ............................................................................................................... 205
<legend> ................................................................................................................. 207
<label> ................................................................................................................... 209
Nadawanie formularzom stylów za pomocą CSS ......................................................... 211
Usuwanie obramowania z zestawu pól ................................................................... 213
Wyrównywanie etykiet ........................................................................................... 214
Zmiana czcionki kontrolek formularza ................................................................... 215
Podsumowanie .............................................................................................................. 216
Rozdział 9. CSS, czyli arkusze stylów ............................................................. 219
Wykorzystywanie zewnętrznych arkuszy stylów ......................................................... 219
Jednostki miary ............................................................................................................. 221
Układ graficzny ............................................................................................................ 222
Pojemniki ............................................................................................................... 222
Rozmiar i rozmieszczenie pojemnika ..................................................................... 225
Ustalanie położenia pojemnika ............................................................................... 227
Tło ................................................................................................................................ 235
Nadawanie stylu tekstowi ............................................................................................. 236
Rodzaje mediów ........................................................................................................... 238
Zgodność ...................................................................................................................... 239
Podsumowanie .............................................................................................................. 240
Rozdział 10. Podstawy wykonywania skryptów po stronie klienta ...................... 241
Czym są skrypty? ......................................................................................................... 241
Umieszczanie kodu JavaScript ..................................................................................... 242
Język JavaScript ........................................................................................................... 243
Reguły składni języka ............................................................................................ 244
Operatory i wyrażenia ............................................................................................ 246
Instrukcje ................................................................................................................ 248
Pętle ........................................................................................................................ 254
Funkcje ................................................................................................................... 258
Tablice .................................................................................................................... 259
Tematy zaawansowane ................................................................................................. 259
Obsługa zdarzeń ..................................................................................................... 260
DOM ...................................................................................................................... 262
Walidacja formularzy ............................................................................................. 263
Podsumowanie .............................................................................................................. 265

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin