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.

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 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

Detaljan opis realizacije

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.

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, 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 tabelu sa svojim sedmičnim rasporedom sati.

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

/

Prilozi (radni materijal, radni listovi i dr.)
Metode i tehnike
Slične objave

Dopisivanje

Morate biti prijavljeni da biste ćaskali