1. hét

 

A második évfolyamon az Informatika tantárgy heti óraszáma 1.

 

A tanév témakörei:

 

Web-lapok szerkesztése (Jegyzettömb).

Prezentáció, grafika (PowerPoint, Paint).

Pascal II. (grafika programozása)

Adatbázis-kezelés (Access).

 

Html dokumentum létrehozásának lehetőségei:

 

A Win98 operációs rendszer volt az utolsó Windows, amely Helyi menü, Új parancsával közvetlenül Html dokumentumot engedélyezett létrehozni.

Ezért most néhány lehetőség következik arra az esetre, ha nem kívánunk Weblap-szerkesztőt használni Html dokumentumunk elkészítéséhez.

 

1. Valamely rendelkezésre álló, kis méretű Html oldalról készítsünk egy másolatot, a tartalmát töröljük, majd átnevezzük az operációs rendszer segítségével a kívánt nevűre (Minta), tartalmát pedig, az általunk kívánt módon módosítsuk.

 

2. Állítsuk át a Mappa beállításai menüben a Szöveges dokumentumok kiterjesztésének megjelenítését, azaz állítsuk be úgy, hogy jelenjen meg a txt kiterjesztés is. Ekkor átnevezésnél a fájl típusa, a kiterjesztés módosítása révén megváltoztatható lesz. Íme a szükséges párbeszéddobozok:

 

 

Majd válasszuk a Speciális opciót:

 

 

A Mindig jelenjen meg a kiterjesztés jelölőnégyzetet jelöljük be, majd OK. Hozzunk létre a szükséges helyen egy Szöveges dokumentumot:

 

 

Nevezzük át a kívánt nevű állományra, és a kiterjesztést is változtassuk meg html-re.

 

 

Enter után a következő kérdésre kell Igen-nel válaszolnunk:

 

 

Eredményül egy üres Html dokumentumot kapunk:

 

 

3. Total Commander segítségével: a kívánt helyen kezdeményezzünk egy új Szöveges dokumentum létrehozását, de nevét kiterjesztésével együtt html dokumentumunknak megfelelően adjuk meg:

 

 

 

Enter után a következő képet látjuk:

 

 

F4 billentyűvel nyissuk meg a dokumentumot szerkesztésre, és az üres tartalmat, módosítsuk a következőre:

 

 

Mentéssel zárjuk a dokumentumot, ezzel a kezelő programra (Explorer-re) utaló ikon jelenik meg a fájl neve előtt.

 

 

4. Utolsó említendő lehetőség: Dos parancs segítségével. Ehhez a következőket kell tenni: válasszuk a Start menü Futtatás menüpontját, a futtatandó program: cmd.exe, majd OK.

 

 

Ennek hatására egy, a Dos parancsok elfogadására alkalmas, karakteres ablakot (teljes képernyőre is átváltható Alt+Enter segítségével) kapjuk.

 

 

Ennek a felületnek csak sorszerkesztője van, egér nem használható rajta. A kiadandó Dos parancsok, melynek mindegyikét Enter-rel kell zárni:

 

cd\

cd web (illetve web mappanév helyett, a c:\ meghajtó azon könyvtára, ahol a dokumentumot létre szeretnénk hozni)

copy con Minta.html

<^Z (^Z legegyszerűbben az F6 billentyűvel hozhatunk létre, a kisebb jel pedig, a html dokumentumunk első jele lesz)

 

Ezzel a Web mappában létrejött a Minta.html Internet-böngészővel megjeleníthető dokumentum. A dokumentum létrejöttét az 1 fájl másolása történt meg. üzenet is tanúskodik. Ez után a cmd.exe be is zárható.

 

 

Html oldalak szerkesztése Jegyzettömb segítségével.

 

Nyissuk meg az előzőekben létrehozott Minta.html a böngészőnk segítségével.  A továbbiakban az Microsoft Internet Explorer segítségével történik a bemutatás, de bármely böngésző rendelkezik azokkal a tulajdonságokkal és lehetőségekkel, melyekről itt szó lesz.

 

Válasszuk a Nézet/Forrás menüpontot. Ekkor a html oldal szöveges, szerkeszthető nézetét kapjuk. Az ismerkedést a html oldalak szerkezetével így célszerű elkezdeni, mert itt minden beírt karaktersornak rögtön láthatjuk a hatását, megtanulhatjuk az alapvető programozási elemeket. Majd ha eleget tudunk, és a gyorsaság lesz a fontosabb, akkor kezdjünk ismerkedni a világban fellelhető Web-editorok valamelyikével.

 

Alakítsuk a szöveges tartalmat a következőre:

 

 

A File menü Mentés parancsával mentsük a tartalmat, a Tálca segítségével váltsunk át a böngésző nézetre és kérjünk frissítést. A következőt látjuk:

 

 

Egy kicsit puritán, egy kicsit csúnyácska, de a miénk. Szépítsünk rajta. Újra a tálcáról válasszunk (ne nyissuk meg több példányban a forrást, mert a végén nem tudjuk melyik az igazi!), és módosítsuk a következőre:

 

 

