Hálózatok‎ > ‎CSS feladatok‎ > ‎

Farsangi fánk

A leírás és a minta alapján készítsd el a farsangi.html nevű állományt! A formázások nagy részét a fank.css állományban - CSS kóddal - kell megvalósítani. A kész weboldalt (az összes szükséges további állománnyal együtt) az órán használt tárhelyre kell feltöltened, a felhasználónév/dolgozat/ mappába.

Források

Képek: fank.jpg    fejlec.jpg
Szöveg: farsang.txt

Feladatok

Készítsük el a farsangi.html és a fank.css állományokat, a HTML formázását a CSS állományban valósítsuk meg!

Elrendezés

 
 

Formátum

  1. Az oldal betűtípusa Arial, mérete 10pt. A szöveg színe #555555 kódú szürke.
  2. A tartalom 700 képpont széles, középre igazított.
  3. A sztori 300 képpont széles és balra "úszik".
  4. Az elkészítés doboza 380 képpont széles és jobbra "úszik".
  5. A receptet illusztráló kép balra "úszik" és 40 képpontos jobb margója van.

Tartalom

  1. A fejléc egyetlen kép: fejlec.jpg.
  2. A "Farsangi fánk" egyes szintű, a "hozzávalók 4 főre", "sztori", "alapanyagok", "kapcsolódó cikkek" és "elkészítés" pedig kettes szintű címsorok.
  3. A hozzávalókat számozás nélküli, az elkészítés leírását pedig számozott lista tartalmazza.
  4. A hozzávalók mellett a fank.jpg kép látható.
  5. A "Lajos Mari farsangi fánkja" hivatkozás célpontja: http://www.nosalty.hu/ajanlo/lajos-mari-farsangi-fankja

Minta