Feladatok a weblapszerkesztés tanulásához
Ügyes vagyok! [-]

Készíts weblapot, amin az Ügyes vagyok! szöveg van feltűntetve!

Mintafeladat

Szines vagyok! [-]

Készíts weblapot, aminek a háttere kék, és a Színes vagyok! szöveg fehérrel, 6-os betűmérettel és Tahoma betűtípussal van feltűntetve!

Mintafeladat

Formás vagyok! [-]

Készíts weblapot, amin a személyi adataid vannak feltűntetve!
(Név, lakcím, születésnap, névnap, telefonszám, e-mail cím)
Minden sor más színű legyen, a kedvenc szineidet használd!

Rendben vagyok! [-]

Készíts weblapot, amelyen Pilinszky János Négysoros című verse olvasható!
A szöveg fehér legyen, a háttér zöld. A verssorok középre rendezettek,
az író neve jobbra rendezett és dőlt betűs!

Képes vagyok! [-]

Készíts weblapot, amin a Képes vagyok! felirat szerepel,
alatta pedig egy kép, középre rendezetten!
A háttér kék legyen, a betűk fehérek, Comic Sans MS betűtípust használj, 8-as méretben!
Nem kötelező saját képet használni, rád jellemző másikat is kereshetsz!

Mintafeladat

Hiper vagyok! [-]

Készíts weblapot szürke háttérrel, ami a Hiperlink (hivatkozás) az iskolám honlapjára feliratot
tartalmazzam középre rendezve. Alatta a hivatkozás szerepeljen, és egy kép az ikoláról, szintén középre rendezve!

Mintafeladat

Gombos vagyok! [-]

Készíts weblapot világoskék háttérrel, ami egy gombot tartalmaz,
amire kattintva egy másik weboldalra jutunk.
Ez a weboldal valami szöveget tartalmazzon és egy gombot, amivel visszajutunk!

Mintafeladat Titok gomb Vissza gomb

Webhely vagyok! [-]

Készíts webhelyet, ami 6 lapból áll, és készítsd el a lapok közötti mozgáshoz a szükséges hivatkozásokat!

a webhely tulajdonságai Az index.html-ből három lap legyen elérhető, a nevük elso.html, masodik.html, és harmadik.html. Az elso.html lapról pedig további kettő: a szines.html és a ff.html. Az elso, masodik és harmadik.html-ről az index oldal, a szines és a ff.htmről a szülő oldala, vagyis az elso.html.
mentés saját mappán belül a navigácio nevű mappába, a fentebb leírt neveken.
háttér laponként más, megadtam, de más színt is választhatsz
szöveg Semmilyen formázást nem kérek, csak a hivatkozások működjenek.
kép nincs, haladók a hivatkozás helyett használhatnak gombot
egyéb Ha hiányoztál, a szokásos oldalon megtalálod a megoldást!

Mintafeladat Magyarázat

 

Gyakorló feladatok
Himnusz [-]

Készíts weblapot a Himnusz szövegével! Úgy alakítsd ki a sorokat, hogy három részre tudd osztani!
Ügyelj a következő szavak helyesírására: áldd, kedvvel, nyújts, hozz!

a weblap címe Himnusz
mentés saját mappán belül a himnusz nevű mappába, himnusz.html néven
háttér kék
szöveg A címnél 8-as betűméret, fehér Tahoma, a szöveg 4-es betűméret, Tahoma, kétsoronként váltakozva piros – fehér – zöld
kép Magyar nemzeti jelkép (zászló, címer, stb.)
egyéb Ø

Mintafeladat Kép

Családi fotók [-]

Készíts weblapot családi fényképekkel.
Ha a mellékelt fotók nem tetszenek, használhatsz sajátot is, de ezek megkeresésére és letöltésére nem kapsz külön időt!

a weblap címe Fényképalbum
mentés saját mappán belül az album nevű mappába, album.html néven
háttér lightyellow
szöveg A címnél 8-as betűméret, barna (brown) Tahoma, a szöveg 6-es betűméret, Tahoma, kék (blue).
képek csalad.jpg, apa.jpg, anya.jpg, bratyo.jpg, teso.jpg, en.jpg
egyéb Ø

