Tips på böcker om XHTML, CSS och DHTML

[Jakob Persson]

Har letat efter böcker som förklarar XHTML och DHTML. Jag har tänkt kasta ut tabellerna för gott och använda lager fullt ut och har nu tänkt lära mig bemästra DIV. Även böcker om DHTML är av intresse. Tips mottages gärna!

 

[Don Tomas]

Det var en jäkla massa ... för Dummys/Nybörjare -böcker på bokrean i år ~29:-/st

Kanske kan vara något att börja med iaf.

 

/TN

-

 

[Jakob Persson]

Tack för tipset men jag brukar aldrig få ut mycket av ...för Dummies-böcker. Jag gillar WROX' böcker, Friend's of Ed:s böcker brukar också vara bra.

 

Grejen är den att jag inte letar efter en nybörjarbok utan snarare en referens för avancerade användare, med mycket exempel och gärna en CD med lite gratiskod.

 

[ulrikajosefsson]

Tack för tipset men jag brukar aldrig få ut mycket av ...för Dummies-böcker.

 

Håller med dig angående för Dummies-serien. Kan rekommendera For the world wide web - Visual Quickstart - serien. Bra för både nybörjare och lite mer avancerade användare. Jag har fortfarande nytta av min html-bok...

En bra DHTML-bok är just DHTML and CSS for the world wide web.

XHTML-böcker har jag inga tips på, letar själv...

 

[inlägget ändrat 2003-02-27 13:32:09 av ulrikajosefsson]

[Fredrik Andersson]

Jag har en bok om XHTML och jag tycker den är väldigt bra, det är förlaget Docendo som gett ut den och om jag inte har fel heter skribentetn Erik Ronne...

Du kan läsa mer om boken på http://www.docendo.se

 

[mrjean]

Fredrik, är boken från Decendo avancerad? Tar den upp DIV, css etc?

 

Annars är sajten http://www.w3schools.com att rekommendera (klicka dig fram till XHTML).

 

[Fredrik Andersson]

Den tar upp en del:

Kapitel 1 – Introduktion

 

Markeringsspråk 1

Taggar, element och attribut i XHTML 2

Vad är SGML och DTD? 3

Vad är XML? 4

XML är påbyggbart 4

XML är långsiktigt 5

XML är portabelt 6

Vad är egentligen XHTML? 6

Analyserbara dokument och analysträd 7

Skillnaden mellan HTML och XHTML 10

XHTML-huvud 10

Dokumentet måste ha head och title 11

Enbart små bokstäver 11

Citattecken runt värden 11

Alla stopptaggar ska vara med 12

Inbyggda stopptaggar i tomma element 13

XHTML-dokumentets arkitektur 13

Hur är XHTML-huvudet uppbyggt? 15

Tre officiella versioner av XHTML 16

Den korrekta versionen – strict 17

Kompromissversionen – transitional 17

Versionen för ramar – frameset 18

Distribuera som HTML! 18

Du skriver med en texteditor 20

Webbsidan med övningsfiler 21

Skapa en mapp för övningsfiler 22

Ett allra första XHTML-dokument 22

 

Kapitel 2 – Text

 

Block eller inline? 27

Formatera logiskt eller fysiskt 29

Försök använda logiska element! 29

Logiska element för inlineformatering 30

em – för betonad text 30

strong – för starkt betonad text 30

sup och sub – för upphöjd och nedsänkt text 31

acronym – för förkortningar 31

bdo – skriver baklänges 32

cite – för citat 32

code, var och kbd – för formler och datakod 33

dfn – för definitioner 33

q – för längre citat 34

samp – för inskrift 34

Fysiska element 35

b – för fet stil 35

i – för kursiv stil 35

big och small – för stor och liten stil 36

tt – för monospace 36

br – för radmatning 36

Generella attribut 37

title – för en valfri text kopplad till elementet 37

lang och xml:lang – för att ange språk 38

id – för att ge ett element ett unikt namn 38

class – för en grupp element 39

style – för formatering med CSS 39

Blockelement 39

Elementet body är också ett blockelement! 39

Stycken med p 42

Rubriker med h1 till h6 43

Adresser 45

Blockelementet div 45

Bevara radbrytningar och mellanslag 45

Horisontell avgränsare 47

Blockcitat 47

Justera texten i blockelement 51

Listor 52

Punktlista 53

Ordnad lista 54

Definitionslista 55

Inkapslade listor 59

 

Kapitel 3 – CSS

 

Logisk och fysisk formatering 63

Vad är CSS? 64

CSS i denna bok 65

Introduktion till CSS 66

Länka med link 66

Skapa CSS-dokumentet 67

Samma regel för flera element 68

Skapa egna logiska element 69

Det generella elementet div 70

Regler för attributet id 71

Regler baserade på kontext 72

Prioritet vid regelkonflikter 72

CSS-regler i XHTML-koden 74

Kommentarer i CSS-koden 75

