-------------------- Gyakorló Feladat GYAKORLÓ FELADAT A beadandó elkészítése lépésről-lépésre: Az elkészítendő oldal 3 frame-t (keretet) tartalmaz. Ebben a félévben az Európai Unióval foglalkozó oldalt kell elkészítenetek. 1. frame (fejléc) 2. frame (tartalom) 3. frame (lábléc és menü) Először az egyszerűbb oldalakat érdemes elkészíteni, majd a frame szerkezetet kialakítani. A feladathoz szükséges képeket itt egyben letöltheted. Az oldalak karakterkódolása minden esetben a iso-8859-2-es kód legyen. A feladatleírás nem tér ki minden egyes szöveg megjelenítésére, csak támpontokat ad. Tehát ha a képen látszik, hogy vastag szöveget kell írni, ott értelemszerűen a feladatot ennek megfelelően kell megcsinálni. 1. lépés (kezdolap.html oldal elkészítése)
Készítsd el a képnek megfelelően a kezdolap.html oldalt. oldal háttérszín: #F9F1D2 Az Euróai Unió felirat színe: #1E3BA0 betűtípus: Arial, betűméret: 5 illetve 7, vastag A Gipsz Jakab szöveg helyett a saját nevedet írd be, és a link a saját email címedre mutasson. (középre igazított bekezdés) az euzaszlo.gif képet illeszd be, ami középre legyen igazítva. 2. lépés (hirek.html oldal elkészítése) Készítsd el a képnek megfelelően a hirek.html oldalt. oldal háttérszíne: #F9F1D2 "Hírek" szöveg középre igazított Arial betűtípus, 5 és 7 méret színkódja: #1E3BA0 A táblázat tulajdonsága
450 képpont széles A határoló keret vastagsága: 1, cellabélés:4, cellatávolság:0 az 1. sor háttérszíne: #1E3BA0 a 2. sor háttérszíne: #F5E9B4 A táblázat alá helyezd el a Vissza a kezdőoldalra szöveget (Arial, 2-es betűtípus, középre igazított) amely mutasson a kezdolap.html oldalra. A szükséges szövegek: Megjelentek az Európai füzetek 2003. március 4. kedd Az uniós tárgyalások lezárt csatlakozási fejezeteit tematikusan bemutató Európai füzetek kedden bemutatott első négy száma a szociálpolitika és foglalkoztatás, az adózás, valamint a mezőgazdaság és a vállalati jog témakörében tartalmaz tudnivalókat. A máltai szavazás eredménye befolyásolhatja a többi csatlakozót 2003. március 4. kedd Szakemberek szerint azért fontos a hétvégi máltai népszavazás végkimenetele, mert az esetleges elutasítás bátoríthatja a többi tagjelölt államban szorgoskodó EU-ellenző erőket is. 3. lépés (terkep.html oldal elkészítése) Készítsd el a képnek megfelelően a terkep.html oldalt. oldal háttérszín: #F9F1D2
"Térkép" szöveg középre igazított Arial betűtípus, 5 és 7 méret színkódja: #1E3BA0 A táblázat tulajdonsága 3 oszlopból és 3 sorból áll, középre igazított A határoló keret vastagsága: 0, cellabélés:0, cellatávolság:0 szélesség: 100 % a táblázat háttere: kepbg.jpg a táblázatban megjelenő kép: terkep.jpg A terkep.jpg képen Magyarország területére kattintva a http://www.magyarorszag.hu/eu/ oldal legyen látható. (ne az egész képet tedd linkké, csak Magyarország területét) A táblázat alá helyezd el a Vissza a kezdőoldalra szöveget (Arial, 2-es betűtípus, középre igazított) amely mutasson a kezdolap.html oldalra. 4. lépés (linkek.html oldal elkészítése) Készítsd el a képnek megfelelően a linkek.html oldalt.
oldal háttérszín: #1E3BA0 táblázat páratlan sorainak háttérszíne: #F5E9B4 A felhasználandó szövegek és linkek (Arial, 2-es betűtípus): Magyar nyelvű euró oldal: http://www.euro.hu Monitoring EU Accession: http://www.eumap.org Magyarország - EU szekció http://www.magyarorszag.hu/eu EU csatlakozás gyűjtemény http://www.eucsatlakozas.lap.hu/ Mindegyik link új ablakban nyíljon meg! A táblázat alá helyezd el a Vissza a kezdőoldalra szöveget (Arial, 2-es betűtípus, középre igazított) amely mutasson a kezdolap.html oldalra. 5. lépés (kviz.html oldal elkészítése) Készítsd el a képnek megfelelően a linkek.html oldalt. "Kérdőív" szöveg középre igazított Arial betűtípus, 2-es méret
A kérdőív a képen látható módon táblázattal legyen igazítva. táblázat szélessége:500 keret:1, cellabélés: 3 1. kérdés: Ki az Európai Unió elnöke? Válaszok: Romano Prodi, Jacques Delors, Martti Ahtisaari, Jacques Chirac A válaszok közül radio gombok segítségével lehessen választani 1-et. Alapértelmezésben egyik válasz se legyen bejelölve A radio csoport neve legyen: eu Az értékek pedig legyenek a következők: prodi, delors, ahtisaari, chirac 2. kérdés: Hány tagországa van az Uniónak jelenleg? a választ szövegdobozba lehessen megadni. Szélessége: 5 A szövegmező neve: "tagorszag" 3. kérdés:: Mely országok nem vesznek részt a csatlakozás első körében? Válaszok: Szlovénia, Lengyelország, Észtország, Ukrajna, Románia A válaszok közül checkboxal lehessen (többet is) kiválasztani a checkboxok neve legyen az orszagok neve a checkbox értéke legyen a "kivalasztva" szöveg 4. kérdés:: Mikor csatlakozott Svájc az EU-hoz? A válaszok közül egyet a legördülő menüből lehessen választani (1957,1973,1981,soha) a legördülő menü neve legyen: "svajc"
Az értékek pedig legyenek a válasszal megegyezők. Az űrlap mezők alatt 2 gomb legyen látható. Elküld: hatására elküldi az űrlap értékeit a saját e-mail címedre Töröl: Alapállapotba hozza az űrlapot A gombok alá helyezd el a Vissza a kezdőoldalra szöveget (Arial, 2-es betűtípus, középre igazított) amely mutasson a kezdolap.html oldalra. 6. lépés (lablec.html) Készítsd el a képnek megfelelően a lablec.html oldalt. oldal háttérszíne: #E9B82A felső margó: 5 balmargó: 0 a linkek színe:#000080 a látogatott linkek színe:#a88311 A táblázat tulajdonságai: Az elhelyezendő szövegek: Arial, 3-as betűméretűek A szövegek a megfelelő oldalakra mutassanak: hirek.html, kviz.html, terkep.html, linkek.html A linkeknek a később létrehozandó "tartalom" nevű keretbe kell betöltődniük 7. lépés (index.html)
Most már majdnem minden hozzávaló megvan, csak el kell készíteni a keret definíciót tartalmazó index.html állományt. Az oldal 4 részre van felosztva. Alul és felül egy fejléc és lábléc található. Ehhez hozzatok létre fejlec.html néven egy olyan oldalt, aminek háttérszíne: #1E3BA0. A többi 2 frameben a menü illetve maga a tartalom lesz látható. 1. frame (fejléc) 2. frame (tartalom) 3. frame (lábléc ) A pontos adatok a következők: 1. frame frame neve: fejlec ne lehessen görgetni a tartalmát ne lehessen átméretezni alapból a fejlec.html oldalt tartalmazza 25 képpont magas legyen 2. frame
frame neve: tartalom ne lehessen görgetni a tartalmát ne lehessen átméretezni alapból a kezdolap.html oldalt tartalmazza a magassága a rendelkezésre álló hely legyen 3. frame frame neve: lablec ne lehessen görgetni a tartalmát ne lehessen átméretezni alapból a lablec.html oldalt tartalmazza 40 képpont magas legyen További paraméterek a framek között ne legyen üres hely és látható keret (border) sem Az oldal címe a "Gipsz Jakab beadandó feladata" felirat legyen. (megfelelő nevet behelyettesítve) A META információk segítségével mindenki helyezze el az adatait a kezdőoldalban. (AUTHOR) 8. lépés (index.html) Ha ez elkészült, akkor elvileg műkődik a beadandó feladatod.