Publikálás a világhálón
A diákok a HTML-alapok ismétlése után tartalomkezelő rendszerben (WCMS) építenek honlapot: témát választanak, oldalszerkezetet terveznek, tartalmat töltenek fel, csapatban, szerepkörökkel dolgoznak, és publikálják a kész webhelyet. A témakörhöz javasolt óraterv, ötletláda és tanári tippek tartoznak.
Kódtól a tartalomkezelő rendszerig
A témakör a HTML és CSS felelevenítésétől indul, a tartalomkezelő rendszer megismerésén át eljut egy csapatban készített, publikált webhely projektig.
Ismétlés
Statikus weboldal HTML-ben és CSS-ben.
Tartalomkezelő rendszer
WCMS-funkciók, témák, sablonok, oldalszerkezet, munkafolyamat, verziókezelés.
Projekt
Webhely tervezése, feltöltése és publikálása csapatban, bemutatás.
Mit tanulnak ebben a témakörben?
A kerettanterv a 10. évfolyamon a webes publikálást a tartalomkezelő rendszerek felé viszi tovább: a diákok megtapasztalják, hogyan készül egy valódi webhely csapatban, szerepkörökkel, jogosultságokkal és verziókezeléssel.
Ismeri a tartalomkezelő rendszerek jellemzőit és funkcióit.
Témát, sablont és oldalelrendezést választ, és megtervezi a webhely szerkezetét.
Szöveges és multimédiás tartalmat tölt fel, és a céljának megfelelően rendezi el.
Csapatban dolgozik szerepkörökkel, jogosultságokkal és munkafolyamattal.
Érti a verziókezelés és az együttműködés szerepét a webes munkában.
Betartja a szerzői jog, az adatvédelem és az akadálymentesség szabályait a publikálás során.
Honlap tartalomkezelő rendszerben
A diákok egy iskolai rendezvény vagy szakkör webhelyét építik fel tartalomkezelő rendszerben: témát választanak, menüt és oldalakat hoznak létre, tartalmat töltenek fel, és kiosztják a szerkesztői szerepeket.
Az óravázlat fejlesztés alatt áll. Addig az ötletláda Webhelytérkép papíron ötlete jó kiindulópont.
Ha nyolc tanórád van a témakörre
Ez a javasolt sorrend a NAT 2020 kerettantervének és a hivatalos mintatantervnek a fejlesztési feladataira épül, saját óravázlatokhoz. Az órák önállóan is használhatók, és az ötletláda ötleteivel helyettesíthetők.
- Ismétlés: statikus weboldalHTML-alapstruktúra, címsorok, képek, hivatkozások, stíluslap.
- Tartalomkezelő rendszerekA WCMS jellemzői, funkciói, témák, sablonok, oldalelrendezések.
- Honlap tartalomkezelő rendszerben I.Webhely létrehozása, téma kiválasztása, oldalszerkezet.
- Honlap tartalomkezelő rendszerben II.Szöveges és multimédiás tartalom, menük, elrendezés.
- Projekt: tervezésCélközönség, webhelytérkép, szerepkörök, munkafolyamat.
- Projekt: építésTartalom feltöltése csapatban, verziókezelés.
- Projekt: ellenőrzésAkadálymentesség, jogtisztaság, mobilnézet.
- ProjektbemutatásA kész webhelyek bemutatása és értékelése.
További óravázlatok a témakörhöz
A témakörhöz kapcsolódó, már elkészült óravázlatok. Szabadon beilleszthetők a javasolt sorrendbe, vagy kiválthatnak egy órát.
Így tanítják máshol
Szakmailag elismert külföldi források és módszerek, amelyek jól beépíthetők a saját óravázlatokba. Mindegyiknél jelöltük, mire használható a magyar órán.
Learn WordPress
WordPress közösség
A világ legelterjedtebb tartalomkezelő rendszerének ingyenes, hivatalos tanulási felülete videókkal és óravázlatokkal.
Megnézem (új lapon nyílik)web.dev
Google Chrome csapat
Közérthető útmutatók a gyors, reszponzív és akadálymentes weboldalakhoz, mérőeszközökkel.
Megnézem (új lapon nyílik)W3C Web Accessibility Initiative
World Wide Web Consortium
A WCAG akadálymentességi irányelvek és gyors ellenőrzőlisták, amelyekkel a diákok a saját webhelyüket vizsgálhatják.
Megnézem (új lapon nyílik)További ötletek a témakörhöz
Rövid, kipróbálható tevékenységek, amelyekkel egy órát kiválthatsz vagy kiegészíthetsz. Mindegyiknél jelöltük, melyik órához illik a legjobban.
Webhelytérkép papíron
A csapat post-it cetlikkel tervezi meg a webhely szerkezetét a falon: főoldal, aloldalak, menü. Csak a kész terv után kezdik az építést.
5. óra · tervezésSzerkesztőségi szerepek
A csapatban mindenki kap szerepet (főszerkesztő, szerző, fotós, akadálymentességi felelős), és a tartalomkezelő rendszerben is ennek megfelelő jogosultságot.
6. óra · együttműködésVerziók nyomában
A diákok megnézik egy oldal korábbi változatait, és visszaállítanak egy „elrontott” szöveget. Kiderül, miért fontos a verziókezelés.
6. óra · verziókezelésMobilpróba
A kész webhelyet telefonon is megnézik. Olvasható-e, használható-e a menü, betöltődnek-e gyorsan a képek?
7. óra · reszponzivitásAkadálymentességi audit
A csapatok egymás webhelyét ellenőrzik: van-e alternatív szöveg, jó-e a kontraszt, logikus-e a címsorok rendje? Javaslatlista a másik csapatnak.
7. óra · társértékelésWebhely-pitch
Két percben be kell mutatni a webhelyet egy kitalált megrendelőnek: kinek szól, mit tud, miért jó. Szakmai kommunikáció gyakorlása.
8. óra · bemutatás
Tantárgyi kapcsolódások
Hamarosan
Így lesz mindenkié az óra
Melyik rendszer?
Bármely ingyenes tartalomkezelő rendszer vagy weboldalkészítő megfelel, akár iskolai tárhelyen, akár online. Ha lehet, olyat válassz, amely szerepköröket és verziókat kezel.
Differenciálás
A haladók a témát CSS-sel testre is szabhatják, vagy saját blokkokat készíthetnek. A segítséget igénylők kész sablonnal és tartalomlistával dolgozhatnak.
Publikálás felelősen
Nyilvános oldalra csak jogtiszta tartalom és hozzájárulással készült fotó kerülhet, személyes adat nem. A publikálást egyeztesd az iskolával.
Kerettantervi kapcsolódás
A témakör a NAT 2020 Digitális kultúra kerettantervének 10. évfolyamos tanulási eredményeire és fejlesztési feladataira épül, nem egy adott tankönyv leckéire. A kerettanterv fő fogalmai:
- tartalomkezelő rendszer (WCMS), témák, sablonok, oldalelrendezések
- munkafolyamat, együttműködés, verziókezelés
- honlaptervezés és -publikálás
- szerzői jog, akadálymentesség
Kerettantervi témakör: Publikálás a világhálón (8 óra a 10. évfolyamon). A 9. évfolyam HTML- és CSS-alapjaira épül, középpontjában a tartalomkezelő rendszer áll.