Osnovni elementi HTML dokumenta. Boja i slika za pozadinu.
Č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.
45 minuta
Informatika
Циљеви и исходи учења и поучавања
Cilj: Učenici izrađuju jednostavan HTML dokument, razlikuju ulogu elemenata <html>, <head>, <title> i <body> te postavljaju boju i sliku za pozadinu stranice.
Ishodi učenja i poučavanja
Učenik/učenica:
- prepoznaje i primjenjuje osnovne elemente HTML dokumenta
- oblikuje izgled web stranice korištenjem boje i slike za pozadinu
Детаљан опис реализације
Aktivnost 1 – Upoznavanje sa izradom prve web stranice
Kroz razgovor nastavnik postavlja pitanje kako nastaje web stranica, objašnjava ulogu datoteke index.html kao početne stranice web mjesta te predstavlja Notepad kao alat za pisanje HTML koda. Najavljuje izradu prve web stranice koju će učenici nadograđivati na narednim časovima.
Aktivnost 2 – Izrada osnovnog HTML dokumenta
Nastavnik demonstrira postupak izrade HTML dokumenta na projekcijskom zaslonu, a učenici istovremeno prate demonstraciju i izrađuju vlastitu web stranicu u programu Notepad. Učenici kreiraju datoteku index.html te organizuju radni prostor tako da se na lijevoj strani ekrana nalazi Notepad, a na desnoj internet preglednik. Nakon svake izmjene koriste kombinaciju tipki Ctrl+S za spremanje datoteke i F5 za osvježavanje stranice u internet pregledniku kako bi odmah uočili rezultate svog rada.
Učenici kroz praktičan rad postupno dodaju osnovne HTML oznake:
Korak 1 – <html></html>
Korak 2 – <head></head>
Korak 3 – <title></title>
Korak 4 – <body></body>
Korak 5 – <body bgcolor="lightblue">
Korak 6 – <body background="pozadina.jpg">
Nastavnik napominje razliku između lokalnog i javnog pokretanja web stranice. Tokom rada nastavnik kontinuirano 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 rada i samoevaluacija
Nekoliko učenika prikazuje i objašnjava izmjene na svojoj web stranici. Nastavnik sa učenicima sumira ulogu obrađenih oznaka i značaj datoteke index.html. Učenici zaključuju da su izradili osnovni kostur web stranice te popunjavaju obrazac za samoevaluaciju. Datoteku index.html šalju sebi putem Teams-a za naredni čas.
- 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.
/
/
Упитник за процјену припреме за час
Тренутна процјена припреме за час
Tokom časa učenici definišu pojam odgovornosti, prepoznaju njene izvore i posljedice odgovornog i neodgovornog ponašanja, te kroz analizu situacija razvijaju samodisciplinu, empatiju, povjerenje, osjećaj sigurnosti i nenasilno rješavanje problema.
Č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.
Č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.