Mérés

Feladatleírás

Mielőtt elkezd dolgozni, olvassa el figyelmesen a teljes leírást!

Általános megjegyzések

  • A feladat 35% CSS - 65% HTML-PHP súlyozással lesz értékelve.
  • Ügyeljen a HTML és CSS szintaktikára – szintaktikai hiba tiszta HTML és CSS kódrészben már megengedhetetlen!
  • Használja saját stíluslapját, ügyeljen a reszponzivitásra!
  • Amennyiben nem rendelkezik saját stílussal, úgy ennek az oldalnak töltse le a külső stíluslapját, és alakítsa egyedivé (saját színeket és hátteret használjon)!
  • Kódolás során használjon logikus megnevezéseket, azonosítókat!
  • Az oldal index.php-val induljon, a fájlstruktúra szabadon választott, de logikus felépítésű legyen!
  • Igyekezzen minél jobban leválasztani a különböző programozási részeket!
  • Használjon kisebb egységeket, modulokat a tanultak alapján!
  • A feladat megoldásához használjon internetes segítséget, illetve nézze meg korábbi kódjait!
  • Az itt található menüpontok egy-egy részfeladat működését mutatják be.
  • Mielőtt egy részfeladat megoldásához hozzákezd, próbálja ki a megfelelő menüpontban!
  • Ahol " !!! " jelet talál, az haladó szintű feladat, nem kötelező megoldania. Amennyiben mégis megoldja, csak abban az esetben kerül értékelésre, ha az összes részfeladat összes többi megoldása elkészült és jól működik.
  • A mintamegoldás a haladó szintű működést mutatja (visszaállítható a kiinduló állapot).
  • A feladat megoldásához szükséges forrásokat innen letöltheti.

Mentés és küldés

  • Hozzon létre egy mappát meres_vezeteknev_keresztnev elnevezéssel!
  • Ebbe a mappába dolgozzon!
  • Munkája végeztével csomagolja be a teljes mappát, a becsomagolt állomány neve egyezzen meg a mappa nevével!
  • Küldje el (vagy töltse fel és ossza meg) a faludia(kukac)verebelyszki.hu emailcímre!

FELADATOK

  1. Statikus tartalmak

    • A fejléc a minta szerinti elrendezésben és tartalommal jelenjen meg (saját logó megengedett)! A logóra kattintva az index.php oldal töltődjön be a minta szerinti kezdőlappal!
    • A menü három menüpontból áll, amelyből egy a feladat leírása (ezt olvassa most), a másik kettő pedig egy-egy részfeladat megoldása. A "Feladatleírás" menüpont egy külső link legyen, amely pontosan erre a leírásra mutasson!
    • A fő tartalmi rész a menüválasztásról függ. Az egyetlen statikus tartalom a kezdőlap, ami az oldal indulásakor vagy a logóra kattintáskor jelenik meg.
    • A lábléc az oldal készítőjének nevét és a mérés dátumát tartalmazza!
    • Az oldal jobb alsó sarkában jelenjen meg egy felfelé mutató hivatkozás szabadon választott karakterrel, amellyel az oldal tetejér tudunk ugrani!
  2. Menükezelés

    • A menü kezelését paraméterezéssel oldja meg úgy, hogy a paraméterek értékeiből ne lehessen következtetni a megjelenítenő fájlnevekre!
    • Abban az esetben, ha olyan érték került megadásra, amelyhez nem tartozik egyik menüpont sem, akkor a kezdőoldal töltődjön be!
  3. Közmondások

    • A forrásban található közmondásokat töltse fel egy tömbbe!
    • Véletlenszerűen válasszon ki egyet, amelyet megjelenít!
    • Tegye lehetővé, hogy a felhasználó új közmondást kérjen!
    • !!! Ha a felhasználó az "Ez tetszik"-et megnyomja, akkor a közmondás legyen megjelölve (szabadon válaszott karakterrel)!
    • !!! Oldja meg, hogy új kérésekor biztosan másik közmondás jelenjen meg!
    • !!! Oldja meg, hogy ha a felhasználó elkattint másik menüpontra, de utána ide visszatér, még mindig a legutoljára megjelenített közmondás látszódjon!
    • !!! Oldja meg, hogy a jelölés is megjelenjen visszatéréskor!
  4. Adatbekérés

    • Hozza létre a mintában szereplő űrlapot a megfelelő beviteli mezőkkel!
    • Minden mező kitöltése legyen kötelező!
    • A születési évszám minimum a kitöltés éve-100, maximum a kitöltés éve legyen!
    • Az űrlaphoz az érzékeny adatoknak megfelelő metódust használja!
    • Jelenítse meg az elküldött adatokat a mintának megfelelően!
    • !!! Amennyiben a felhasználó megjelölt egy közmondást, akkor az is jelenjen meg!
    • !!! Oldja meg, hogy amennyiben a felhasználó egyszer már megadta az adatait, akkor többször ne legyen adatbekérés!