Tartalomjegyzék BEVEZETÉS.............. IX Kedves Olvasó.................... ix Kedves érettségizõ!................. x A mintafeladatok használata......... x WEBSZERKESZTÉSI ALAPISMERETEK HTML. 1 I. Elsõ weblapunk................ 1 A webdokumentum................ 1 Elemek és paraméterek............. 1 A weblap szerkezete................ 1 A webhely könyvtárszerkezete....... 2 A webszerkesztõ programok......... 3 Frontpage 2002.................... 3 Elemek leírása..................... 3 Bekezdések kezelése I................ 3 A weblap azonosítói................. 4 Tanácsok érettségire............... 5 Tanácsok szerkesztés.............. 5 1. mintafeladat elsõ weblapunk.... 5 Kezelési leírások.................... 6 Gyakorlati feladatok................ 7 Kódgyakorlatok.................... 8 II. Háttér beállítása............... 8 Áttekintés......................... 8 Elemek leírása..................... 8 Tanácsok dizájn................. 10 Megjegyzés...................... 10 2. mintafeladat háttérszín........ 11 3. Mintafeladat háttérkép........ 12 Kezelési leírások................... 12 Gyakorlati feladatok............... 12 Kódgyakorlatok................... 13 III. Karakterformázás............ 14 Áttekintés........................ 14 Elemek leírása.................... 14 Karakterekhez kapcsolódó beállítások... 14 Tanácsok dizájn................. 16 4. mintafeladat karakterformázás.. 16 Kezelési leírások................... 16 Gyakorlati feladatok............... 17 Kódgyakorlatok................... 18
iv Informatikai füzetek IV. Bekezdések.................. 18 Áttekintés........................ 18 Elemek leírása.................... 18 Bekezdések kezelése II............... 18 Tanácsok dizájn................. 20 5. mintafeladat szövegfájl betöltése...................... 21 6. mintafeladat bekezdések formázása..................... 21 7. mintafeladat választóvonal..... 22 8. mintafeladat sortörés alkalmazása................... 22 9. mintafeladat elõre formázott szöveg........................ 22 10. mintafeladat speciális karakterek.................... 23 11. mintafeladat margók.......... 23 Kezelési leírások................... 24 Gyakorlati feladatok............... 24 Kódgyakorlatok................... 25 V. Listák....................... 25 Elemek leírása.................... 25 Felsorolások...................... 25 Számozott listák.................. 26 Többszintû listák.................. 27 12. mintafeladat többszintû lista készítése Normál nézetben....... 27 13. mintafeladat többszintû lista készítése kódszerkesztéssel...... 28 Tanácsok......................... 28 Kezelési leírások................... 29 Gyakorlati feladatok............... 29 Kódgyakorlatok................... 30 VI. Képek...................... 30 A weben használható képek formátuma....................... 30 Képméret........................ 31 Elem leírása...................... 31 Tanácsok dizájn................. 32 Tanácsok érettségizõknek......... 32 14. mintafeladat kép átlátszóságának beállítása........ 33 15. mintafeladat kép átméretezése.. 33 16. mintafeladat kép beillesztése... 34 Kezelési leírások................... 35 Gyakorlati feladatok............... 35 Kódgyakorlatok................... 36 VII. Hivatkozások............... 36 Áttekintés........................ 36 Elemek leírása.................... 37 Tanácsok dizájn................. 38 Tanácsok érettségizõknek......... 38 17. mintafeladat hivatkozás képrõl.. 38 18. mintafeladat ugrás weblapra, hivatkozás színeinek beállítása... 39 19. mintafeladat ugrás hivatkozási pontra.............. 39 Kezelési leírások................... 40 Gyakorlati feladatok............... 40 Kódgyakorlatok................... 40 VIII. Táblázatok................. 41 A táblázatok feladata a weben....... 41 A táblázatok logikai szerkezete...... 41 Elemek leírása.................... 42 Tanácsok dizájn................. 44 20. mintafeladat táblázat létrehozása.................... 45 Kezelési leírások................... 46 Gyakorlati feladatok............... 47 Kódgyakorlatok................... 47 IX. Keretek..................... 48 Áttekintés........................ 48 Elemek leírása.................... 48 Keretek egymásba ágyazása......... 50
Az Internet használata II. v 21. mintafeladat keretes weblap létrehozása.................... 50 22. mintafeladat keretek feltöltése az alapértelmezett weblapokkal.. 51 23. mintafeladat keretek beállítása.. 52 24. mintafeladat hivatkozások keretekben.................... 52 Kezelési leírások................... 53 Gyakorlati feladatok............... 53 Kódgyakorlatok................... 54 X. Egyszerû ûrlapok............. 54 Áttekintés........................ 54 Elemek leírása.................... 55 Megjegyzés...................... 57 25. mintafeladat szövegmezõ és gomb...................... 58 26. mintafeladat választógomb, jelölõnégyzet, ûrlapmezõcsoport.. 59 Kezelési leírások................... 60 Gyakorlati feladatok............... 61 Kódgyakorlatok................... 62 XI. Listamezõ, többsoros szövegmezõ, fókusz........... 63 Elemek leírása.................... 63 A fókusz beállítása................. 64 Fókuszálási beállítások.............. 65 27. mintafeladat listamezõ......... 65 28. mintafeladat több elem kiválasztását engedélyezõ lista.... 66 29. mintafeladat többsoros szövegmezõ................... 67 30. mintafeladat a fókusz használata..................... 67 Kezelési leírások................... 68 Gyakorlati feladatok............... 69 Kódgyakorlatok................... 70 XII. Érettségi mintafeladatsorok.... 70 Feladatsorok...................... 70 1. feladatsor...................... 70 2.feladatsor...................... 71 3. feladatsor...................... 71 4. feladatsor...................... 71 Pontozási útmutató................ 72 1. feladatsor...................... 72 2. feladatsor...................... 72 3. feladatsor...................... 73 4. feladatsor...................... 73 STÍLUSOK............... 75 XIII. Bevezetés.................. 75 Elõnyök......................... 75 Hátrányok....................... 75 Értékelés......................... 75 XIV. Stílusszabályok.............. 76 Alapszerkezet..................... 76 Tulajdonságok csoportos megadása.. 76 Elemválasztók csoportos megadása.. 76 Osztálystílus...................... 76 Az osztálystílus létrehozása.......... 76 Az osztálystílus használata.......... 77 Azonosító stílus................... 77 Az azonosító stílus létrehozása........ 77 Az azonosító stílus használata........ 77 Öröklõdés........................ 77 Dokumentumfa................... 77 Öröklõdési szabályok............... 78 Kódgyakorlatok................... 78 XV. Stíluslapok beágyazása........ 79 Áttekintés........................ 79 Stílus a dokumentumtörzsben....... 79 Stílus a dokumentum fejrészében.... 79 Stílus külsõ fájlban................ 80 31. mintafeladat stílus a dokumentumfejben........... 80 32. mintafeladat stílusfájl létrehozása.................... 81
vi Informatikai füzetek 33. mintafeladat stílusfájl hozzárendelése weblaphoz...... 82 34. Mintafeladat stílus a dokumentumtörzsben......... 82 35. Mintafeladat azonosító stílus... 83 36. Mintafeladat osztálystílus...... 83 Kezelési leírások................... 84 Gyakorlati feladatok............... 84 Kódgyakorlatok................... 85 XVI. A Szövegek és a háttér beállításai.................. 85 Áttekintés........................ 85 Általánosan használt értékek........ 85 Fájlok elérése..................... 86 Háttértulajdonságok............... 86 Szövegtulajdonságok.............. 87 Betûtulajdonságok................ 88 Listatulajdonságok................ 88 37. Mintafeladat nem görgethetõ háttér......................... 88 38. Mintafeladat többszintû lista.... 89 Kezelési leírások................... 90 Gyakorlati feladatok............... 90 Kódgyakorlatok................... 91 XVII. A Dobozmodell............ 92 A dobozmodell................... 92 Tartalom........................ 92 Térköz......................... 92 Szegély (keret, border).............. 93 Margó (margin)................... 93 39. mintafeladat gombkészítés dobozmodellel................. 94 Kezelési leírások................... 95 Gyakorlati feladatok............... 95 Kódgyakorlatok................... 95 XVIII. Látszólagos elemválasztók.. 96 A látszólagos elemválasztó fogalma, fajtái............................ 96 Látszólagos elemek................. 96 Látszólagos osztályok............... 97 Dinamikus látszólagos elemválasztók... 97 40. mintafeladat látszólagos elemek....................... 97 41. mintafeladat dinamikus látszólagos elemválasztók........ 98 Kezelési leírások................... 99 Gyakorlati feladatok............... 99 Kódgyakorlatok................... 99 XIX. Hely megadása............ 100 Pozicionálás..................... 100 A pozicionálás módja.............. 100 A pozíciók értéke................. 100 Körbefolyatás.................... 101 Körbefolyatás tiltása.............. 101 Rétegek........................ 101 Bekezdés- és szövegcsoportok...... 102 Megjelenítés..................... 102 Láthatóság...................... 103 Megjelenítési mód................ 103 42. mintafeladat hasábok kialakítása.................... 103 43. mintafeladat elem igazítása a képernyõhöz................ 104 44. mintafeladat szövegdobozok készítése..................... 104 45. mintafeladat rétegek......... 105 46. mintafeladat láthatóság....... 106 Kezelési leírások.................. 107 Gyakorlati feladatok.............. 107 Kódgyakorlatok.................. 107 WEBLAP ELHELYEZÉSE.. 109 XX. Webkiszolgálók............. 109 Az elhelyezés lehetõségei.......... 109 Néhány jogi probléma............ 109 A szerzõi jog törvényi szabályozása... 110
Az Internet használata II. vii A szerzõi jogi törvény néhány elõírása.................. 110 47. mintafeladat webhely bejegyeztetése................ 110 48. mintafeladat webhely beállításai.................... 111 49. mintafeladat az FTP kapcsolat beállítása.................... 111 50. mintafeladat webhely feltöltése 112 *NÉHÁNY TOVÁBBI ÖTLET................. 113 A webhely bejegyeztetése (regisztrálása) a keresõkben........ 113 Forgalommérõk, forgalomszámlálók............... 113 Adatbázis alapú webhelyek........ 113 Portálgenerátorok................ 113 Információk a webszerkesztésrõl.... 114 *Néhány speciális szolgáltatás...... 114 Díszes gombok................... 114 51. mintafeladat gombsorozat a DeKnop-pal................ 114 FÜGGELÉK............. 117 Megoldások..................... 117 A cel.html fájl tartalma............ 129 Összefoglaló táblázatok........... 130 Néhány névvel megadható színkód... 130 Néhány HTML-elem.............. 131