Pixel Specialista

Tudástár · 6. rész / 6 · kb. 5 perc

6. Módosíts biztonságosan és alakíts ki rutint

Egy szakköri időpont frissítése néhány soros módosítás, mégis érdemes követhető munkamenetet használni hozzá. Ebben a leckében végigveszed a biztonságos módosítás lépéseit: mentés, pontos prompt, összehasonlítás, helyi próba és közzététel.

A cél, hogy minden frissítés után ellenőrzött oldal várja a látogatókat, és szükség esetén vissza tudj térni egy korábbi, működő változathoz. A példák egy kitalált iskolai szakkör oldalára vonatkoznak.

Mentsd el a működő változatot

Mielőtt ChatGPT-vel módosítod a szakkör oldalát, készíts másolatot a teljes helyi weboldalmappáról. Adj neki egyértelmű nevet, például szakkor-mentes-2026-10-14. A mentést tartsd a közzétételre szánt mappán kívül.

A GitHubra korábban feltöltött változatot a tároló módosítási előzményeiben is megtalálod. Jegyezd fel, melyik mentéshez tartozik a jelenleg működő oldal.

Módosítás előtt ellenőrizd:

  • megvan az index.html és minden hozzá tartozó kép, illetve stílusfájl;
  • a mentett oldal helyben megnyitható;
  • tudod, melyik fájlt fogod szerkeszteni.

A GitHub módosítási mentése, a „commit” rövid leírást is kap. A „Szakköri időpont frissítése” később könnyebben értelmezhető, mint a „Javítás”.

Kérj körülhatárolt módosítást

ChatGPT-nek az aktuális fájl tartalmát add át. Előtte nézd át, hogy tartalmaz-e személyes adatot vagy bizalmas információt. Az időpontot a szakkör felelősével egyeztetett adat alapján módosítsd.

Másolható mintaprompt:

Az alábbi HTML-fájlban a szakkör időpontját módosítsd „csütörtök 15:00” értékről „csütörtök 16:00” értékre, minden olyan helyen, ahol ez a szakköri foglalkozás időpontját jelöli. Minden más szöveg, HTML-szerkezet, stílus és hivatkozás maradjon változatlan. A külső függőségek köre maradjon változatlan. Add vissza a teljes módosított fájlt, majd külön sorold fel a változtatásokat. Ha az időpont szerepe bizonytalan valamelyik előfordulásnál, kérdezz rá.

A prompt után illeszd be az aktuális HTML-t. A pontos kérés csökkenti a felesleges változtatások esélyét; az eredményt minden alkalommal ellenőrizd.

Hasonlítsd össze, majd próbáld ki

Mentsd a kapott HTML-t a munkapéldányba, és hasonlítsd össze a korábbi fájllal. Használhatod például a Visual Studio Code fájl-összehasonlítását, vagy feltöltéskor a GitHub változásnézetét. A hozzáadott és törölt sorokat egyenként nézd át.

Az időpontfrissítés ellenőrzési listája:

  • minden érintett helyen az egyeztetett időpont szerepel;
  • a jelentkezési információ, a helyszín és a kapcsolattartó adatai változatlanok;
  • a hivatkozások, a stílusok és a szkriptek változatlanok.

Ezután nyisd meg a helyi index.html fájlt böngészőben. Nézd meg széles és keskeny ablakban, kattints a menüpontokra és a kapcsolati hivatkozásokra. Ellenőrizd az ékezeteket és a szöveg olvashatóságát is.

Ha váratlan eltérést találsz, javítsd a munkapéldányt, majd ismételd meg az összehasonlítást és a próbát.

Tedd közzé, és ellenőrizd az élő oldalt

A helyben kipróbált fájlt töltsd fel a GitHub Pages által használt tároló megfelelő mappájába. Csak a szükséges weboldalfájlokat töltsd fel. A biztonsági másolat és a belső dokumentumok maradjanak külön.

