Készíts weblapot a könyvtárak ismertetésére!

3 kép áll a rendelkezésedre:

vazlat.jpg – Tartalmazza a weblap szerkezetét az elnevezéseikkel. Kérlek, ezeket a neveket használd majd a feladat megoldása során!

minta1.jpg – A kezdőlap képe. Baloldalon vannak a menüpontok, melyeken kattintva a jobboldali részbe töltődjön be a megfelelő tartalom. A menüpont neve utal a tartalomra. A tartalom szövegét a szoveg.txt fájlban találod!

minta2.jpg – Az űrlapos feladat képernyőképe. Készíts el a tesztet a könyvtárismeret felmérésére

A teszt kérdéseit neked kell begépelned.

• Az első kérdés helyes válasza az első választási lehetőség.
• A második kérdés legördíthető menüjében az elektronikus könyvtár, digitális könyvtár és a virtuális könyvtár legyen válaszható! Alapértelmezetten az elektronikus könyvtár válasz legyen beállítva. A helyes válasz a Virtuális könyvtár!
• A harmadik kérdésnél az első válasz a helyes! Csak akkor kapjon pontot a kitöltő, ha azt az egy lehetőséget választotta a kettő közül!

A teszt kiértékelésénél amennyiben egy-egy kérdést helyesen válaszolt meg a kitöltő, kapjon egy pontot!

Az elküld gomb megnyomása után írja ki a képernyőre:

• ki készítette a tesztet (név, osztály)
• az általa adott válaszokat
• rögtön alatta, hogy helyes-e a válasz vagy nem
• Legvégén összesítve a helyes válaszok számát
• Ha mindhárom válasza helyes volt „ÜGYES VAGY” szöveg jelenjen meg, ha csak 1 vagy 2 válasz volt jó, akkor „OLVASS TÖBBET!”, ha nem volt helyes válasz, akkor „AZ ÖSSZES VÁLASZ HELYTELEN!” szöveget írja ki!

A feladat során felhasználandó képek: 

• a háttérkép (hatter.png), 
• a blokkok háttere (blokk.gif), 
• a fejléc (fejlec.jpg), 
• a lapon, a cikkek mellett megjelenő képek (konyvtarak_fogalma.jpg, konyvtarak_tortenete.jpg, kozmuvelodesi.jpg, felsooktatasi.jpg, nemzeti.jpg). A cikk mellett a cikk tartalmára utaló kép jelenjen meg!
  

Az alábbi formázások megvalósításához használj stíluslapot! A stíluslap külön fájlban legyen, style.css néven mentsd és csatold weblaphoz!

• háttérként a hatter.png ismétlődjön csak felül
• háttérszín: #629D66
• a tartalom szélessége 900px
• a fejlécben a fejlec.jpg és a „könyvtárak” szöveg (80px betűnagyság) jelenjen meg
• a baloldali rész 200px a jobb oldali 700px széles, fehér háttérszínű
• a bekezdések betűnagysága: 13px
• a hírek 600px széles, fehér háttérszínű, a benne lévő szöveg sorkizárt
• a hármas szintű címsor háttérszíne: #203926, betűmérete 12px, szélessége 200px, betűszín fehér
• a blokkok háttérszíne: #96A96F, szélessége 200px, illetve háttérképe: blokk.gif
• a linkek és menüpontok színe: #626F39, a látogatott linkek színe: #626F39, ha a menüpont felett elhúzzuk az egeret, akkor a menüpont színe váltson fehérre
• az itt fel nem sorolt formázások, színek leolvashatók a minta1.jpg és a minta2.jpg állományokról.

A láblécbe írd be a Gábor Dénes Számítástechnikai Emlékverseny 2015/2016 szöveget.