Mintafeladat Megoldás

Beszámoló mintafeladat [-]

Készíts weblapot Petőfi egyik tájverséről!
Javasolt versek: Alföld, Tisza, Kutyakaparó

a weblap címe Petőfi tájversei
mentés az Asztalon készített Petőfi nevű mappába, tájvers.html néven
háttér valamilyen világos szín pl.: lightyellow vagy lightgreen (világossárga, vagy világoszöld)
szöveg A címnél 6-os betűméret, fekete Tahoma, az első versszak szövege 4-es betűméret, fekete Tahoma
kép Petőfi arcképe vagy tájkép
hivatkozás pl.: youtube - egy színész szavalja a verset, vagy a teljes vers helye
értékelés Weblap létrehozása, címe <title>: 1p
Formázás (háttér, betűméret, betűszín - legalább egy): 1p
Vers szabályosan tördelt szövege, <br>: 1p
Működő hiperhivatkozás: 1p
Kép megjelenítése: 1p
A szerezett pontszám az érdemjegy!

Mintafeladat Kép Megoldás

Beadandó feladat 2013 [-]

A feladat leírásáért kattints ide!

Beadandó feladat 2014-A [-]

A feladat leírásáért kattints ide!

A szükséges képeket letöltheted a linkekről, de ha akarsz, használhatsz sajátot is!

Kosztolányi Dezső, Faludy György, Szabó Lőrinc, József Attila, Francois Villon


Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás táblázaton kívül és belül (szín, méret, betűtípus) - 2 pont
Szöveg igazítása (táblázaton belül és kívül) - 2 pont
Képek beillesztése - 1 pont
Táblázat készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhat felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2014-B [-]

A feladat leírásáért kattints ide!

A szükséges képeket letöltheted a linkekről, de ha akarsz, használhatsz sajátot is!

ALDI, CBA, LIDL, MEDIA MARKT, PENNY MARKET, SPAR, TESCO, AUCHAN

Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás (szín, méret, betűtípus) - 1 pont
Szöveg igazítása (táblázaton belül és kívül) - 2 pont
Képek beillesztése - 1 pont
Táblázat készítése - 1 pont
Hivatkozás készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhat felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2015-A [-]

A feladat leírásáért kattints ide!

A szükséges képeket letöltheted a linkekről, de ha akarsz, használhatsz sajátot is!

Ady Endre, Babits Mihály, Radnóti Miklós, Reményik Sándor, Sík Sándor, Váci Mihály


Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás táblázaton kívül és belül (szín, méret, betűtípus) - 2 pont
Szöveg igazítása (táblázaton belül és kívül) - 2 pont
Képek beillesztése - 1 pont
Táblázat készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhatsz felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2015-B [-]

A feladat leírásáért kattints ide!

A szükséges képeket letöltheted a linkekről, de ha akarsz, használhatsz sajátot is!

Internet Explorer, Mozilla Firefox, Google Chrome, Opera, 1 pont, fél pont, 0 pont, nyíl

Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás (szín, méret, betűtípus) - 1 pont
Szöveg igazítása (táblázaton belül és kívül) - 2 pont
Képek beillesztése - 1 pont
Táblázat készítése - 1 pont
Hivatkozás készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhatsz felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

 

Beadandó feladat
Beadandó feladat 2016 - NORMÁL A [-]

A feladat leírásáért kattints ide!

A szükséges képet letöltheted innen, de ha akarsz, használhatsz sajátot is!

Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás (szín, méret, betűtípus) - 1 pont
Szöveg igazítása - 2 pont
Kép beillesztése - 1 pont
Táblázat készítése - 1 pont
Hivatkozás készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhatsz felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2016 - NORMÁL B [-]

A feladat leírásáért kattints ide!

A szükséges képet letöltheted innen, de ha akarsz, használhatsz sajátot is!

A szükséges hivatkozásokért kattints ide!

Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás (szín, méret, betűtípus) - 1 pont
Szöveg igazítása - 2 pont
Kép beillesztése - 1 pont
Szöveg tördelése - 1 pont
Hivatkozás készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhatsz felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2016 - HALADÓ A [-]

A feladat leírásáért kattints ide!

