IKT Projektmunka

Üdvözöljük az IKT Projektmunka oldalon

Ez az oldal az IKT projektjeink és dokumentációjuk gyűjteménye.

Projektek

Projekt 1

Első projektünk leírása és célja. Ez egy példa projekt, amely bemutatja a munkánkat.

Részletek

Projekt 2

Második projektünk leírása és célja. Ez egy további példa a munkáinkra.

Részletek

Projekt 3

Harmadik projektünk leírása és célja. Folyamatosan bővülő projektgyűjtemény.

Részletek

Dokumentáció

IKT Projektmunka – Dokumentáció

Ez a dokumentáció bemutatja az IKT Projektmunka weboldal elkészítésének lépéseit és a felhasznált technológiákat.

Megnyitás

Projekt tervezés

A projektek tervezési fázisának dokumentációja, célok és követelmények meghatározása.

Megnyitás

Fejlesztési útmutató

Technikai dokumentáció és fejlesztési irányelvek a projektek megvalósításához.

Megnyitás

Tesztelési terv

A projektek tesztelési folyamatának leírása és eredményei.

Megnyitás

Felhasználói kézikönyv

Útmutatók és leírások a projektek használatához végfelhasználók számára.

Megnyitás

IKT Projektmunka – Dokumentáció

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.