Feladatleírás
| Kiinduló állapot |
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
-
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!
-
A fejléc a minta szerinti elrendezésben és tartalommal jelenjen meg (saját logó megengedett)! A logóra kattintva az
-
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!
-
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!
-
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!