Mentéskor írj beszédes commitüzenetet, például: „Szakkör kezdése csütörtökön 16:00-ra módosítva”. Várd meg a közzétételi folyamat sikeres befejezését, majd nyisd meg a nyilvános HTTPS-címet.

Az élő oldalon is ellenőrizd az időpontot, az elrendezést és a hivatkozásokat. Ha a régi tartalom látszik, frissítsd az oldalt, és nézd meg a GitHub közzétételi állapotát. A frissítés megjelenése várakozást igényelhet.

Végül jegyezd fel a módosítás dátumát és az ellenőrzés eredményét.

Korábbi fájlváltozat visszaállítása

Ha egy frissítés hibás eredményt hoz, a helyi mentésből vagy a GitHub előzményeiből visszaállíthatod a korábbi fájlt.

  1. Keresd meg az utolsó ellenőrzött, működő változatot. GitHubon a fájl „History” nézetében elérheted a korábbi módosításokat.
  2. Másold a korábbi fájltartalmat a helyi munkapéldányba, vagy használd a saját biztonsági másolatodat.
  3. Nézd át, hogy a visszaállítás milyen későbbi módosításokat érint. A szükséges, helyes frissítéseket őrizd meg.
  4. Próbáld ki helyben, majd töltsd fel új commitként, például „Korábbi működő időpontblokk visszaállítása” leírással.
  5. Ellenőrizd a közzétett oldalt is.

Több érintett fájlnál egymáshoz tartozó változatokat állíts vissza. A HTML, a stíluslap és a képek összhangja is számít.

Alakíts ki havi ellenőrzési rutint

Tegyél havi emlékeztetőt a naptáradba. A tanévkezdés és a szakköri változások idején külön ellenőrzést is tervezz.

  • Tartalom: aktuálisak az időpontok, helyszínek, kapcsolati adatok és jelentkezési tudnivalók?
  • Hivatkozások: megnyílnak a belső és külső linkek?
  • Megjelenés: olvasható az oldal telefonon, és betöltődnek a képek?
  • Hozzáférések: megfelelő személyek férnek hozzá a tárolóhoz, és aktív a többtényezős hitelesítés?
  • Szolgáltatói értesítések: érkezett GitHub-értesítés hibáról, biztonsági problémáról vagy szükséges teendőről?
  • Függőségek: került új külső kód az oldalba? Ha használsz függőséget, ellenőrizd a karbantartását és a szükséges frissítéseket.
  • Mentés: elérhető a legutóbbi ellenőrzött változat?

Vezess rövid naplót: „Dátum | ellenőrző személy | eredmény | következő teendő”. A rendszeres átnézés segít időben észrevenni az elavult információkat és a működési hibákat.

Felelősségvállalási nyilatkozat

A tananyag használatával az alábbiakat tudomásul veszed:

A kurzust önkéntesen, saját felelősségemre végzem el.

Tudomásul veszem, hogy a kurzusban bemutatott, harmadik féltől származó szoftverek és szolgáltatások (például mesterségesintelligencia-alapú eszközök) működése, funkciói, felhasználási feltételei, adatkezelési gyakorlata, valamint adatvédelmi és kiberbiztonsági beállításai a kurzus elkészülte után a szolgáltató döntése alapján bármikor megváltozhatnak. A kurzus szervezője ezekért a változásokért, a harmadik felek szolgáltatásainak működéséért, adatkezeléséért, adatvédelmi és kiberbiztonsági beállításaiért nem vállal felelősséget.

A szoftverek tényleges használatának módjáért, a megadott adatokért és a használat következményeiért mindenkor az adott felhasználó önállóan felel. A kurzus tartalma általános tájékoztató és oktatási célú; nem minősül jogi, adatvédelmi vagy informatikai biztonsági tanácsadásnak.

Vállalom, hogy a szoftverek használata során betartom a rám vonatkozó jogszabályokat (különösen az adatvédelmi előírásokat) és munkáltatóm szabályait, és nem adok meg személyes vagy bizalmas adatot olyan szolgáltatásban, amelynek adatkezelését nem ismerem.