Újra Mentés, átváltás, frissítés és ezt láthatjuk:

 

 

Majd igazítsuk a megnövelt betűméretű szöveget középre:

 

 

Az eredmény:

 

 

Már az eddigiekből is megállapíthatjuk a következőket:

 

A <> jelek közé írt szavak nem jelennek meg a Web-lapunkon. Ezeket egyébként tag-eknek nevezik, és azt irányítják, hogy a lapokra szánt szöveges illetve képi információ honnan és miként jelenjen meg. A legtöbb tag-nek van záró párja, a tag hatása a záró párjáig érvényes, a záró tag a nyitó tag-jére az eléje helyezett /-jellel utal. Olyan tag is létezik, amelynek nincs záró párja.

 

A továbbiakban a html oldalak programozásához a következő Internet címeken találhatsz segítséget:

 

www.gorbem.uw.hu / HTML / Az alapok

 

Vagy

 

www.gorbem.hu /Web / Jegyzet

Ez utóbbi teljesebb, igényesebb feladatok megoldásához is segítséget nyújt, az előző jelentős bővítése.

 

2. hét

 

A HTML jelentése.

A szövegnek böngészőben való megjelenésének sajátosságai.

A HTML oldalak egyéb megjelenési sajátosságai.

 

Új tag-ek megismerése:

- hx (h1..h6, csökkenő méretben, utána üres sor következik)

- head

- title

- meta (csak megemlítjük)

- p / align (left, center, right, justify)

- br (nincs záró párja)

 

3. hét

 

Új tag-ek megismerése:

- nbsp (nem valódi tag, csak egy karakter leírása)

- hr /width /size /color (kétféle szélesség és színmegadás, nincs záró párja)

- blockquote (egymásba ágyazható, sorkihagyást is jelent)

- pre (nemcsak a formát, a betű típusát is örökli a szerkesztőből)

- betűformátumok: b, u, i, s, sup, sub.

 

4. hét

 

- betűformátumok: big, small, tt.

- font / size / color / face (size méretszám 1..7-ig növekedő méretet jelöl, size relatív megadás: +2 vagy -1, az idézőjel fontossága a betűkészlet nevénél)

- ul, li /type (disc, circle, square: mely lehet globális vagy listaelemenkénti, listák egymásba ágyazása, behúzásos megjelenés)

- ol, li /type /start (1, A, a, I, i) (Explorer hiba: kezdődjön a sorszámozás 10000-el!)

- dl, dt, dd.

 

5. hét

 

- marquee / behavior: alternate, scroll, slide /direction: left, right, up down /scrollamount / scrolldelay / height / width / bgcolor

- table, tr, td, th / width / height / border / bordercolor / bgcolor / cellspacing / cellpadding / align / valign / rowspan / colspan / title / caption

 

6. hét

 

- body / bgcolor / text / background / bgproperties

- img / src / height / width

- a / href / mailto / name=hely / #hely / target / download

- frameset:

<html>
<frameset cols="120,*">
<frame src=bal.html>
<frame src=jobb.html>
</frameset>
</html>

 

7. hét

 

Egy HTML lap tanári segítséggel való elkészítése. Fel kell ismerni a nem látható elemeket a rendezett megjelenés mögött (MKM). A szükséges elemek a Public könyvtárban találhatók.

 

Saját honlap készítése (Előkészítés.). Követelmények: A honlapot a 6. héten tanult frameset szerint kell megszerkeszteni, a bal oldalán menüt kell elhelyezni. A menü tartalma (címzése Menü):

- Magamról

- Barátaim

- Iskolám

- Órarendem

- Ami érdekel

- Linkek

A lehetséges érdeklődési körök (részletesen kifejtendő téma) az „Ami érdekel” menüpontban (természetesen csak egy, a felsoroltak közül):

1.     Zene

2.     Művészetek

3.     Építkezés

4.     Fényképezés

5.     Film

6.     Sportolás

7.     Labdarúgás

8.     Atlétika

9.     Küzdősportok

10. Csapatjátékok

11.  Sakk

12.  Olimpiák

13.  Forma-1

14.  Motorkerékpár

15.  Gépkocsi

16.  Számítógép

17.  Internet

18.  Órák

19.  Könyv

20.  Kirándulás

21.  Természetjárás

22.  Horgászat

23.  Faluturizmus

24.  Budapest

25.  Mátészalka

26.  Megyénk

27.  Szatmári térség

28.  Tavaink

29.  Hegyvidékeink

30.  Parlamentünk

31.  Várak

32.  Külföldi kirándulás

33.  Háziállatok

34.  Természetjárás

35.  Nemzeti parkjaink

36.  Kertészkedés

37.  Hajózás

38.  Repülés

39.  Űrhajózás

40.  Öltözködés

41.  Vásárlás

42.  Sütés-főzés

43.  Lakberendezés

 

A témakörökből most kell választanod, hogy anyagot tudj hozzá gyűjteni házi feladatként.

 

