Főoldal | Könyvlista | Gyorskereső

Átmenetileg a rendelés és szállítás szünetel
Az Internet használata II. - HTML, CSS

Az Internet használata II.

HTML, CSS

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

Megjelenés: 2006
Kiskapu Kiadó
152 oldal, bolti ár: 1280,- Ft

Internetes ár (-5%): 1216,- Ft

db

A könyv ismertetése

Vissza a lap tetejére | A könyv tartalomjegyzéke

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

A szerzők, akik a középfokú, valamint a felnőttoktatásban dolgoznak, azzal a szándékkal írták ezt a könyvsorozatot, hogy rövid, áttekinthető formában juthassanak információhoz a középiskolások, a felnőttoktatásban vagy a felsőoktatásban részt vevők, illetve az önképzéssel tanulók.

A könyvsorozatot úgy állították össze, hogy az első nyolc kötet megfeleljen az ECDL vizsga moduljainak. A könyv több céllal készült. Egyrészt a kétszintû érettségire való felkészüléshez. Másrészt a lelkes érdeklõdõknek szeretnének segítséget nyújtani, a szerzők a kezdeti lépések megtételéhez. Harmadsorban az ECDL vizsga Webkezelõ moduljának teljesítését is segíteni kívánják vele.

A könyv szerkezete:

  • A fejezetek elején találhatóak összefoglalva a megértéshez szükséges elméleti ismeretek.
  • Az Elemek leírása cím alatt ismerkedhetünk meg a HTML kódolással.
  • A Mintafeladatok bemutatják, hogyan kell megoldani a webszerkesztőben egy adott feladatot. A leírást pontosan átolvasva, lépésről lépésre hajtsuk végre.
  • A Kezelési leírások tartalmazzák a webszerkesztő program használatát rövid, táblázatos formában. Főleg azoknak hasznos, akik már tudják valamennyire használni a programot, de valahol elakadtak.
  • A Gyakorlati feladatok segítségével gyakorolhatjuk be a webszerkesztő használatát.
  • A fejezet végén található Kódgyakorlatok cím alatt gyakorló feladatokat találhatunk a kódszerkesztéshez. Ezeket igyekezzünk teljesen fejből megoldani. Ha nincs ötletünk, olvassuk el ismét az Elemek leírása fejezetet, és ezután oldjuk meg a feladatot. A Függelékben található megoldásokat csak a feladat megoldása után, önellenőrzés céljából használjuk.

A szövegben többször találkozhatnak majd „a könyv írásakor…” kitétellel. Ennek oka, hogy a web egy napról napra változó világ, és azok a hivatkozások és weblapok, amelyeket megtaláltunk és használatát ajánlottuk, lehet, hogy egy idõ múlva már nem is léteznek.

Itt szeretnénk megjegyezni, hogy mind a weblapkészítés (HTML), mind a stílusok teljes ismertetése önmagában is megtöltene egy-egy, ennél jóval nagyobb könyvet. Mi csak arra tudtunk vállalkozni, hogy mindezen témakörökbe alapos betekintést nyújtunk.

Szeretnénk, ha a könyv segítséget nyújtana az ECDL Webkezelõ nevû szabadon választható moduljához is. Sajnos itt a követelmények nem teljesen egyértelmûek, mivel a vizsgafeladatokat a nemzetközi ECDL Alapítvány által kiadott hivatalos Question and Test Base (QTB) magyarra fordított, titkosított feladatbázisából választják ki, így nem közismertek. Mindenesetre minden, a követelményrendszerben érintett témát feldolgoztunk, de számunkra sem egyértelmû, hogy ezeket az anyagokat milyen mélységig követelik meg. Azoknak, akik ezt a vizsgát is le szeretnék tenni, azt tudjuk javasolni, hogy tanulják meg a HTML kódot, mert az minden körülmények között mûködik.

A témákhoz tartozó alapfogalmakat (WWW, böngészõ, URL, protokoll stb.), illetve az internetes biztonság témakörét megtalálhatjuk a sorozat Az informatika elméleti alapjai vagy Az Internet használata I. kötetek bármelyikében.

A könyvben a következõ jelöléseket használtuk:

A kulcsszavakat félkövér HCourier – például body,

a paraméterek értékeit félkövér dõlt HZapf Calligraphic – például lightskyblue,

a fájlneveket és elérési utakat dõlt HCourier – például d:webroot,