Formatering av text med CSS 75

Teckensnitt 75

Teckenstorlek 81

Teckenstil 83

Teckentyngd 83

Kapitäler med small-caps 84

Teckenavstånd 85

Avstånd mellan ord 85

Textdekoration 86

Stora eller små bokstäver? 87

Färgad text 87

Bakgrundsfärg och bakgrundsbild 88

CSS för blockelement 91

Justera texten med text-align 91

Indrag av första raden 91

Radavstånd 92

Marginaler, kantlinjer och indrag 92

Bakgrundsfärg och bakgrundsbild 94

CSS-regler för listor 95

Läs mer om CSS 97

 

Kapitel 4 – Länkar

 

Lägga in länkar 99

Hur fungerar webbadressen? 100

Kopiera alltid webbadressen! 101

Ett exempel med länkar 102

Absoluta och relativa länkar 105

Dokumentrelativ länk 105

Rotrelativ länk 106

Vilken typ av länkar ska jag välja? 106

Länkar inom ett dokument 107

Definiera ett mål 107

Länka till målet 107

Externa länkar med mål 108

Skapa mål med id 108

Länkar till e-postadresser 109

Länkar till filer 110

Formatera länkar 111

CSS och länkar 112

Dynamiska länkar med :hover 112

En övning med länkar och CSS 113

XHTML-dokumentet med logisk formatering 114

CSS-dokument med fysisk formatering 118

 

Kapitel 5 – Grafik

 

Elementet img för bilder 123

Ange bildtext med alt 124

Lägga in en bild 126

Placera bilden på webbsidan 128

Låt texten rama in bilden 129

Överst, underst eller mitt på raden 130

Bildens storlek 132

Bilder som länkar 133

CSIM – Klickbara kartor 134

Den klickbara bilden 135

Elementet map 136

En övning med en klickbar karta 138

Hjälpprogram för CSIM 142

Webbgrafik och CSS 142

Skala om bilden 143

Olika bildformat 143

GIF 144

JPEG 145

PNG 146

OK – vad ska jag nu välja för format? 146

Du behöver ett bra grafikprogram 147

 

Kapitel 6 – Ramar

 

Vad är ramar? 149

Hur fungerar ramar? 150

Varför ska ramarna bort? 152

Enskilda sidor indexeras inte 152

Favoriter och utskrifter 155

Ramar fungerar bara i webbläsare 155

Visst kan du använda ramar om du vill! 156

Ramuppsättningen 156

Ramuppsättningen är inte strict XHTML! 158

Ange ramarnas bredd och höjd 158

Felmeddelande i noframes 160

Länkar mellan ramar 161

Speciella mål 162

Ett exempel med länkar mellan ramar 162

Ramuppsättningens egenskaper 170

Bredden på ramarnas kanter 170

Platta eller tredimensionella ramkanter 170

Ramkanternas färg 171

Enskilda ramars egenskaper 171

Kanter och kantfärger 171

Ändra storlek på ramarna 171

Rullningslister 172

Marginaler 173

 

Kapitel 7 – Tabeller 1 Grunderna

 

Grunden till en tabell 175

Kantlinjer 177

Tabellhuvud 178

Tabellrubrik 179

Ett tabellexempel 180

Komplex tabellayout 184

Formatera tabellen 192

Tabellens höjd 194

Cellens bredd och höjd 194

Justera tabellen 195

Färg och bakgrundsbild 196

 

Kapitel 8 – Tabeller 2 Layout och CSS

 

Skapa en logisk struktur 197

Strukturera raderna 197

Strukturera kolumnerna 199

Kantlinjer och skiljelinjer 201

Bredd på kolumnen 211

Justering i grupperna 212

Bakgrundsbild och bakgrundsfärg 213

CSS och tabeller 213

Exakt kolumnbredd 214

Kantlinjer 215

Avstånd mellan celler 216

Placering av tabellrubriken 217

CSS för rad- och kolumngrupper 217

Logisk struktur och CSS 219

XHTML-dokumentet 220

CSS-dokumentet 227

Läs mer om CSS och tabeller 231

 

Kapitel 9 – Inbäddade objekt

 

Vad är ett inbäddat objekt? 233

Generella attribut för inbäddade objekt 234

Höjd och bredd 234

Justering av inbäddade objekt 234

Ej strikt XHTML 235

Iramar 235

Rullningslister 237

Länka mellan huvudsidan och iramen 237

En övning med en iram 238

Problem med iramar 243

Javaminiprogram 243

En övning med javaminiprogram 245

Ladda ner javaminiprogram från nätet 249

Externa objekt med embed 249

Insticksprogram krävs av användaren! 251

Ljud och film 252

Det generella elementet object 254

Bädda in data med object 254

Bädda in program 255

 

Kapitel 10 – XHTML och XML

 

Testa XML-processorn! 257

Externa CSS-filer 263

XML och framtiden 270

Sakregister 271