- mrežna stranica
- mrežno sjedište
- tagovi
- atributi
- HTML
Sastojim se od tagova
Otvorite mrežni preglednik i pristupite nekoj mrežnoj stranici. Pripremite prethodno nekoliko adresa mrežnih sjedišta.
Prilikom pristupanja pojedinom sjedištu pokažite učenicima kako mogu pristupiti izvoru stranice.
Upoznajte ih s činjenicom da su se prve mrežne stranice stvarale upravo tipkanjem ovakvog teksta. Na svu sreću, to danas više ne moramo tako činiti. Ipak je dobro znati osnove ovakvog stvaranja mrežnih stranica kako bismo razumjeli pozadinu priče i lakše otkrili i riješili eventualni problem. Jezik mrežnih stranica naziva se HTML (Hypertext Markup language).
Pozovite učenike da u paru otvore nekoliko mrežnih stranica i pristupe njihovim izvorima. Zadajte im da prouče izvore stranica i pokušaju zaključiti kojim tekstom započinje svaka mrežna stranica, a kojim završava te koji se znakovi često pojavljuju i ponavljaju u izvoru stranice.
Svoje zaključke neka kratkim odgovorima zapišu u prezentaciju koju ste pripremili u aplikaciji Mentimeter. Zajedno komentirajte najistaknutije riječi. U razgovoru se treba pobrinuti da učenici razvijaju toleranciju i prihvaćaju tuđa mišljenja. Ako se učenici prethodno nisu koristili alatom Mentimeter, prije zadavanja zadatka pokažite im na jednom primjeru kako pristupiti alatu pomoću koda i poveznice.
Skicirajte učenicima strukturu mrežne stranice koristeći se tagovima <html>, <head> i <body>. Skrenite im pozornost na to da je mrežna stranica datoteka koja ima datotečni nastavak htm ili html i da je ona ustvari tekstualna datoteka pa su se prve mrežne stranice pisale u bloku za pisanje.
Podijelite učenike u grupe i podijelite im izrezane otvorne i zatvorne tagove <html>, <head>, <body>, </html>, </head> i </body>. Od dobivenih tagova moraju izraditi strukturu mrežne stranice. Broj grupa i broj članova grupe procijenite sami i odredite optimalan broj za pojedini razred. Neka to bude u granicama od tri do šest članova po grupi, optimalno četiri.
Nakon toga, također uz pomoć izvornog koda mrežnih stranica, učenike upoznajete s tagovima <b>, <i>, <u> ,</b>, </i>, </u>, <p>, </p>, <br>, <img>, <font>,</font>. Učenici samostalno povezuju čemu koji tag služi. Paralelno im postavite izvor stranice i samu stranicu i neka samostalno u grupi pokušaju otkriti čemu koji tag služi. Pritom, pripazite da učenici razvijaju toleranciju i prihvaćaju tuđa mišljenja.
Svaka grupa predstavlja svoje zaključke.
Nakon nekoliko trenutaka, razgovarajući s učenicima frontalno, zajedno povežite tagove za oblikovanje teksta s ikonama za oblikovanje teksta u programima za pisanje. Upoznajte ih sa značenjem tagova za koje nisu mogli pretpostaviti što znače. Povežite ih s engleskim riječima kako bi ih lakše zapamtili.
Potaknite ih da uoče da većina tagova ima svoj par od kojeg se minimalno razlikuje, a neki se koriste samostalno.
Pokažite im na izvornom kodu stranice atribute nekih tagova i kako se atributi prepoznaju.
Za kraj, kao sistematizaciju naučenog, potaknite učenike da uz pomoć izvora posjećenih stranica prouče obrađene tagove i razvrstaju ih u kategorije, primjerice, koji tagovi imaju svoj par, a koji nemaju, koji tagovi dolaze pretežno sa svojim atributima, a koji se pojavljuju samostalno, koji član para ima atribut, a koji nema. Svoja opažanja neka podijele s ostalim učenicima u razredu, primjerice, neka naprave plakat na hameru.
Postupci potpore
Pri prilagodbi scenarija važno je imati na umu da učenici s teškoćama u razvoju čine heterogenu skupinu te da odabir metoda i postupaka prilagodbe treba temeljiti na pojedinačnim značajkama svakog učenika (jakim i slabim stranama, specifičnim interesima i sl.) te na obilježjima same teškoće.
Učeniku s teškoćama unaprijed pošaljite temu nastavnog sata i ključne riječi ili vizualni raspored sata te mu tako osigurajte mogućnost interakcije i suradnje, a smanjite frustraciju.
Pri izboru parova za učenike s teškoćama birajte onog vršnjaka koji će učenika s teškoćama potaknuti na sudjelovanje u aktivnosti i češće provjeravajte njihovu suradnju. Učeniku s teškoćama zadajte točno određeni dio zadatka koji treba napraviti. Pripremite vizualni raspored ili korake aktivnosti kako bi uspješnije izveo zadatak. Omogućite uporabu vizualnih pomagala, kao što su slike ili fotografije, kako bi se olakšalo razumijevanje pojmova. Izražavajte se jasnim i jednostavnim jezikom koji je prilagođen sposobnostima učenika. Usredotočite se na ključne aspekte zadatka koji se mogu lakše razumjeti, a druge dijelove zadatka ostavite za naknadno rješavanje. Pružite povratne informacije i podršku nakon ostvarenog zadatka kako bi se učenicima pomoglo u razumijevanju pojma i daljnjem razvoju vještina.
Upoznajte učenike s digitalnim alatom Mentimeter te posebnu pozornost posvetite pojašnjenju načina upotrebe alata učenicima s teškoćama. Za učenike s teškoćama pripremite upute za služenje alatom. Pritom je potrebno primjereno grafički oblikovati sve nastavne materijale (upotrijebite povećani font, Arial ili Calibri, veličine barem 14 pt, s povećanim razmakom između riječi i redova). Pohvalite učenika s teškoćama radi stvaranja pozitivne slike o sebi i veće motiviranosti. Učenika s teškoćama nemojte izlagati predstavljanju rada ako se svojevoljno ne javi.
Dodatne informacije o postupcima potpore učenicima s teškoćama u učenju možete potražiti u priručniku Didaktičko-metodičke upute za prirodoslovne predmete i matematiku za učenike s teškoćama. Također, potražite Smjernice za rad s učenicima s teškoćama i savjete učiteljima na stranicama Hrvatske udruge za disleksiju.
Za učenike koji žele znati više
Učenici koji žele znati više neka proučavajući izvore različitih mrežnih stranica izdvoje tagove s kojima se još nisu susreli. To mogu biti tablice, pobrojeni i nepobrojeni popisi, naslovi i sl. I njih neka kategoriziraju prema prethodnoj sistematizaciji. Neka o dodatnim tagovima izrade umnu mapu ili plakat. Neka svima u razredu prikažu izrađeno i nakon toga uratke izvjesite u učionici kako bi im dodatni tagovi bili stalno dostupni.
Sastojim se od tagova
Odgojno-obrazovni ishodi
- Učenik pristupa stranici izvora pojedinih mrežnih stranica.
- Učenik izrađuje strukturu mrežne stranice.
- Učenik nabraja osnovne tagove koji čine strukturu mrežne stranice.
Razina složenosti primjene IKT
- Početna
Korelacije i interdisciplinarnost
- Uporaba IKT-a
- Osobni i socijalni razvoj
Tagovi i atributi
Učenici su raspoređeni u grupe jednako kao i u prethodnoj aktivnosti.
Podijelite učenicima osim otvornih i zatvornih tagova <html>, <head> i <body> i izrezane tagove <b>, <i>, <u>, </b>, </i>, </u>, <p>, </p>, <br>, <img>, <font> i </font>. Recite im da skiciraju i izrade jednostavnu strukturu mrežne stranice koristeći se dobivenim tagovima.
Potaknite ih da u grupama slože parove tagova. Pitajte ih imaju li svi tagovi svoj par i čemu služe parovi.
Pokažite učenicima da nekim tagovima treba pojašnjenje kako bi imali smisla. Ta pojašnjenja nazivamo atributi ili obilježja. Oni se od naziva taga razlikuju po tome što nakon atributa dolazi znak =. Jedan tag može imati više atributa. Takav je jedan tag font. Njegovi su atributi size, face, color. Zatražite od učenika da pokušaju pogoditi čemu služe ti atributi i što pobliže određuju. Svaki predstavnik grupe iznosi zaključke grupe.
Za kraj aktivnosti, neka razmisle i na papiru skiciraju kojim će se tagovima koristiti pri stvaranju svoje mrežne stranice. Neka prate strukturu mrežne stranice uz pomoć osnovnih tagova <html>, <head> i <body>. U dijelu <body> neka dodaju popis svih tagova koje planiraju upotrijebiti na budućoj mrežnoj stranici, primjerice, tagove za oblikovanje teksta, tag za sliku, poveznicu... Isto tako, neka na papiru skiciraju izgled mrežne stranice i kraj svakog elementa zapišu tag koji je potrebno upotrijebiti kako bi mrežna stranica izgledala onako kako su je zamislili.
Posvetite pozornost tomu da učenici pri radu u grupi razvijaju toleranciju i prihvaćaju tuđe mišljenje.
Postupci potpore
U prilagodbi scenarija važno je imati na umu da učenici s teškoćama u razvoju čine heterogenu skupinu i da odabir prilagodbi te razinu i intenzitet podrške valja temeljiti na pojedinačnim značajkama svakog učenika (jakim i slabim stranama, specifičnim interesima i sl.) te na obilježjima same teškoće.
Učeniku s teškoćama unaprijed pošaljite temu nastavnog sata i ključne riječi ili vizualni raspored sata te mu tako osigurajte mogućnost interakcije i suradnje, a smanjite frustraciju.
Omogućite uporabu vizualnih pomagala, kao što su slike ili fotografije, kako bi se olakšalo razumijevanje pojmova. Izradite vizualni raspored. Izražavajte se jasnim i jednostavnim jezikom koji je prilagođen sposobnostima učenika. Usredotočite se na ključne aspekte zadatka koji se mogu lakše razumjeti, a druge dijelove zadatka ostavite za naknadno rješavanje. Pružite povratne informacije i podršku nakon rješavanja zadatka kako bi se učenicima pomoglo u razumijevanju pojma i daljnjem razvoju vještina. U dogovoru s drugim učenicima iz grupe zadajte učeniku s teškoćama specifični dio unutar zadatka koji treba obaviti. Unaprijed pripremite vizualni raspored ili korake kako bi učenik lakše usmjerio pozornost. Učeniku s oštećenjem sluha osigurajte unaprijed napisane upute. Za učenika s organskim oštećenjima osigurajte fizičku podršku učenika mentora ili mu sami pružite podršku kako bi sudjelovao u aktivnostima. Pri pisanju uputa potrebno je obratiti pozornost na primjereno grafičko oblikovanje svih nastavnih materijala (upotrijebite povećani font, Arial ili Calibri, veličine barem 14 pt, s povećanim razmakom između riječi i redova). Pohvalite učenika s teškoćama radi stvaranja pozitivne slike o sebi i veće motiviranosti. Učenika s teškoćama nemojte izlagati predstavljanju rada ako se svojevoljno ne javi. Ako je u razredu učenik s poremećajem pažnje, omogućite da njegova grupa prva izlaže. Tijekom izlaganja rada uvjerite se da je učeniku ugodno. Neka učenik s teškoćama ne bude pasivni promatrač, nego aktivni sudionik u skladu sa svojim mogućnostima.
Dodatne informacije o postupcima potpore učenicima s teškoćama u učenju možete potražiti u priručniku Didaktičko-metodičke upute za prirodoslovne predmete i matematiku za učenike s teškoćama. Također, potražite Smjernice za rad s učenicima s teškoćama i savjete učiteljima na stranicama Hrvatske udruge za disleksiju.
Za učenike koji žele znati više
Pripremite izvore mrežnih stranica i neka učenici na tim stranicama istaknu tagove i atribute koje su učili. Nakon toga postavite im nekoliko izvora mrežnih stranica s greškama, a oni moraju pronaći i prepraviti greške kako bi se mrežne stranice ispravno prikazivale.
Tagovi i atributi
Odgojno-obrazovni ishodi
- Učenik sprema datoteku s datotečnim nastavkom html ili htm.
- Učenik povezuje nazive tagova s izrazima i riječima iz engleskoga jezika.
- Učenik nabraja tagove i izriče njihovo značenje.
- Učenik izrađuje svoju mrežnu stranicu koristeći se različitim tagovima.
- Učenik razlikuje tagove od atributa.
Razina složenosti primjene IKT
- Početna
Korelacije i interdisciplinarnost
- Uporaba IKT-a
- Osobni i socijalni razvoj
Poveži me
U ovoj aktivnosti upoznajte učenike s još jednim tagom, a to je tag za povezivanje više datoteka i stvaranje hiperveza. To je tag <a> sa svojim atributom href koji izgleda ovako: <a href=”ime_datoteke.htm”>. Tag <a> ima i svoj zatvorni tag </a>.
Za početak, u alatu Blok za pisanje pokažite učenicima kako se koriste tagovi za oblikovanje teksta i slike.
Pokažite im kako će spremiti datoteku s datotečnim nastavkom html ili htm i otvorite je u internetskom pregledniku. Uočite da je sav tekst u jednom redu. Pitajte ih koji bi tag bio za „lomljenje“ teksta u redove. Zajedno ispravite tekst upotrebom taga <br>, spremite promjene i pogledajte stranicu u internetskom pregledniku.
Zatražite od učenika da radeći u grupi u alatu Blok za pisanje isprobaju naučene tagove i atribute. Zatim im spomenite atribut bgcolor, jedan od atributa taga <body>. Neka u alatu Blok za pisanje isprobaju atribut bgcolor tako da spreme nekoliko stranica s različitim bojama pozadine.
Za kraj aktivnosti, zatražite da pronađu nekoliko slika ili fotografija uz pomoć filtera Creative Commons ili na platformi Pixabay i spreme ih u mapu u koju su spremili i svoje mrežne stranice.
Pokažite im kako upotrebom taga <img> i njegova atributa src mogu dodati sliku na svoju stranicu: <img src=”ime_slike.jpg”>.
Tijekom rada u grupi učenici sve slike moraju postaviti na svoje mrežne stranice s različitom bojom pozadine.
Pozovite učenike da u grupama u kojima su skicirali svoje mrežne stranice sada izrade mrežne stranice u alatu Blok za pisanje i međusobno ih povežu tagom <a href=”ime_datoteke.htm”> tako da u sve dosadašnje datoteke umetnu spomenuti tag. Nakon spremanja promjena neka isprobaju učinjeno.
Kao samostalni zadatak za rad u grupi, zadajte im da u svim datotekama dodaju hipervezu Natrag. Pomognite im ako shvatite da još nisu samostalni.
Za provjeru naučenog, napravite kviz u alatu Kahoot s temom HTML jezika.
Zatražite od učenika da sve izrađene mrežne stranice spreme u svoj e-portfolio, primjerice, u razrednu bilježnicu izrađenu u alatu OneNote. Ako se još nisu koristili razrednom bilježnicom, odvojite vrijeme da ih upoznate s mogućnostima razredne bilježnice izrađene u alatu OneNote. Prije toga pripremite razrednu bilježnicu.
Kao projektni zadatak, zadajte da svaka grupa izradi jednostavno mrežno sjedište s temom lektirnog naslova za 7. razred. Mrežno sjedište neka se sastoji od minimalno tri mrežne stranice koje su međusobno povezane tagom <a> i koje sadržavaju barem jednu sliku.
Ostavite dovoljno vremena kako bi svaka grupa mogla prikazati svoj uradak. Posvetite pozornost tomu da učenici pri radu u grupi razvijaju toleranciju i prihvaćaju tuđe mišljenje.
Postupci potpore
Pri prilagodbi scenarija važno je imati na umu da učenici s teškoćama u razvoju čine heterogenu skupinu te da odabir metoda i postupaka prilagodbe treba temeljiti na pojedinačnim značajkama svakog učenika (jakim i slabim stranama, specifičnim interesima i sl.) te na obilježjima same teškoće. Preporučuje se da se učenika s teškoćama smjesti u prvu klupu ili u neposrednu blizinu učitelja kako bi dobio adekvatnu podršku i pomoć prilikom zadavanja i provođenja aktivnosti.
Učeniku s teškoćama unaprijed pošaljite temu nastavnog sata i ključne riječi ili vizualni raspored sata te mu tako osigurajte mogućnost interakcije i suradnje, a smanjite frustraciju. U svim aktivnostima uzmite u obzir teškoće učenika (poremećaj pažnje, oštećenja jezično-govorne glasovne komunikacije i specifične teškoće u učenju, oštećenje sluha, oštećenje vida itd.) te osigurajte dovoljno vremena.
Učeniku s teškoćama osigurajte dodatno vrijeme za rješavanje zadatka. Omogućite uporabu vizualnih pomagala, kao što su slike ili fotografije, kako bi se olakšalo razumijevanje pojmova. Izradite vizualni raspored. Izražavajte se jasnim i jednostavnim jezikom koji je prilagođen sposobnostima učenika. Usredotočite se na ključne aspekte zadatka koji se mogu lakše razumjeti, a druge dijelove zadatka ostavite za naknadno rješavanje. Pružite povratne informacije i podršku nakon ostvarenog zadatka kako bi se učenicima pomoglo u razumijevanju pojma i daljnjem razvoju vještina.
Ako je moguće, osigurajte učeniku rad u grupi s kojom je već surađivao. U dogovoru s drugim učenicima iz grupe zadajte učeniku s teškoćama specifični dio unutar zadatka koji mora obaviti. Unaprijed pripremite vizualni raspored ili korake kako bi učenik lakše usmjerio pozornost. Učeniku s oštećenjem sluha osigurajte unaprijed napisane upute. Za učenika s organskim oštećenjima osigurajte fizičku podršku učenika mentora ili mu sami pružite podršku kako bi sudjelovao u aktivnostima.
Provjerite znaju li se učenici služiti alatom Blok za pisanje, odnosno alatom OneNote. Za učenike s teškoćama pripremite upute za korištenje alatom te gotove primjere. Pritom je potrebno primjereno grafički oblikovati sve nastavne materijale (upotrijebite povećani font, Arial ili Calibri, veličine barem 14 pt, s povećanim razmakom između riječi i redova). Pohvalite učenika s teškoćama radi stvaranja pozitivne slike o sebi i veće motiviranosti. Učenika s teškoćama nemojte izlagati predstavljanju rada ako se svojevoljno ne javi. Pri korištenju alatom prilagodite svjetlinu i kontrast na zaslonu. Ako je u razredu učenik s poremećajem pažnje, omogućite da njegova grupa prva izlaže. Tijekom izlaganja rada uvjerite se da je učeniku ugodno. Neka učenik s teškoćama ne bude pasivni promatrač, nego aktivni sudionik u skladu sa svojim mogućnostima.
Dodatne informacije o postupcima potpore učenicima s teškoćama u učenju možete potražiti u priručniku Didaktičko-metodičke upute za prirodoslovne predmete i matematiku za učenike s teškoćama. Također, potražite Smjernice za rad s učenicima s teškoćama i savjete profesorima na stranicama Hrvatske udruge za disleksiju.
Za učenike koji žele znati više
Učenici koji žele znati više neka istraže na internetu kako se imenuje početna mrežna stranica nekog mrežnog sjedišta.
Uputite ih da osmisle početnu stranicu za razredni projekt izrade mrežnog sjedišta Lektira za 7. razred.
Prije nego što skiciraju naslovnu stranicu, neka pretraže internet u potrazi za idejama.
Dovoljno je da naslovna stranica ima poveznice i slike i da bude atraktivna i efektna.
Poveži me
Odgojno-obrazovni ishodi
- Učenik se koristi tagom za stvaranje poveznice .
- Učenik nabraja osnovne tagove koji su potrebni za stvaranje i oblikovanje mrežne stranice.
- Učenik (u grupi) osmišljava i izrađuje zamišljeno mrežno sjedište.
Razina složenosti primjene IKT
- Srednja
Korelacije i interdisciplinarnost
- Uporaba IKT-a
- Osobni i socijalni razvoj
- Hrvatski jezik
Povratne informacije i/ili prijava greške
Želite nam reći svoje mišljenje o ovom sadržaju ili ste uočili grešku? Javite nam to popunjavanjem ovog obrasca. Vaše povratne informacije su nam važne.