Lázár Ervin

Feladat

Lázár Ervin (1936. május 5. – 2006. december 22.) Kossuth-díjas magyar író, elbeszélő, meseíró, a Digitális Irodalmi Akadémia alapító tagja.

„Valójában Lázár Ervin életművének jelentős hányadáról elmondható, hogy meseszerű, de az is, hogy ott van benne a mágikus, mitikus (…) Szövegvilágában a valóság és a fantasztikum szinte megérintik egymást.” [Komáromi Gabriella: LÁZÁR ERVIN élete és munkássága, 2011, Osiris, 295. oldal]

Készíts két weblapot a minta és a leírás alapján, amely bemutatja röviden az írót!

• Az elkészítendő állományok neve index.html és eletrajz.html! Az eletrajz.html oldal forrása a le_forras.html állományban található. A le_forras.html állomány egy részét a lazarervin.html állomány elkészítése során is használnod kell!
• Mind a két oldalon a következő egységes színvilágot alakítsd ki! A háttérszín legyen fehér, a szöveg színe és a linkek színe minden állapotban sötétszürke (#0E0E0E kódú szín), a címek és alcímek színe vörös RGB(139,0,0)!
• Mind a két weblap teljes szövege Verdana betűtípusú legyen, a bekezdések pedig legyenek sorkizártak!
• Először az index.html oldalt készítsd el. Az ábrán a böngésző ablak szerkezete látható. A szerkezetet CSS Grid Layout elrendezéssel alakítsd ki! A szélességet a fejlec.png alapján határozd meg!

• Az egyes elemkben helyezd el a megfelelő tartalmakat! Az oldal forrásszövegét az le_forras.html állományban találod.
• A beszúrandó mindhárom képet formázd egységesen!
• A fejléc 2-be helyezd el a Digitális Irodalmi Akadémia logóját, a dia.png állományt és írd be a „Digitális Irodalmi Akadémia tagja” szöveget, amely címsor1 stílusú és a megadott vörös legyen!
• Az menü részbe szúrd be Lázár Ervin fényképét a le_kep.jpg-t! Alatta az „Életrajz” és „Fontosabb díjak” szövegeket alakítsd linkké! Az előbbi mutasson az eletrajz.html és az utóbbi még azon belül a „dij” könyvjelzőre!
• A tartalom részbe az életrajz és a fontosabb díjak egy része kerüljön! A folytatást jelöld azzal, hogy a minta szerinti rész betűszínét állítsd világosszürkére (#C7C7C7 kódú szín) formázással!
• Írd be a minta szerinti két helyre a „Tovább” feliratot és ezeket alakítsd linkké, amely az eletrajz.html oldalra mutasson!
• A jobb részbe szúrjd be a szegenydzsoni.jpg képet! Készítsd el alá a minta szerinti tördelésű képfeliratot, amelynek szövege „Szegény Dzsoni és Árnika (1981)”!
• Másodszor az eletrajz.html oldalt készítsd el! Ehhez a le_forras.html állományt, valamint a mintát használd fel, amely már részben formázva tartalmazza a szöveget! A böngésző címsorában az „Életrajz” szöveg jelenjen meg!
• Kódolásod helyességét ellenőrizd a w3.org validator and tools oldalának segítségével!

Minta