html, xhtml i css. nowoczesne tworzenie stron www pełna wersja.pdf

HTML, XHTML i CSS.

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

Wydawnictwo Helion

ul. Koľciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

Kompleksowe omwienie podstawowego budulca witryn WWW, czyli jķzyka HTML

¤ Jak zbudowany jest dokument HTML?

¤ W jaki sposb umieszczaě na stronach WWW elementy graficzne?

¤ Jak stosowaě kaskadowe arkusze stylw?

W ostatnich latach zasady tworzenia witryn WWW zmieniĀy siķ znacznie. Dynamiczny

rozwj technologii i jķzykw programowania oraz wzrost wydajnoľci serwerw

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 serwisw

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

omwienie wszystkich elementw najnowszej specyfikacji jķzyka HTML. CzytajĴc jĴ,

poznasz strukturķ dokumentu HTML, znaczniki oraz ich atrybuty. Dowiesz siķ, jak

korzystaě z kaskadowych arkuszy stylw, 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 dokumentw HTML i XHTML

¤ Konstrukcja stylw CSS

¤ Definiowanie metadanych

¤ Znaczniki zawartoľci dokumentu

¤ Obrazy i formularze na stronach WWW

¤ Tabele

¤ Formatowanie elementw HTML za pomocĴ arkuszy stylw

¤ Podstawy JavaScript

Zrb pierwszy krok na drodze do projektowania atrakcyjnych stron WWW

Ï poznaj jķzyk HTML

Nowoczesne

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

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

<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

<param> ................................................................................................................. 101

Spis treści

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

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: