CSS & DHTML webfejlesztőknek

Betűtípusok méretezése és rétegek elhelyezése stíluslapokkal

Szerző

Szerkesztő

Fordító

Lektor

'Dan Livingston: CSS & DHTML webfejlesztőknek ' összes példány

Kiadó:	Kossuth Kiadó
Kiadás helye:	Budapest
Kiadás éve:	2003
Kötés típusa:	Ragasztott papírkötés
Oldalszám:	244 oldal
Sorozatcím:
Kötetszám:
Nyelv:	Magyar
Méret:	23 cm x 16 cm
ISBN:	963-09-4475-8
Megjegyzés:	Fekete-fehér ábrákkal.

Értesítőt kérek a kiadóról

A beállítást mentettük,
naponta értesítjük a beérkező friss
kiadványokról

Fülszöveg

A felhasználók zöme a lépcsőzetes stíluslapok (CSS) és a dinamikus HTML (DHTML) alkalmazására képes webböngészőket használ. Ezért fontos, hogy az általuk nyújtott lehetőségeket a weboldalak készítésénél igénybe vegyük, és gyorsabban betöltődő, minden korábbinál tetszetősebb weblapokat indíthassunk.
A neves webfejlesztő szerző könyvéből információkat kaphatunk a CSS és a DHTML szakmai fogásairól. Számos példát mutat be a mindennapi gyakorlatban keresett témájú webhelyek felépítésére, amelyek különféle termékek eladásával, az érdeklődő látogatók tájékoztatásával, hirdetések megjelenítésével, játékos vetélkedők lebonyolításával és még sok más területtel foglalkoznak, kifinomult interaktivitást biztosítanak. A kész példaoldalak megtalálhatók a weben, kódjuk tetszőlegesen tanulmányozható és kedvünk, igényeink szerint felhasználható. Kötetünkből többek között megismerhetők a stíluslapok alapjai: a <STYLE>, a <DIV>, a z-index és a <SPAN>; az interaktivitás a DHTML segítségével; a... Tovább

Tartalom

Előszó 11
Kinek érdemes elolvasnia ezt a könyvet? 11
A könyv felépítése 11
A második kiadás jellemzői 12
Köszönetn5dlvánítás 12
A szerzőről 12
1. fejezet. A CSS és a DHTML bemutatása 13
A CSS fogalma 13
Mit tehet a CSS? 14
Mikor hasznos igazán a CSS? 14
A DHTML fogalma 14
Mit tehet a DHTML? 15
A DHTML korlátai 15
Mikorjó a DHTML? 15
DHTML vagy Flash 16
A böngészők pokla 16
Amit már tudni érdemes 16
2. fejezet. CSS (stíluslapok) 17
A stíluslapok áttekintése 17
A stíluslapok helye 17
Több osztály és lépcsőzetes alkalmazás 19
Az osztályokban megadható elemek 21
font-family 21
font-size 22
font-weight 22
font-style 22
color 22
text-decoration 23
text-transform 23
text-indent 23
line-height 23
text-align 23
A stílusok és az osztályok beállítási helye 23
Osztályok hívása 24
Stílusok beállítása 26
Külső stíluslap csatolása 27
Rétegek elhelyezése 29
A z-index 35
HTML kódelemek módosítása 36
3. fejezet. A DHTML alapjai 38
Az oldalak szerkezete: a DOM " 38
Böngészőfüggetlen kódolás 40
Rétegek megjelenítése és elrejtése 44
Képtérkép létrehozása 44
A showLayer függvény hívása 44
A news réteg létrehozása 45
A réteg csinosítása 48
A products réteg létrehozása 50
Teljes másodlagos navigálás 52
Rétegdefiníciók létrehozása 52
A rétegek létrehozása 53
A JavaScript módosítása 54
Jobb módszer 56
4. fejezet. Rétegek animációja 64
A feladat: a menük kicsúsztatása 64
Az első animáció 64
Menük újrahasznosítása és elrejtése 69
A menük kigörgetése a látható területről 70
A menük visszahelyezése 70
Minden együtt 71
5. fejezet. Rétegek húzása 79
Tervezés 79
A húzás alapjai 83
Események 83
Objektumok 83
Az általános munkamenet 84
A húzás kódja 86
Események figyelése 86
onmousedown: a grabProduct függvény 89
onmousemove: a dragProduct függvény 93
onmouseup: a releaseProduct függvény 94
Minden együtt 97
6. fejezet. Interaktív játék
A terv 106
Az eredménytábla elemei 207
A HTML 107
A JavaScript 213
A beállítás 213
A válaszok ellenőrzése 115
7. fejezet. A játék továbbfejlesztése 130
A terv 130
A HTML 131
A JavaScript 135
A) függelék. A CSS stílusattribútumok áttekintése 151
Szegélytulajdonságok 151
border-top 151
border-bottom 151
border-right 151
border-left 151
border-color 152
border-top-color 152
border-right-color 152
border-bottom-color 152
border-left-color 152
border-style 153
border-top-style 154
border-right-style 154
border-bottom-style 154
border-left-style 154
border-width 155
border-top-width 155
border-right-width 155
border-bottom-width 155
border-left-width 155
clear 156
float 156
margin 157
margin-top 157
margin-right 157
margin-bottom 157
margin-left 157
padding 158
padding-top 159
padding-right 159
padding-bottom 159
padding-left 159
A szín és a háttér attribútumai 159
background-color 159
background-image 160
color 160
Osztályozó attribútumok 160
display 160
list-style-type 161
Fontattribútumok 162
font-family 162
font-size 162
font-style 163
font-weight 163
Szövegattribútumok 163
line-height 163
text-align 164
text-decoration 164
text-indent 164
text-transform 165
Helymegadó attribútumok 165
left 165
position 166
top 166
visibility 166
width 167
z-index 167
B) függelék. Különféle hivatkozások 168
A függelék tartalma 168
Hasznos webforrások 168
Külső stíluslapok 168
Helymegadó attribútumok 168
Mértékegységek 169
Színek 170
C) függelék. JavaScript összefoglaló 171
Alapvető objektumok 171
Array 171
Boolean 173
Date 173
Function 177
Math 178
Number 180
Object 181
RegExp - NEM ECMA 181
String 184
Operátorok 186
Vezérlőutasítások 190
Globális függvények 193
Utasítások 193
D) függelék. A Netscape Navigator 4 és az Internet Explorer 4 DOM modellje 195
A 195
Anchors 197
Applet 197
Area 198
Button 200
Checkbox 201
Document 202
Elements 206
Embeds 206
Event 207
FileUpload 207
Form 209
Forms[] 210
Frames[] 211
Hidden 211
History 212
Images[] 213
Links[ ] 214
Location 214
Navigator 216
Option 217
Password 218
Radio 219
Reset 220
Screen 221
Select 222
Submit 223
Text 224
Textarea 226
Window 226
E) függelék. Internet Explorer 5+ és Netscape 6 DOM - áttekintés 232
HTML elemek 232
Különleges HTML kódelemek és objektumok 233