1. feladat

Készíts keretes szerkezetű weboldalt és töltsd fel a gedeon szerverére a következő feltételek és útmutatások szerint. A feltöltéshez segítséget itt találsz.

1. A (keretes szerkezetű) weboldal főlapjának index.html legyen a neve. A meglévő oldalad fájlnevét módosítsd eszerint. A weboldal értékelésekor a www.akg.hu/~user címet fogom megtekinteni, tehát ezen a címen kell szerepelnie a feladatodnak. A weboldal értékelése után már megváltoztathatod az oldal fájlnevét és saját használatra tetszőleges oldalt készíthetsz index.html néven.

2. Az oldalad a következő elrendezésben jelenjen meg:

3. Az 1-es rész háttere sárga, a 2-es rész háttere világospiros, a 3-as rész háttere világoszöld legyen.

4. Az 1-es részbe a weboldalad elnevezése kerüljön: "saját neved" weboldala. Ezt a címet rendezd középre, a betűk méretét növeld meg, és a szöveg színét változtasd sötétkékre.
A weboldalad elnevezése (title) is ugyanez legyen - ez az a cím, ami a böngészőablak felső címsorában megjelenik.

5. A 3-as részbe egy üdvözlőszöveg kerüljön a keret jobboldali részéhez rendezve. Ebbe a szövegbe írd bele, hogy milyen iskolába jársz, melyik évfolyamra, melyik a kupacod és ki a patrónusod. Az iskola nevére kattintva nyíljon meg az AKG weboldala úgy, hogy az a teljes weboldalt kitöltse, ne csak a keretbe töltődjön bele (a target meghatározása: _top). Hasonló módon nyíljon meg az évfolyamod weboldala az évfolyamod szövegére kattintva. Ebben a keretben minden beírt szöveg sötétpiros legyen, de ezt a beállítást a lap alapbeállításaként határozd meg és ne csak a kijelölt szövegre.

6. A 3-as részbe kerüljön még egy fénykép rólad (csak rólad!). Ennek méretét úgy határozd meg, hogy az még beleférjen a látható keretbe. A kép méretének megváltoztatását képszerkesztő programmal végezd el (pl. a gépeken megtalálható Adobe Photoshop vagy Corel Photopaint programmal).

7. A kép mellett szerepeljen egy másik kép, ami az eredeti kép torzított változatát tartalmazza. Ez a torzítás olyan legyen, hogy abból az eredeti kép felismerhető legyen. Hogy könnyebb legyen elképzelni:

8. A 2-es részbe egy menü kerüljön, és minden menüpont kiválasztása esetén a tartalom a 3-as részbe töltődjön. Az első menüpontra ("Nyitólap") kattintva ismét az üdvözlőszöveg tartalma töltődjön be.

9. A második menüpont "Állatok" címet viselje, és erre kattintva egy olyan oldal töltődjön be, amin állatos képek szerepelnek. A betöltött weboldal címfelirata is az legyen, hogy "Állatok", ezt a címet középre rendezd, és nagyobb legyen a betűmérete. Az állatok között legyen ló, hörcsög, giliszta, menyét, pingvin és bolha is. A képek szélessége és magassága ne haladja meg a 300 pixelt - a képeket képszerkesztő program segítségével kicsinyítheted le. A képek megtalálásához ajánlom ennek a magyar-angol szótárnak a használatát: http://szotar.sztaki.hu/magyar-angol

10. A harmadik menüpont "Kocsik" vagy "Járművek" címet viselje, és az előzőhöz hasonló módon, a címnek megfelelő tartalmú oldalt jelenítsen meg, rajta minimum 3 kis méretű képpel.

11. A negyedik menüpontban a "Hobbi" címszóra kattintva egy olyan oldal nyíljon meg, melyen egy rövid írás található az internetfüggőségről. Ezt a szöveget weboldalról vagy weboldalakról másold be, de az fontos, hogy csak olyan szöveg legyen, amit te is és az évfolyamtársaid is meg tudnak könnyen érteni. A másolt szöveg alatt szerepeljen a pontos hivatkozás arra az oldalra, ahonnan a szöveget másoltad, és erre kattintva az eredeti weboldal nyíljon meg ugyancsak a 3. keretben.

12. Az ötödik menüpont neve "Életrajz" legyen, és ez egy olyan oldalt nyisson meg, amiben tetszőleges szöveggel írsz egy kicsit magadról, ami alapján meg lehet téged ismerni. Ez tartalmazhatja az életed történetét is, szólhat a hobbidról vagy a szokásaidról is. A szöveg formázása tetszőleges, de mindenképpen térjen el a lehető legtöbb dologban a korábbi formázásoktól, és a szövegen belül is a lehető legtöbb formázási eljárást alkalmazd. A szöveg olyan hosszú mindenképpen legyen, hogy ezen elegendő formázást tudj végezni.

13. A hatodik menüpont neve "Barátok" legyen. Erre kattintva egy olyan oldal nyíljon meg, amin a csoportodból minimum 3 ember neve szerepel, és ezekre kattintva az ő oldaluk töltődik be a teljes weboldalra (nem a keretbe).