IKT Projektmunka

A projekt célja

A projekt célja egy egyszerű, mégis modern megjelenésű weboldal elkészítése volt, amely bemutatja az IKT projektmunkákat és azok dokumentációját. A weboldal célja, hogy átlátható módon jelenítse meg a projekteket, valamint egy könnyen kezelhető felületet biztosítson a felhasználók számára.

A tervezés során fontos szempont volt:

• Letisztult kinézet
• Sötét (dark mode) dizájn
• Reszponzív megjelenés (mobilon is jól használható legyen)

Felhasznált technológiák

A weboldal elkészítéséhez az alábbi technológiákat használtam:

• HTML5: Az oldal szerkezetének kialakításához
• CSS3: A megjelenés, elrendezés és stílus megvalósításához
• Visual Studio Code: Fejlesztői környezetként
• Böngésző (Chrome): Teszteléshez

A projekt nem tartalmaz JavaScriptet, mivel a cél egy statikus bemutatóoldal elkészítése volt.

Az oldal felépítése (HTML)

Az oldal HTML fájlja logikusan tagolt, szemantikus elemeket használ:

Fejléc (header)

A fejléc tartalmazza:

• Az oldal címét („IKT Projektmunka")
• A navigációs menüt (Kezdőlap, Projektek, Dokumentáció)

Fő tartalom (main)

A fő tartalom három nagy részre van bontva:

• Kezdőlap (hero szekció): Üdvözlő szöveget tartalmaz, röviden bemutatja az oldal célját
• Projektek szekció: Projektkártyás elrendezés
• Dokumentáció szekció: A projektekhez kapcsolódó dokumentumok, külön kártyákban

Lábléc (footer)

A láblécben az oldal szerzői jogi információi találhatók.

Megjelenés és stílus (CSS)

A stíluslap külön fájlban (style.css) található:

• CSS reset: A böngészők közötti eltérések csökkentésére
• Betűtípus: Segoe UI és hasonló sans-serif betűk
• Színek: Fekete és sötétszürke színpaletta

Reszponzív kialakítás

A weboldal reszponzív, az alábbi megoldásokkal:

• @media lekérdezések 768px alatt
• A navigáció oszlopos elrendezésre vált kisebb kijelzőn
• A grid elemek egy oszlopban jelennek meg mobilon

Tesztelés

A weboldalt az alábbi módokon teszteltem:

• Asztali böngészőben (Chrome)
• Különböző képernyőméreteken
• Mobil nézetben (responsive mód)

Összegzés

A projekt során sikerült egy letisztult, modern megjelenésű IKT projektoldalt készítenem HTML és CSS segítségével. A weboldal jól átlátható, könnyen bővíthető, és megfelel az alapvető webes követelményeknek. A későbbiekben az oldal továbbfejleszthető JavaScript funkciókkal, valódi projektek és dokumentumok hozzáadásával, valamint interaktív elemekkel.