A szükséges képeket letöltheted innen, de ha akarsz, használhatsz sajátot is!
Messi, Ronaldo, Figura, Facebook logo, Youtube logo,

Nagyjából így nézzen ki! (Egymás tetejére raktam, hogy kisebb legyen a kép.)


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás (szín, méret, betűtípus) - 1 pont
Szöveg igazítása - 1 pont
Kép beillesztése - 1 pont
Táblázat készítése - 1 pont
Hivatkozás készítése - 1 pont
Feltöltés, működés - 2 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhatsz felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2016 - HALADÓ B [-]

A feladat leírásáért kattints ide!

A szükséges képeket letöltheted innen, de ha akarsz, használhatsz sajátot is!
1. kép, 2. kép, 3. kép, 4. kép, 5. kép, 6. kép, 7. kép, 8. kép, 9. kép, 10. kép

Nagyjából így nézzen ki!


A feladat értékelése:

A weblap adatai (háttér, cím) - 1 pont
Szövegformázás (szín, méret, betűtípus) - 1 pont
Szöveg igazítása - 1 pont
Kép beillesztése - 1 pont
Táblázat készítése (ráccsal és anélkül) - 2 pont
Hivatkozás készítése - 1 pont
Feltöltés, működés - 1 pont

Összesen: 8 pont

7-8 pont ⇨ Jeles (5)
5-6 pont ⇨ Jó (4)
3-4 pont ⇨ Közepes (3)
1-2 pont ⇨ Elégséges (2)
0 pont ⇨ Elégtelen (1)

Amennyiben a feltett kérdésekből az derül ki, hogy másvalaki készítette el a beadandó feladatot, akkor a másik változattal megpróbálkozhatsz felügyelet mellett az iskolában.
Ennek már javítási lehetősége nincs.

Beadandó feladat 2018 - EGYSÉGES [-]

A feladat leírásáért kattints ide!

Beadandó feladat 2019 [-]

A feladat leírásáért kattints ide!

Beadandó feladat 2020/2021 [-]

A feladat leírásáért kattints ide!

 

Visual Basic feladatok
Hello Világ! [-]

Készíts programot, amely beköszön, és egy gombot tartalmaz, amivel a felhasználó is köszönhet! A program a kattintás után bezárul.

Nagyjából így nézzen ki!
Így működjön!

Kattints az OK-ra! [-]

Készíts egyszerű játékot, amelyben az Ok gombra kell kattintani! Akármelyik gombra kattint a felhasználó, kapjon hibaüzenetet!

Nagyjából így nézzen ki!
Így működjön!

Négyzet [-]

Készíts programot, amely kiszámolja egy négyzet területét. Az oldal hosszúságát a felhasználó adja meg!

Nagyjából így nézzen ki!
Így működjön!

Kerület–Terület [-]

Fejlesszük tovább a Négyzet nevű programot, számoljon kerületet is! Az oldal hosszúságát továbbra is a felhasználó adja meg!

Nagyjából így nézzen ki!
Így működjön!

Henger [-]

Készíts programot, amely a henger felszínét számolja ki! Az alapkör sugarát és a henger magasságát a felhasználó adja meg!

Nagyjából így nézzen ki!
Így működjön!

Kocka [-]

Készíts programot, amely a kocka felszínét és térfogatát számolja ki! Az oldal hosszúságát továbbra is a felhasználó adja meg!

Nagyjából így nézzen ki!
Így működjön!

Téglatest [-]

Készítsünk olyan programot, ami kiszámolja a téglatest felszínét és térfogatát. Az oldalak hosszúságát továbbra is a felhasználó adja meg!

Nagyjából így nézzen ki!
Így működjön!

48-as magyarok [-]

Készítsünk egyszerű oktatóprogramot, amelyen gombokra kattintva memorizálhatjuk 1848 hőseinek születési és halálozási évszámát!

Nagyjából így nézzen ki!
Így működjön!

Téglalap [-]

Készítsünk programot, amelyen kiszámolja egy téglalap kerületét és területét!
Tartalmazzon a program egy olyan gombot is, amellyel a mezők kiüríthetőek.

Nagyjából így nézzen ki!
Így működjön!