Feladat azonosítója: webc1_01_map Útmutatás a feladatok kidolgozásához: - A tanuló legsikeresebb fejlődése érdekében ne olvassa el addig a következő sorszámú feladatot, amíg az adott sorszámút meg nem oldotta! - Lehetséges, hogy a számítógépen már szerepel egy korábbi megoldott feladat egy másik tanulótól, ez ne csábítson minket arra, hogy megnézzük az általa készített megoldást, mert a tanuló saját magát csapja be ezzel a lépéssel, és megfosztja magát a legeredményesebb fejlődéstől! Természetesen, ha megoldotta a feladatot, akkor már összehasonlíthat egy saját és egy másik megoldást, ezzel is tanulva a két megoldás különbségéből, azonosságaiból! Ne feledjük, egy feladatra sokféle megoldás lehet, és mind szolgálhat számunkra tanulsággal egy következő megoldás készítésekor, tanuljunk egymástól! - A feladat kidolgozásának megkezdésekor a tanuló hozzon létre egy a nevét és a feladat azonosítóját tartalmazó könyvtárat, és ebben dolgozza ki az egyes részfeladatokat. Pl.: tóth_péter_webc1_01_map - Azért, hogy minden egyes lépcsőt vissza tudjunk ellenőrizni érdemes külön könyvtárban elkészíteni az egyes feladatokat (pl.: v1; v2; ). - Amikor befejeztünk egy feladatot, és a következő feladatot elővettük, amelyben az előző feladat átalakítására van szükség, akkor másoljuk le a teljes előző feladat anyagát az új könyvtárba, és azon dolgozzunk tovább. Feladat kódja: webc1_01_map_v1 Feladat: egy kép megjelenítése. Készítsünk weblapot, amelyben megjelenítjük t11.jpg" térképszeletet önmagában. A megjelenítéskor állítsuk be a kép szélességét 400 pixel méretre. Mentési fájl: webc1_01_map_terkep1.htm
Feladat kódja: webc1_01_map_v2 Feladat: főoldal létrehozása. Módosítsuk az előző programot úgy, hogy jelenítsük meg a t11.jpg, t12.jpg, t21.jpg, t22.jpg képeket egy weblapon. A képeket 2*2-es mátrixban helyezzük el. A képeknél az első szám a sort, a második szám az oszlopot jelöli. Megfelelően megjelenítve egy összefüggő térképet mutatnak a képek!
Feladat kódja: webc1_01_map_v3 Feladat: Aloldalak létrehozása Gyakoroljuk a képek megjelenítését úgy, hogy még 4 különböző weblapot hozunk létre, amelyek a főoldal mintájára a következő bontásban tartalmazzák a térkép szeleteket: 1. f11_11.jpg, f11_12.jpg, f11_21.jpg, f11_22.jpg; fájl neve: webc1_01_map_terkep11.htm 2. f12_11.jpg, f12_12.jpg, f12_21.jpg, f12_22.jpg; fájl neve: webc1_01_map_terkep12.htm 3. f21_11.jpg, f21_12.jpg, f21_21.jpg, f21_22.jpg; fájl neve: webc1_01_map_terkep21.htm 4. f22_11.jpg, f22_12.jpg, f22_21.jpg, f22_22.jpg; fájl neve: webc1_01_map_terkep22.htm
Feladat kódja: webc1_01_map_v4 Feladat: főoldal és aloldalak összekapcsolása A feladat a következő: hozzunk létre linket a főoldal fájlban elhelyezett 4 db képre úgy, hogy az egyes képek linkjei az előző feladatban létrehozott weblapokra mutassanak: t11.jpg webc1_01_map_terkep11.htm t12.jpg webc1_01_map_terkep12.htm t21.jpg webc1_01_map_terkep21.htm t22.jpg webc1_01_map_terkep22.htm
Feladat kódja: webc1_01_map_v5 Feladat: aloldalak linkelése a főoldal felé Teremtsünk lehetőséget arra, hogy az aloldalakról vissza lehessen térni a főoldalra. Készítsünk mind a 4 aloldalra egy-egy linket, amely a főoldalra mutat, nevezzük el Kicsinyítés -nek.
Feladat kódja: webc1_01_map_v6 Feladat: aloldalak linkelése az aloldalak felé A linkek készítésének gyakorlására az aloldalakra hozzunk létre kettő-kettő linket, amely az adott aloldal két szomszédos aloldalára mutat, ezáltal lehetőséget ad arra, hogy az aloldalak között is tudjunk lapozni. Pl.: webc1_01_map_terkep11.htm oldalra 1. lapozás jobbra 2. lapozás lefelé
Feladat kódja: webc1_01_map_v7 Feladat: segédfeliratok gyakorlása Az aloldalakra létrehozott linkeket lássuk el felbukkanó feliratokkal, amelyekkel megmagyarázzuk, hogy az adott link mire is szolgál. Pl.: lapozás jobbra linkre felirat: Térkép lapozása kelet irányába
Feladat kódja: webc1_01_map_v8 Feladat: információ elhelyezése a térképen Helyezzünk el az aloldali térképeken különböző linkeléseket a <map>, <area> használatával, és jelenítsünk meg az adott területhez szöveges információt. (Minden típusból hozzunk létre legalább egyet-egyet!) Pl.: Jelöljük be a Nagytemplom helyét a webc1_01_map_terkep21.htm fájlban a f21_12.jpg képen (310,81) a kör típussal. A kijelölt területekhez (objektumokhoz) némelyikéhez hozzunk létre az adott objektumra vonatkozó információs tartalmat a térképképek alatt (neve, címe, egyéb info), és kapcsoljuk össze a területet az információval (href). Így ha a térképen az adott objektumra kattintunk, akkor a weblap az információhoz fog ugrani! Az információk alatt csináljunk egy linket arra, hogy gyorsan vissza tudjunk ugorni a térképhez. Tipp: A képen a koordináta megállapításához használjunk egyszerű képszerkesztő programot. Pl. Paint