Földrajz kvíz HTML Sablon

Négy lépésből álló kvízszakasz statikus HTML-oldalba illesztéshez

A blokk már tartalmazza az egyetlen interaktív kvízszakaszhoz szükséges fő tartalmat: az „A világ csodái” címsort, egy kérdőjeles illusztrációt, négy egymást követő lépést, a kérdések tartalmát, a válaszlehetőségeket, valamint a Tovább, Vissza és Küldés vezérlőket. Az első lépés négy képalapú lehetőséget használ, köztük a longhorn marhát, a hiénát, a páviánt és a harkályt; a későbbi lépések választógombos válaszokra váltanak. Ez teljes belső kvízelrendezést biztosít a szakasznak anélkül, hogy önálló statikus weboldallá alakítaná.

Egy statikus HTML-oldalon elhelyezve a középre zárt fehér kártya fókuszált oktatási vagy ismeretterjesztő interakciót kínálhat a többi tartalomterület között. A szakasz korallszínű háttere megkülönbözteti azt a szomszédos szakaszoktól, míg a folyamatjelző sáv a felhasználó helyzetét mutatja a négylépéses folyamatban. A kártya és a vezérlők lekerekítése, a képes válaszok kompakt sora és a bőséges térköz könnyen olvasható, egységes egységként tartja meg a tartalmat. A környező oldal saját bevezetőt, navigációt, kiegészítő tananyagot vagy záró tartalmat nyújthat a blokk szerepének megváltoztatása nélkül.

A szakasz ezért akkor hasznos, ha egy statikus HTML-projektnek egy egyszerű szöveges panelnél többre van szüksége, de a kvíz elrendezését nem kell a nulláról felépíteni. Meglévő képválasztási és választógombos válaszmintái jól felismerhető interakciós modellt adnak a befoglaló oldalnak, miközben a tágabb implementáció határozhatja meg, hogy az elkészült oldal hogyan kezeli a környező tartalmat és az interakciós folyamatot.