Bodnár István, Magyary Gyula:
Az Internet használata II.

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. 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

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

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

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

I. fejezet 117

II. fejezet 117

III. fejezet 117

IV. fejezet 118

V. fejezet 119

VI. fejezet 120

VII. fejezet 120

VIII. fejezet 121

IX. fejezet 124

X. fejezet 125

XI. fejezet 125

XIV. fejezet 126

XV. fejezet 126

XVI. fejezet 127

XVII. fejezet 128

XVIII. fejezet 128

XIX. fejezet 128

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

Néhány elem paramétereinek megadása 131

Néhány stílustulajdonság és értékei 136