Tudástár · bármikor nézheted
Weboldal ChatGPT-vel: a tervezéstől az élesítésig
Ingyenes, önálló tempójú kezdő kurzus pedagógusoknak és szakmai érdeklődőknek.
A kép mesterséges intelligencia segítségével készült vagy módosult – az EU mesterséges intelligenciáról szóló rendelete (AI Act, 50. cikk) az ilyen tartalmak egyértelmű jelölését írja elő.Röviden
Hat egymásra épülő leckében megtervezel, elkészítesz és közzéteszel egy egyszerű, statikus weboldalt egy előkészített sablonból. A leckék és rövid gyakorlataik összesen 38 percet, az öt kérdéses záró teszt körülbelül 7 percet igényel. A 45 perces tanulási út feltétele a működő ChatGPT-hozzáférés és az előre létrehozott tárhelyfiók.
Kinek ajánlom?
- Pedagógusoknak, akik szakkört, tananyagot vagy szakmai projektet szeretnének bemutatni.
- Oktatóknak és trénereknek, akik egyszerű képzési bemutatkozó oldalt készítenének.
- Szakmai érdeklődőknek, akik kipróbálnák az AI-val támogatott weboldalkészítést.
- Kezdőknek, akik vezetett példán keresztül tanulnák meg a közzététel alapjait.
Mit fogsz tudni?
- Megtervezed egy egylapos weboldal célját, tartalmi szerkezetét és kereshetőségi alapjait.
- Pontos prompttal elkészíted és módosítod egy egyszerű HTML- és CSS-oldal kódját.
- Ellenőrzöd az oldal olvashatóságát, mobilnézetét, hivatkozásait és alapvető akadálymentességét.
- Felismered az adatminimalizálás, az adatvédelmi tájékoztatás és a feltételesen szükséges sütikezelés feladatait.
- Elhelyezed az AI-közreműködés jelölését, és HTTPS-kapcsolattal közzéteszed az oldalt.
- Végrehajtasz egy ellenőrzött módosítást, és összeállítasz egy egyszerű biztonsági és karbantartási rutint.
Tematika
6 lecke · 45 perc
-
1. Tervezd meg a célt és a kereshető tartalmat 6 perc
Egy iskolai szakkör bemutatkozó oldalán meghatározod a célközönséget, az oldal célját és a szükséges tartalmakat. Már a tervezéskor összeállítod a beszédes címsorokat, a természetes keresőkifejezéseket és a látogatók kérdéseire adott rövid válaszokat. Az AI-alapú keresők számára is hasznos, világos és ellenőrizhető tartalmat tervezel; a megjelenés ezekben a rendszerekben bizonytalan.
-
2. Készíts működő oldalt pontos prompttal 8 perc
Az előkészített sablonból ChatGPT segítségével elkészíted az oldal első változatát. A promptban rögzíted a magyar nyelvet, a mobilbarát elrendezést, a szemantikus HTML-t, a jól olvasható színeket és a külső függőségek mellőzését. Helyben megnyitod az oldalt, majd egy új prompttal pontosítod a fejlécet vagy a tartalmi blokkokat.
-
3. Tervezd meg az adatvédelmet és a sütikezelést 7 perc
Áttekinted, milyen adatkezelést okozhat a tárhely, a kapcsolatfelvétel, az analitika vagy egy beágyazott videó. A mintából kihagyod az űrlapokat, követőkódokat és külső beágyazásokat. Megismered a tényleges adatkezeléshez igazított adatvédelmi tájékoztató, valamint sütihasználat esetén a sütitájékoztató szerepét. Hozzájárulást igénylő megoldásoknál elengedhetetlen a betöltés előtti választás és a később elérhető sütibeállítás.
-
4. Ellenőrizd a SEO-t és jelöld az AI-közreműködést 7 perc
Beállítod az oldal címét és metaleírását, ellenőrzöd a címsorokat, a képek alternatív szövegét és a hivatkozásokat. Átnézed az AI-val készített állításokat és a képek felhasználási jogosultságát. Elhelyezel egy látható AI-jelölést, például: „AI segítségével készült, emberi ellenőrzéssel.” Az átlátható szerkezetet és a forrásmegjelölést az AI-kereshetőség alapjaként kezeled.
-
5. Tedd közzé HTTPS-kapcsolattal 5 perc
Az előre létrehozott GitHub-fiókkal feltöltöd a kész fájlokat egy nyilvános tárolóba, és aktiválod a GitHub Pages közzétételt. Bekapcsolod a fiók többtényezős hitelesítését, ellenőrzöd a HTTPS-beállítást, és átnézed a feltöltendő fájlokat: jelszó, API-kulcs és bizalmas dokumentum kizárva. A publikált címet megnyitod, amikor a szolgáltatás elkészítette az oldalt; ez további várakozást igényelhet.
-
6. Módosíts biztonságosan és alakíts ki rutint 5 perc
Egy prompttal frissíted a szakkör időpontját, és kéred, hogy a többi tartalom maradjon változatlan. Mentés után összehasonlítod a változatokat, helyben ellenőrzöd az oldalt, majd közzéteszed a frissítést. Megismered a korábbi verzió visszaállítását és a havi ellenőrzés lépéseit: tartalmak, linkek, hozzáférések, szolgáltatói értesítések és esetleges függőségek frissítése.
Gyakori kérdések
Mire lesz szükséged a kezdéshez?
Számítógépre, böngészőre, egyszerű szövegszerkesztőre, ChatGPT-hozzáférésre és előre létrehozott GitHub-fiókra. A kurzus letölthető HTML- és CSS-sablont, promptmintákat és ellenőrzőlistát használ. Az előzetes regisztráció ideje külön számolandó.
Milyen weboldalt készítesz, és mennyibe kerül?
Egy egyszerű, egylapos szakkörbemutatót készítesz, űrlap, analitika és külső beágyazások nélkül. A kurzus ingyenes, a mintafeladathoz a GitHub Pages ingyenes publikálási lehetőségét használod. Saját domain vásárlása opcionális, a szolgáltatói feltételeket indulás előtt ellenőrizd.
Minden weboldalhoz kell sütisáv és AI-jelölés?
A sütitájékoztatást és a beállítási lehetőségeket a tényleges működéshez kell igazítani. Hozzájárulást igénylő sütik használatakor előzetes választási lehetőség, megfelelő tájékoztatás és később is elérhető beállítások szükségesek. A mintában átláthatósági célból jelzed az AI-közreműködést; az esetleges jogszabályi jelölési kötelezettséget a tartalom és a felhasználás alapján külön kell megvizsgálni.
Hogyan teljesítheted a kurzust?
Végezd el a hat leckét, majd töltsd ki a körülbelül 7 perces, öt helyzetalapú kérdésből álló záró tesztet. A témák: promptadás, kereshetőség, adat- és sütikezelés, biztonságos közzététel, karbantartás. A megfeleléshez legalább négy helyes válasz szükséges.