a mintafeladatok szövegét pedig Huni_Swiss – például ez egy mintaszöveg – betûkkel jelöltük.

Kedves érettségizõ!

Az érettségire történõ felkészüléshez elegendõ a Webszerkesztési alapismeretek címû témakör I–VIII. fejezeteit elsajátítani. (Azt viszont alaposan!)

Az érettségi tájékoztató szerint a tanulónak ismernie kell a HTML kód alapjait. Tehát nem egy konkrét webszerkesztõ programot (a webszerkesztõ program csak segédeszköz lehet!). Ennek alapos oka van: az egyes webszerkesztõ programok nagyon eltérõek, ezért nagyon nehéz (a minisztérium képviselõje szerint lehetetlen) olyan érettségi feladatsort összeállítani, amit minden webszerkesztõvel meg lehetne oldani kódszerkesztés nélkül.

Olyan szoftvert választottunk (FrontPage 2002), ami szerepel az Oktatási Minisztérium 2005-ös szoftverlistáján. Tehát jelenleg emelt szintû érettségire kérhetõ ez a program is.

Középszintû érettségihez a szervezõ iskola dönti el, milyen webszerkesztõt használnak.

A legtöbb iskola és magánszemély az Office XP részeként akár jogtisztán is hozzájuthatott a FrontPage 2002-höz, ezért reméljük, hogy középszinten is sok helyen használható ez a program (vagy hasonló változata).

Ne legyenek illúzióink: a választható programok idõvel minden bizonnyal változni fognak. A HTML kód valamivel J tartósabb. Érettségire szükséges a kódot legalább annyira ismerni, hogy

megértsük, és

szükség esetén javítani tudjuk.

Az érettségi Webszerkesztés része (jelenleg) nem nehéz, felkészülni azonban a könnyû témakörökre is szükséges!

A Webszerkesztési alapismeretek témakör végén szerepel egy fejezet érettségi mintafeladatokkal. Ezek segítségével ellenõrizhetjük a felkészültségünket.

A minisztérium távolabbi tervei között szerepel a prezentáció (bemutatókészítés), grafika és webszerkesztés témakörök összevonása. A 2. érettségi mintafeladat erre mutat egy példát.

A mintafeladatok használata

A gyakorlati és mintafeladatokhoz szükséges fájlokat a kiadó honlapján találhatjuk meg. A nyers könyvtárban a kiindulási anyagokat, a kesz-ben pedig az összeset. Ez utóbbira akkor lehet szükségük, ha nem oldottuk meg valamennyi elõzõ feladatot, vagy valamilyen ok miatt nem állnak rendelkezésükre az eddig megoldott feladatok.

A gyakorlati munka megkezdése elõtt készítsünk két könyvtárat. Az egyikbe másoljuk a kiadó honlapjáról elérhetõ fájlokat. Ezt nevezzük a továbbiakban „közös” könyvtárnak. A másik könyvtárban fogunk dolgozni, ezért a továbbiakban „munkakönyvtárnak” fogjuk nevezni. (Az iskolában a „közös” könyvtárat a tanár is létrehozhatja a tanulók számára egy írásvédett helyen.)

A mintafeladatokat úgy állítottuk össze, hogy egymásra épülnek, de akkor is mûködnek, ha az elõzõ feladatot valamiért (például hiányzás miatt) nem oldottuk meg. A kesz könyvtárban minden feladathoz szükséges fájl megtalálható.

A feladatok megoldásához feltételeztünk némi jártasságot a szövegszerkesztésben, így például nem taglaljuk, hogyan kell kijelölni egy szöveget, mit jelent az igazítás stb.

Minden mintafeladat, gyakorlati feladat megkezdése elõtt gyõzõdjünk meg róla, hogy a megoldáshoz szükséges fájlok már a munkakönyvtárban vannak. Ha nincsenek, másoljuk oda azokat. Fájlokat mindig csak a munkakönyvtárból nyissunk meg, és oda mentsünk. A továbbiakban erre a könyvtárra mint d:webroot könyvtárra fogunk hivatkozni.

A mentés után nézzük meg mindig a weblapot legalább a webszerkesztõ HTML nézetében, de még jobb, ha böngészõben (Firefox, Mozilla, Opera, esetleg Internet Explorer) is kipróbáljuk.

A könyv tartalomjegyzéke

Vissza a lap tetejére | A könyv ismertetése

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

Vissza a lap tetejére