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.

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

/

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

Дописивање

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