Projektni zadatak (izbor teme i sredstava za realizaciju, izrada plana rada)

Čas obuhvata izbor teme za izradu vlastite web prezentacije, registraciju na besplatni hosting i postavljanje HTML/CSS datoteka, eksperimentisanje s oblikovanjem stranice te prezentaciju i samoevaluaciju urađenog.

Организацијски облик наставе
Сарадња школе са родитељима и заједницом те развој школског колектива
Трајање

45 minuta

Предмет

Informatika

Кључне компетенције

Циљеви и исходи учења и поучавања

Cilj: Učenici biraju temu projekta, definišu strukturu od tri stranice, registruju se na besplatni hosting, postavljaju index.html i povezuju CSS koji vizuelno oblikuje sve što su naučili na prethodnim časovima.

Ishodi učenja i poučavanja

Učenik/učenica:

  • planira strukturu vlastite web prezentacije
  • postavlja stranicu na hosting
  • primjenjuje CSS oblikovanje na pripremljeni HTML dokument

Детаљан опис реализације

Aktivnost 1 – Upoznavanje sa projektnim zadatkom i izbor teme


Nastavnik najavljuje projektni zadatak – izrada vlastite web prezentacije koja će biti javno dostupna na internetu. Učenici biraju temu od četiri ponuđena prijedloga: „O meni", „Moja škola", „Moj grad", „Moj hobi". Svaka web prezentacija treba sadržavati početnu stranicu, stranicu sadržaja i galeriju fotografija obrađenih u Photopei. Učenici koji žele izabrati temu po vlastitom izboru prethodno se konsultuju sa nastavnikom. Nastavnik objašnjava način rada i upoznaje učenike sa koracima realizacije zadatka.

Aktivnost 2 – Izrada i postavljanje web stranice na hosting


Nastavnik demonstrira postupak registracije na InfinityFree hosting sa školskim računom, nakon čega učenici kreiraju vlastite naloge i domene. Učenici zatim preuzimaju index.html sa Teams-a i postavljaju ga u cPanel na odgovarajuću lokaciju. Nakon toga nastavnik putem Teams-a šalje style.css datoteku, koju učenici preuzimaju, dodaju u isti folder i u <head> sekciji index.html dodaju poveznicu: <link rel="stylesheet" href="style.css">, a zatim stranicu postavljaju na hosting.
Nastavnik na projektoru otvara style.css i kratko prolazi kroz njegovu strukturu. Učenici prepoznaju HEX zapise boja, nazive oznaka koje su ranije koristili i uočavaju kako CSS oblikuje elemente koje su izrađivali tokom prethodnih časova. Nakon osvježavanja stranice učenici posmatraju rezultate svojih izmjena i eksperimentišu sa HEX bojama u CSS-u, mijenjajući vrijednosti i prateći efekte na izgledu web stranice. Tokom rada nastavnik prati aktivnosti učenika, postavlja usmjeravajuća pitanja, pruža podršku prema potrebi i evidentira zapažanja na obrascu za formativno praćenje.

Aktivnost 3 – Prezentacija radova i samoevaluacija


Nekoliko učenika prikazuje svoje web stranice na projektoru, predstavljajući „živu" adresu i rezultate svog rada. Nastavnik zajedno sa učenicima sumira šta su postigli tokom časa i razgovara o procesu izrade web prezentacije. Najavljuje nastavak rada – izradu još dvije stranice i njihovo međusobno povezivanje linkovima. Učenicima daje uputu da sve što nisu završili na času dovrše kod kuće kako bi web stranica za naredni čas bila spremna za prezentaciju. Na kraju učenici popunjavaju obrazac za samoevaluaciju.

Потребни ресурси
  • Offline varijanta: Računari, Notepad, USB i obrazac za formativno praćenje (print verzije).
  • Online varijanta: Računari sa internet priključkom + Teams + InfinityFree, obrazac za samoevaluaciju i obrazac za formativno praćenje (elektronska verzija) (MS Forms).
Праћење и процењивање

Praćenje se vrši putem obrasca za formativno praćenje koji nastavnik popunjava tokom rada te obrasca za samoevaluaciju koji učenici popunjavaju na kraju časa.

Идеје за домаће задатке (наставак активности) и укључивање родитеља

Učenici kod kuće dovršavaju sve što nisu stigli završiti na času, kako bi web stranica bila spremna za prezentaciju na narednom času.

Савјети за друге наставнике/це код реализације ове лекције/теме

/

Прилози (радни материјал, радни листови и др.)
Методе и технике
Сличне објаве

Дописивање

Морате бити пријављени да бисте ћаскали