Rad na tekstu (stil karaktera, liste, dinamika). Linkovi za navigaciju.
Čas obuhvata nadogradnju web stranice HTML oznakama za stilizovanje teksta, izradu uređenih i neuređenih listi, kreiranje navigacijskih linkova i osnovne tabele, te prezentaciju izmjena i samoevaluaciju.
45 minuta
Informatika
Циљеви и исходи учења и поучавања
Cilj: Učenici nadograđuju svoju web stranicu dodavanjem stilizovanog teksta, listi, navigacijskih linkova i osnovne tabele koristeći odgovarajuće HTML oznake unutar elementa <body>.
Ishodi učenja i poučavanja
Učenik/učenica:
- primjenjuje oznake za oblikovanje teksta
- izrađuje liste i linkove za navigaciju
- kreira osnovnu tabelu u HTML dokumentu
Детаљан опис реализације
Aktivnost 1 – Priprema rada i upoznavanje sa zadatkom
Učenici preuzimaju datoteku index.html sa Teams-a i organizuju radni prostor (Notepad lijevo, preglednik desno). Nastavnik naglašava da se danas završava uvodni dio HTML-a te da učenici koji pažljivo prate i kod kuće dovrše zadatak, na narednom času dobijaju gotov, moderan sajt – sa stilom, stranicama i pravom internet adresom.
Aktivnost 2 – Nadogradnja web stranice kroz HTML oznake
Nastavnik demonstrira na projekcijskom zaslonu, a učenici istovremeno nadograđuju svoju web stranicu. Nakon svake izmjene koriste CTRL+S i F5.
Učenici kroz rad obrađuju sljedeće korake:
Korak 1 – <b>, <i>, <u>, <h1>, <h2>, <p> — stilizovanje teksta
Korak 2 – <ul> i <ol> — neuređena i uređena lista
Korak 3 – <a href=""> — link za navigaciju između stranica web prezentacije; učenici kreiraju linkove koji će povezivati buduće stranice projekta (npr. Početna, O meni, Galerija)
Korak 4 – <table>, <tr>, <th>, <td> — nastavnik izrađuje zaglavlje i prvi red tabele; kao domaći zadatak učenici dovršavaju tabelu sa svojim sedmičnim rasporedom sati.
Tokom rada nastavnik prati aktivnost učenika, postavlja usmjeravajuća pitanja, pruža podršku prema potrebi i evidentira zapažanja u obrascu za formativno praćenje.
Aktivnost 3 – Prezentacija izmjena i refleksija
Nekoliko učenika prikazuje i objašnjava izmjene na svojoj web stranici. Nastavnik sa učenicima sumira ulogu obrađenih oznaka i naglašava da su time završili osnove HTML-a – izgradili stranicu koja ima strukturu, sadržaj i navigaciju. Nastavnik najavljuje da na narednom času učenike očekuje izrada projekta u okviru kojeg će pored početne učenici praviti po još dvije stranice po izboru (npr. galerija fotografija obrađenih u Photopei, dimenzionisanih na istu veličinu za ujednačen izgled). Učenici popunjavaju obrazac za samoevaluaciju, te datoteku index.html šalju sebi putem Teams-a.
- Offline varijanta: Računari, Notepad, USB i obrazac za formativno praćenje (print verzije).
- Online varijanta: Računari sa internet priključkom + Teams, 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 tabelu sa svojim sedmičnim rasporedom sati.
/
Упитник за процјену припреме за час
Тренутна процјена припреме за час
Čas obuhvata uvod u izradu prve web stranice putem programa Notepad, praktičnu izradu osnovnog HTML dokumenta kroz elemente <html>, <head>, <title> i <body> uz postavljanje boje i slike za pozadinu, te prezentaciju rada i samoevaluaciju.
Čas obuhvata uvodni izazov s heksadecimalnim kodovima boja, istraživački rad u dvije grupe (s formulama i bez njih) na prevođenju brojeva između binarnog, oktalnog, dekadnog i heksadecimalnog sistema, te analizu rješenja i samoevaluaciju.
Tokom časa učenici analiziraju proceduralnu pravdu, zakonski proces i trodiobu vlasti, povezujući pravične procedure sa zaštitom ljudskih prava i dostojanstva, te kroz analizu slučajeva razvijaju kritičko mišljenje, odgovornost i povjerenje.
Čas obuhvata analizu videozapisa bez zvuka radi uočavanja poruke, upoznavanje s osnovnim pojmovima (kadar, scena, montaža) i demonstraciju programa za obradu videa, grupnu izradu kratke video priče te završnu prezentaciju i refleksiju.
Tokom časa učenici analiziraju osobine i kriterije kvalitetnog lidera, razlikuju demokratski izbor od nepotizma i populizma, te kroz saradnju, argumentovanje i simulaciju razvijaju kritičko mišljenje, odgovornost i nenasilnu komunikaciju.
Č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.
Tokom časa učenici usvajaju pojmove građanina, stranca, državljanstva i ustava, upoznaju načine sticanja državljanstva i oblike građanskog učešća, razvijajući aktivnu participaciju, kulturu dijaloga i nenasilno djelovanje.
Čas obuhvata analizu kratkih poruka bez konteksta, upoznavanje s osnovnim oblicima digitalne komunikacije i razlikama između formalnog i neformalnog izražavanja, grupnu izradu panoa s primjerima chat i e-mail komunikacije te završnu refleksiju.
Tokom časa učenici istražuju problem zagađenja zraka, prikupljaju i analiziraju relevantne podatke, procjenjuju zakonske mjere i izrađuju akcioni plan, razvijajući kritičko mišljenje, odgovornost, saradnju, dijalog i zajedništvo.