Tanuljuk meg a HTML és CSS használatát 24 óra alatt

Tartalom

1. óra • A Web működése 1
A HTML és a Világháló rövid története 2
A webes tartalmak létrehozása 3
A webes tartalmak kézbesítésének módja 4
A webgazda kiválasztása 6
Tesztelés több webböngészőben 8
Összefoglalás 9
2. óra • A webes tartalom közzététele 13
Az óra példafájljának elkészítése 13
Fájlok átvitele az FTP segítségével 14
A fájlok helye a webkiszolgálón 18
A tartalom közzététele webkiszolgáló nélkül 22
A webes tartalom ellenőrzése 24
Összefoglalás 25
3. óra • A HTML és az XHTML alapjai 27
Az egyszerű weboldalak készítésének alapjai 29
Az XHTML-oldalakon kötelezően felhasználandó HTML-elemek 33
Oldalszerkezet kialakítása bekezdésekkel és sortörésekkel 35
A tartalom tagolása címsorok segítségével 38
A webes tartalom érvényességének vizsgálata 40
HTML, XML, XHTML és HTML 5 - útmutató a szabványok dzsungeléhez 42
Összefoglalás 44
4. óra • A stíluslapok világa 49
A CSS működése 50
Egyszerű stíluslap létrehozása 52
A CSS-stílusok használatának alapjai 57
Stílusosztályok használata 61
Stílusazonosítók használata 63
Belső stíluslapok és kódon belüli stílusok 64
Összefoglalás 67
5. óra • Szövegblokkok és listák 71
Szöveg igazítása az oldalon belül 72
A HTML három listatípusa 76
Listák a listákban 78
Összefoglalás 83
6. óra • Betűformázás 87
Félkövér, dőlt és egyéb betűalakok 88
Haladó betűbeállítások 92
Különleges karakterek használata 96
Összefoglalás 99
7. óra • Információk megjelenítése táblázatok segítségével 103
Egyszerű táblázat létrehozása 104
Táblázat méretének beállítása 107
Tartalom igazítása és átívelése a táblázaton belül 110
Oldalelrendezés kialakítása táblázatokkal 113
Összefoglalás 114
8. óra • Külső és belső hivatkozások használata 119
Webcímek használata 120
Oldalon belüli hivatkozások horgonyokkal 122
Hivatkozások a saját oldalaink között 126
Hivatkozás külső webes tartalomra 129
Hivatkozás elektronikus levélcímre 130
Hivatkozás megnyitása új böngészőablakban 132
Hivatkozások formázása CSS-stílusokkal 132
Összefoglalás 136
9. óra • A színek használata 141
A színválasztás fogásai 142
Webszínek 143
Hexadecimális színkódok 145
A háttér, a szöveg és a szegélyek színének beállítása CSS-kódokkal 147
Összefoglalás 149
10. óra • Képek készítése webes használatra 153
A grafikai alkalmazás kiválasztása 154
Amit a grafikáról mindenképp tudnunk kell 155
A fényképek előkészítése 156
Reklámcsíkok és nyomógombok készítése 162
Hogyan csökkenthető a színek száma egy képen? 164
Átlátszó képek használata 165
Mozaikos háttér kialakítása 166
Animációt tartalmazó webes grafika készítése 168
Összefoglalás 168
11. óra • Képek használata a webhelyen 173
Képek elhelyezése egy weboldalon 174
Képek szöveges leírása 177
A kép szélességének és magasságának megadása 178
Képek igazítása 179
Képek átalakítása hivatkozássá 183
Háttérképek használata 186
Képtérképek készítése 188
Összefoglalás 194
12. óra • Multimédia a webhelyen 199
Hivatkozás multimédiafájlokra 201
Multimédiafájlok beágyazása 204
További ötletek a multimédia használatához 207
Összefoglalás 209
13. óra • Keretek használata 213
Mik azok a keretek? 214
Keretváz kialakítása 216
Hivatkozások keretek és ablakok között 219
Belső keretek használata 221
Összefoglalás 223
14. óra • A külső és a belső margó, az igazítások és az úsztatás használata 229
Margók használata 231
Az elemek belső margója 238
Elemek igazítása 242
A float tulajdonság 243
Összefoglalás 246
15. óra • A CSS dobozmodellje és az elemek elhelyezése 249
A CSS dobozmodellje 250
Nagykanállal az elhelyezésről 253
Az egymás tetejére kerülő elemek elhelyezkedésének szabályozása 258
A szöveg folyásirányának szabályozása 260
Összefoglalás 261
16. óra • Szemrevalóbb listák és egyebek - a CSS használatával 265
Ismétlés - a HTML listái 266
A CSS-dobozmodell hatása a listákra 267
A felsorolásjelek elhelyezése 270
Képtérképek készítése listaelemek és CSS használatával 272
Összefoglalás 276
17. óra • Navigációs felület kialakítása a CSS segítségével 279
Miben különböznek a navigációs listák a hagyományos társaiktól? 280
Függőleges navigációs sáv készítése CSS-kód segítségével 281
Vízszintes navigációs sáv készítése CSS-kód segítségével 290
Összefoglalás 294
18. óra • Szövegmódosítás egérműveletekkel 297
Lebegő leírások létrehozása CSS segítségével 298
Egyéb szövegrészletek megjelenítése CSS-kód segítségével 301
Események elérése 303
Összefoglalás
19. óra • Rögzített és folyékonyelrendezések létrehozása 313
Rögzített elrendezések 314
Folyékony elrendezések 316
Rögzített-folyékony kevert elrendezések 319
Összefoglalás 329
20. óra • Nyomtatóbarát weboldalak készítése 331
Mi teszi nyomtatóbaráttá a weboldalakat? 332
A megjelenési formához illő stíluslap használata 335
A nyomtatható oldalakhoz való stíluslap elkészítése 337
Az oldalak nyomtatási előnézetének megtekintése 341
Összefoglalás 342
21. óra • Dinamikus webhelyek 345
A parancsfájlok különféle típusai 346
JavaScript-kód a HTML nyelvű oldalakon 347
Véletlenszerű tartalom megjelenítése 349
A dokumentum-objektummodell 352
Képváltás felhasználói műveletek alapján 353
Összefoglalás 355
22. óra • Webes űrlapok 357
A HTML-űrlapok működése 358
Űrlap létrehozása 359
Szöveges adatok fogadása 363
Az űrlapelemek elnevezése 364
Rejtett adatok az űrlapokon 364
Az űrlapok beviteli vezérlői 365
Az űrlapadatok elküldése 369
Összefoglalás 369
23. óra • Webhelyek összeállítása és kezelése 373
Amikor egy oldal is elég 374
Egyszerű webhely felépítése 376
Nagyobb webhely összeállítása 380
Fenntartható HTML-kód készítése 383
Összefoglalás 386
24. óra • Segítség a kereséshez 389
A webhelyünk népszerűsítése 390
Weboldalaink felvétele a nagyobb keresők adatbázisaiba 391
Tippek a keresőknek 393
A keresésoptimalizálás további fogásai 399
Összefoglalás 400
A függelék • HTML-és CSS-források az Interneten 403
Általános információk a HTML-lel, az XHTML-lel és a CSS-sel kapcsolatban 403
Webböngészők 404
Weboldalak tervezése 404
Szoftver 404
Színek és grafika 405
Multimédia 405
Fejlesztői források haladóknak 406
Bérelt webtárhely-szolgáltatás 406
Webhely-üzemeltetési szolgáltatások 406
B függelék • XHTML 1.1 és CSS 2 gyorstalpaló 407
Szerkezeti XHTML-elemek 408
XHTML-szövegtömbök és -bekezdések 411
Szövegformázó XHTML-elemek 413
XHTML-listák 414
XHTML-hivatkozások 415
XHTML-táblázatok 416
Beágyazott tartalmat szabályozó XHTML-elemek 422
XHTML-stílusok 424
XHTML-űrlapok 424
XHTML-parancskódok 427
Általános XHTML-jellemzők 427
Méretbeállító CSS-stílustulajdonságok 428
Szöveg- és betűstílus-beállító CSS-tulajdonságok 429
Háttérbeállító CSS-stílustulajdonságok 431
Szegélybeállító CSS-stílustulajdonságok 432
Margóbeállító CSS-stílustulajdonságok 434
Kitöltésbeállító CSS-stílustulajdonságok 435
Elrendezési és megjelenítési CSS-stílustulajdonságok 435
Lista- és felsorolásjel-beállító CSS-stílustulajdonságok 437
Táblázatformázó CSS-stílustulajdonságok 438
Tárgymutató 439

Témakörök