Minden menü egy külön Web-lapot töltsön be, a képernyő jobb oldalára, mely sokkal szélesebb legyen, mint a menü. Először a honlap vázát kell elkészíteni, aztán az egyes lapokat tartalommal feltölteni.

 

8-13. hét

 

Saját honlap készítése. Segítségként a szükséges Web-lapok kiindulási forráslistája:

 

A Honlapom.html:

 

<html>

<frameset cols="200,*">

<frame src=Menü.html>

<frame src=Lap.html name=Lap>

</frameset>

</html>

 

A Menü.html:

 

<html>

<body>

Menü<br>

<ul>

<li><a href=Lap.html target=Lap>Magamról</a></li>

<li><a href=Barátaim.html target=Lap>Barátaim</a></li>

<li><a href=Iskolám.html target=Lap>Iskolám</a></li>

<li><a href=Órarendem.html target=Lap>Órarendem</a></li>

<li><a href=Érdeklődés.html target=Lap>Érdeklődés</a></li>

<li><a href=Linkek.html target=Lap>Linkek</a></li>

</ul>

</body>

</html>

 

A Lap.html: (a Magamról.html-ből)

 

<html>

<body>

Magamról

</body>

</html>

 

A Barátaim.html:

 

<html>

<body>

Barátaim

</body>

</html>

 

Az Iskolám.html:

 

<html>

<body>

Iskolám

</body>

</html>

 

Az Órarendem.html:

 

<html>

<body>

Órarendem

</body>

</html>

 

Az Érdeklődés.html:

 

<html>

<body>

Érdeklődés

</body>

</html>

 

A Linkek.html:

 

<html>

<body>

Linkek

</body>

</html>

 

Az értékeléskor az lesz az elsődleges szempont, hogy a tanult HTML elemeket mennyire tudatosan és milyen mértékben használod. Törekedj az esztétikus és olvasható megjelenítésekre. A Saját honlapra két érdemjegyet adok:

1.) A struktúra megléte (Honlapom.html és Menü.html), Órarendem.html és Linkek.html kidolgozása.

2.) Lap.html (Magamról), Barátaim.html, Iskolám.html és Érdeklődés.html kidolgozása.

 

14-15. hét

 

PowerPoint alapismeretek. Diakészítés, formázás, effektusok, vetítés.

 

16-18. hét

 

Saját prezentációkészítés a Pitagorasz-tétel bemutatására és ennek értékelése, félévi jegyek megállapítása.

 

19. hét

 

Pascal II.

A Pascal nyelv grafikus lehetőségeinek megismerése, A Graph Unit. A grafikus üzemmód inicializálása, grafikus módok. A BGI interfész. Az egavga.bgi használata. A CrtPlus unit bővítése a GrInit eljárással, Xm, Xk, Ym és Yk értékek használata.

Az alapvető grafikus elemek rajzolására alkalmas eljárások. Pont, szakasz, kör, keret, téglalap. Grafikus képernyő törlése háttérszínnel.

 

20-21. hét

 

Színek alkalmazása. Feltöltött kör mozgatása. Szöveg megjelenítése a grafikus felületen. Területek fillezése, fillezési módok definiálása.

 

22-23. hét

 

Koordinátarendszer és néhány egyszerű függvény képének megrajzolása tabellázás módszerével.

 

24. hét

 

Egy céltáblát megjelenítő program megírása.

 

25. hét

 

Egyéni feladat megoldása a Pascal grafikája segítségével.

 

26. hét

 

Az egyéni feladat megoldásának értékelése.

 

27. hét

 

Adatbázis-kezelés, ismerkedés az Access adatbázis-kezelővel. Az Autó adatbázis.

 

28. hét

 

Az Autó adatbázis: Kocsik tábla, Települések tábla. Kulcsmező. Rendezett lekérdezések. Táblák közötti kapcsolatok.

 

29. hét

 

Lekérdezések. Választó lekérdezés és frissítő lekérdezés. Adószámítás az Autó adatbázisban. Kéttáblás lekérdezés: Kocsik telephelye.

 

30. hét

 

Űrlapok, rekordkezelő nyomógombok. Jelentések.

 

31. hét

 

Jelentések formázása. Adatimport Excel táblából (Érettségi eredmények).

 

32. hét

 

Egyéni feladat: Üzlet adatbázis készítése. (Áru, Beszerzés, Eladás, Készlet, Lakhely, Szállító, Számla és Vevő adattáblák.)

 

33. hét

 

Egyéni feladat: Üzlet adatbázis készítése. Táblák közötti kapcsolatok. (Beszerzés könyvelése, Eladás könyvelése, Eladások listája, Lecsökkent árukészlet és Vevők listája lekérdezések.)

 

34. hét

 

Egyéni feladat: Üzlet adatbázis készítése. (Eladások, Számla, Számla segéd és vevő adatai űrlapok.)

 

35. hét

 

Egyéni feladat: Üzlet adatbázis készítése. (Eladások és Szállítók jelentések.)

 

36. hét

 

Egyéni feladat: Üzlet adatbázis készítése. (Ellenőrzések, az adatbázis működtetése.) Számonkérés. Jegyek lezárása.