GY_2

 

Tengerimalac

Hozzávalók

A mellékelt állományok segítségével készítsen egy tengerimalacok tenyésztését bemutató Web-lapot! Az állomány neve legyen TENGERI.HTM!
A feladat megoldásához rendelkezésre álló állományok:
  1. Szöveg: elhelyezes.txt
  2. Képek: malaclogo.bmp (173*175) és carehabit.jpg (500*312)
  3. Html alkotórészek: etetes.html és kepek.html.

A feladat leírása

Az oldal háttérszíne „indianred” legyen!
A böngésző keretére kerülő oldalcím „Lilla tengerimalac oldala” legyen!
Az oldal vázát egy 4 cellából álló táblázat adja. A cellák szegélye látható, háttérszínük „darksalmon” és távolságuk 0 pixel. A cellák és a szöveg széle közötti távolság 15 pixel. A jobb oldali hosszú cella szélessége 200 pixel.
Az oldal címe („Lilla tengerimalac-oldala”) Impact betűtípussal, 7-es mérettel, INDIANRED színnel és középre igazítva jelenjen meg!
A szöveg kétféle címet tartalmaz, ezek 3-as és 4-es méretben jelenjenek meg! A szöveg többi része az alapértelmezett betűtípusú és fekete színű. A fekete hátterű cellában az írás színe „lightcoral”.
A feketével írt szövegben lévő kép (carehabitat.jpg) mérete 500*312 legyen! Az egeret fölémozgatva írja ki, hogy „Miki és háreme az új helyen”!
Közvetlenül a „Rossz elhelyezési módok” cím felett a szövegben egy link van, ami a www.cavycages.com URL-re mutasson! (Kipróbálni a hivatkozás működését nem tudja, mert nincs a vizsgán internet kapcsolat.) Az oldal végén, a fekete háttérszínű cellában van egy „Vissza az oldal tetejére” link.
A jobb oldali cella tartalma felül és középen legyen! A linkek új sorban legyenek! (A linkek egy lehetséges felirata az elhelyezes.txt állományban olvasható.)
A kép neve malaclogo.bmp, amelyet képszerkesztő program segítségével JPG vagy GIF állománnyá alakítson át! A kép mérete 173*175 képpont legyen!
A linkek fölötti feliratok 3-as címtípusúak legyenek! A „Tartalomjegyzék” cím után két link legyen, amely az oldal további részeit jelképező az etetes.html és a kepek.html állományokra mutassanak! Az „Okos oldalak” cím után legyen két link: az első a www.cavycages.com oldalra, a másik pedig a www.piglet.hu oldalra mutasson! Mindkettő új ablakban nyissa meg az oldalt!
A Web-lap végén, megjegyzés tag-be vizsgakódját!