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.

Organizacijski oblik nastave
Suradnja škole sa roditeljima i zajednicom te razvoj školskog kolektiva
Trajanje

45 minuta

Predmet

Informatika

Ključne kompetencije

Ciljevi i ishodi učenja i poučavanja

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

Detaljan opis realizacije

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.

Potrebni resursi

  • 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 i procjenjivanje

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.

Ideje za domaće zadaće (nastavak aktivnosti) i uključivanje roditelja

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.

Savjeti za druge nastavnike/ce kod realizacije ove lekcije/teme

/

Prilozi (radni materijal, radni listovi i dr.)
Metode i tehnike
Similar posts

Chat

You have to be signed in to chat