12B IKT - Készítsétek el egy állateledeles weboldalát CSS GRID használatával.

Az oldal létrehozásához szemantikus elemeket használj.

Ügyel arra, hogy az oldal reszponzív legyen, tehát 3 különböző méretre tervezd.

A mobilos nézetben 1 hasábban jelenlen meg minden.

A tabletes nézetben 2 hasábban.

Legyen menüje a weboldalnak, legalább 3 oldalt tartalmazzon. (Főoldal, statisztikák, rendelések állapota, stb. )

Normál képernyős nézetben viszont 3 hasábnak lennie kell. (Egyik oldalon lehet pl reklám sáv, Google hirdetéseknek.

A fő tartalomban legyenek címsorok, logikusan elrendezve, (cím, alcím), bekezdések.

Legyen lábléce az oldalaknak, elérhetőségekkel.

Az egyik oldalon legyen táblázat is, ami reszponzív legyen. (w3school-on találsz rá jó megoldást)

Valahol alkalmazz benne számozott és számozatlan felsorolást is. A számozatlan felsorolás esetében alkalmazz valamilyen egyedi lista jelet. (pl lehet futár adatok, rendelési adatok, stb.)

Legyenek az oldalon képek, ábrák, statisztikai ábrák, kimutatások, rendelési státuszok.

Példa:

tabletes nézet:

 

mobilos nézet:

 

A projekt elkészítésének része a dokumentáció elkészítése. A feladat mappában találtok egy „záródolgozat formátum” elnevezésű dokumentumot. A csapat egyik tagja folyamatosan vezesse a megadott pontok szerint. Címlapra kerülhet majd egy képernyő fotó a weboldal kezdő oldaláról, a készítők neve a projekt címe. Bevezetőben a csapat tagjai, ki hogyan vett részt a munkában. A felhasználói dokumentációban mutasd be a weboldalt egy laikus felhasználónak, pl. mit láthat az oldalon, hova kattinthat. A fejlesztői dokumentációban felhasznált technológiák, pl Html, Css, Js, Felxbox, Css grid stb. Kódolás folyamata, azoknak a kód részleteknek a bemutatása, amit kiemelnél. A tervezést készítsétek el figma tervezővel. Összefoglalásban értékeld a közös munkát, és a tovább fejlesztési lehetőségeket. A forrásoknál folyamatosan gyűjtsétek azokat az oldalakat, ahol megoldást kerestetek. Törekedjetek egy olyan igényes munkára, mintha valóban egy meglévő üzlet tulajdonosa rendelte volna tőletek a weboldalt. A kész munkákat a táblánál kell bemutatni a csapatoknak 10 percben.