Sveu ilite!u!Rijeci Odjel za informatiku

Akademska 2014/2015. godina

Mentor: dr. sc. Martina Holenko Dlab

Priprema!za!izvo"enje!nastavnog!sata!informatike

Word: Rad sa slikama

Marko!Modri#

Rijeka, 12.1.2014.

2/16

kola: Osnovna!kola!Zamet

Razredni odjel: 5.d

Nastavni predmet: Informatika

Nastavna cjelina: Obrada teksta Microsoft Word 2010

Nastavna tema: Oblikovanje teksta

Nastavna jedinica: Rad sa slikama

Tip nastavnog sata: Kombinirani sat obrade novog!gradiva!i!vjebanja

Vrijeme izvo!enja: Ponedjeljak,!12.!sije nja!2014. (4. sat)

Mjesto izvo!enja: Ra unalna!u ionica!365

Cilj (svrha) sata: Upoznati!u enike!s!osnovama!rada sa slikama u okvirima alata Microsoft Office 2010 Word te ih osposobiti za!primjenu!ste enog!znanja. Ishodi u"enja:

- Primijeniti umetanje i kombiniranje slikovnih datoteka!sa!postoje#im!tekstom - Primijeniti!funkcije!pozicioniranja!i!promjene!veli ine!slikovne!datoteke! - Primijeniti!alat!Obrei!(Crop)!za!obradu!zadanih slika unutar Word dokumenta - Samostalno!rijeiti!zadane!zadatke!koritenjem!funkcija!umetanja,!pozicioniranja!i!

alata!Obrei!(Crop)!

Nastavna na"ela: - na"elo postupnosti (gradivo!se!izlae!od!jednostavnijeg!ka!sloenijem te!se!uvjebava!

na!nekoliko!zadataka,! radi!utvr"ivanja!gradiva!na!kraju! sata!ponavljaju! se!najvaniji!pojmovi)

- na"elo primjerenosti (primjeri! i! zadaci! odabrani! su! uvaavaju#i! dob! i! predznanje!u enika!te!njihove!sposobnosti)

- na"elo zornosti (tijekom demonstracije gradiva koriste se slike!i!grafi ki!prikazi!radi!boljeg!predo avanja!gradiva!koje!se!obra"uje)

- na"elo individualizacije (tijekom! prakti nog! rada! tempo! rada! prilago"ava! se!u enicima!i!prua!se!pomo#!u enicima!pri!radu!i!rjeavanju!zadataka)

Nastavne metode: metoda razgovora, metoda usmenog izlaganja, metoda demonstracije,

metoda!prakti nih!radova,!metoda!pisanja!i!rada!s!tekstom

3/16

ORGANIZACIJA NASTAVNOG SATA

TIJEK NASTAVNOG SATA

Uvodni dio

Po! zavretku! pripreme! za! rad! najavljuje! se! tema! rad sa slikama u Microsoft Office 2010 Word!alatu.!U enici!su!se!u!prethodnim!nastavnim!satima!upoznali!sa!nekim!na inima!rada!u!programu!MS!Word!2010,!kao! to! su!obrada teksta,!umetanje!grafi kih!oznaka! i! simbola,!a!danas! #emo! se! upoznati! sa! na inima! umetanja! slika! u! Word! dokument,! njihove! obrade! i!kombiniranja sa tekstom dokumenta.

Na!plo u!se!zapisuje!naslov!Word: Rad sa slikama.

U enike! se! motivira! za! rad! kroz! razgovor o svim prilikama u kojima su se susreli sa kombinacijom!slika!i!teksta,!kao!to!su!slike!u!knjigama,!udbenicima!i!sli no!te o tome koja bi! bila! svrha! povezivanja! slika! sa! tekstom.! U enicima postavljamo pitanje je li ih ikada zanimalo!na!koji!na in!se!to!postie. Navesti da je MS Word jedan od programa kojim se to moe!posti#i!te!da!je!to!program!koji!#e!naj e#e!koristiti!u!tu!svrhu.

Nakon! toga! u enicima! dati! upute! o!materijalima! za! vjebu.!Materijali! #e! biti! objavljeni! na!sustavu MudRi pod imenom MATERIJALI_Modri _Marko.zip.

ETAPA SADRAJ OBLICI RADA METODE

RADA VRIJEME

Uvodni

dio

- priprema za rad

- najava teme sata

- motivacija!u enika frontalni

Razgovor,

usmeno izlaganje 4 min

Sredinji!dio

- obrada gradiva

- demonstracija primjera

- rjeavanje!zadataka

frontalni,

frontalni s elementima

individualizacije,

individualni rad

usmeno

izlaganje,

demonstracija,

razgovor,

prakti ni!rad!na!ra unalu,!metoda!pisanja i rada s

tekstom

33 min

Zavrni!dio

- pitanja!u enika - ponavljanje i

utvr"ivanje!gradiva - zadavanje!doma#e!

zada#e

frontalni,

frontalni s elementima

individualizacije

razgovor,

metoda pisanja i

rada s tekstom

3 min

4/16

Sredinji dio

Zapo eti!izlaganje!uz!pomo#!PowerPoint!prezentacije.

Za umetanje slika u Word dokument koristimo se karticom Umetanje (Insert), tj. grupom

naredbi Ilustracije (Illustrations).

Slika 1: kartica Insert(Umetni) i grupa naredbi Illustrations (Ilustracije)

U enicima!se!pojanjava!i!uz!pomo#!prezentacije!poblie!predo ava!postupak!umetanja!slika!u!Word!dokument.!Tokom!objanjavanja!na!plo u!se!zapisuje!postupak umetanja slike u dokument:

- Postavljanje!pokaziva"a!-> kartica Umetanje (Insert) -> grupa naredbi Ilustracije (Illustrations) ->alat Slika (Picture) -> odabir slike -> gumb Umetni (Insert)

Slika 2: Dijaloki okvir Slike i gumb Insert (Umetni)

U enicima!posebno!naglasiti!ulogu!pokaziva a!koji!prije!umetanja!slike!moramo!postaviti!na!mjesto!gdje!elimo!umetnuti!sliku.!Na!sljede#em!primjeru!demonstrirat!#emo!ovaj!postupak!umetanja slika u dokument.

Upozoriti!u enike!da!pozorno!prate!te!pokuaju!sudjelovati!u!rjeavanju!primjera.

5/16

Nakon! rijeenog! primjera! u enicima! se! zadaje! zadatak! kojim! #e! samostalno! isprobati!umetanje slika u dokument.

Za! vrijeme! rjeavanja! zadatka! nastavnik! obilazi! u enike! te! nudi! pomo#! u! slu aju! nekih!problema!ili!nejasno#a.!Nakon!to!u enici!zadatak!rijee!jedan!u enik!#e!demonstrirati!na in!rjeavanja!na!glavnom!ra unalu.

Primjer 1

Potrebno je u zadani Word dokument umetnuti dvije slikovne datoteke naziva

Rijeka1 i Rijeka2 na!za!njih!nazna ena!mjesta.

Rjeenje:

6/16

Nakon!to!su!se!u enici!upoznali!sa!na inom!umetanja!slika!u!dokument!prelazi!se!na!drugi!dio!gradiva,!to nije!pozicioniranje!i!obradu!slika.

Kada! smo! sliku! umetnuli! u! dokument! moramo! je! tom! dokumentu! i! prilagoditi,! to! se!poglavito!o ituje!u!promjeni!njene!veli ine!i!pozicije.

Usmjeriti panju!u enika!na!kvadrati#e! i!krui#e!koji! su! se!pojavili!oko!slike!nakon!njenog!umetanja! u! dokument.! Njih! nazivamo! dra i! ili! hvataljke! te! ih! koristimo! kao! jedan! na in!promjene!veli ine!slike.!Bijeli!krui#i!u!uglovima!slike!slue!nam!za!promjenu!visine!i irine!slike! u! isto! vrijeme! dok! bijele! kvadrati#e! koji! se! pojavljuju! na! stranama! slike! koristimo! za!promjenu!visine!ili!irine!slike!pojedina no.!Zeleni!krui#!koji!se!pojavljuje!iznad!slike!slui!nam za rotaciju slike.

Zadatak 1

U zadani dokument Zadatak1.docx umetnite slike iz mape Znamenitosti Rijeke na za

njih!nazna ena!mjesta.

Rjeenje:

7/16

Slika 3: Hvataljke za promjenu veli"ine i rotaciju slika

Za!koritenje!hvataljki!potrebno!je!pokaziva !postaviti!iznad!hvataljki!dok!ne!promijeni!oblik!u dvostranu strelicu, te tada klikom i! pomicanjem!mia! odre"ujemo!veli inu! slike! koja! nas!zadovoljava.!Kada!je!zadovoljavaju#a!veli ina!postignuta!mi!se!otpusti.

Ovaj! postupak! prikazati! #emo! na! sljede#em!primjeru.!U enike! potaknuti! na! sudjelovanje! u!dolasku!do!rjeenja.

Primjer 2

Potrebno!je!slike!zadane!u!Word!dokumentu!obraditi!na!sljede#i!na in:

a) Slici!1!irinu!pove#ati!da!bude!jednaka!onoj!Slike!2 b) Slici!2!visinu!pove#ati!da!bude!jednaka!onoj!Slike!1 c) Sliku!3!rotirati!u!poloaj!jednak!prethodnim!slikama!i!prilagoditi!visinu i

irinu

Rjeenje:

8/16

Nakon! rjeavanja! primjera! u enike! uputiti! na! rjeavanje! zadatka! 2! iz! materijala!MATERIJALI_Modri _Marko.zip, datoteka Zadatak 2.docx. Nastavnik! prati! rjeavanje!zadatka!obilaenjem!u enika!i!pruanjem!pomo#i!u!slu aju!nekih!nejasno#a.!Nakon!rjeavanja!zadatka!jedan!u enik!rjeenje!zadatka!demonstrirati!#e!na!glavnom!ra unalu.

Osim promjene veli ine! jo! jedan! na in! obrade! slike! je! i! njeno! obrezivanje.!Obrezivanjem!odre"ujemo!koji!dio!slike!#e!nam!se!prikazivati!u!dokumentu!dok!se!ostali!dio!slike!odbacuje.!Za!obrezivanje!slike!koristimo!se!alatom!Obrei!(Crop)!koji!se!nalazi!na!kartici Alati za slike (Picture Tools) - Oblikovanje!(Format)!u!grupi!naredbi!Veli ina!(Size).!Kartica!Alati!za!slike!nova je kartica koja se pojavljuje!nakon!umetanja!ili!ozna avanja slike.

Zadatak 2

U dokumentu Zadatak 2.docx zadane!su! etiri!slike.!Potrebno!je!promijeniti!veli inu!slika!koriste#i!se!dra ima kako bi:

a) Slika!1!bila!jednake!irine!kao!i!tekst!iznad!nje b) Slika!2!bila!jednake!visine!i!irine!kao!Slika!1 c) Slika 3 bila zakrenuta za 180$

$!stupnjeva

d) Slika 4 bila postavljena vodoravno

Rjeenje:

9/16

Slika 4: Alat Obrei (Crop)

Klikom na alat Obrei! oko! slike! nam! se! pojavljuju! hvataljke! u! obliku! crnih! linija! koje!koristimo!na!isti!na in!kao!i!kod!promjene!veli ine!slike.!Njihovim!pomicanjem!#emo!odrediti!koji!dio!slike!#e!se!prikazivati!u!dokumentu.!

Slika 5: Hvatalje za obrezivanje slike

Pomo#u!alata!Obrei!sliku!je!mogu#e!obrezati!i!na!zadani!oblik.!Pa!se!tako!klikom!na!strelicu!alata!Obrei!otvara!dijaloki!okvir!u!kojemu!se!nalazi!gumb!Obrei!na!oblik!(Crop!to!shape)!te nam se klikom!na!njega!omogu#ava!odabir!oblika!obrezivanja.

Hvataljke za

obrazivanje slike

10/16

Slika 6: Obrazivanje na oblik (Crop to shape)

Na!sljede#em!primjeru!demonstrirat!#emo!obrezivanje!slike!koritenjem!alata!Obrei!(Crop).

Primjer 3

Potrebno je zadane slike!obraditi!na!sljede#i!na in:

a) Sliku 1 obrezati na pola b) Sliku 2 obrezati na oblik strelice c) Sliku!3!obrezati!na!veli inu!ve#u!od!originala

Rjeenje:

11/16

Panju!u enika!usmjeriti!na!c)!dio!prethodnog!primjera.!Raspraviti!to!se!doga"a!kada!sliku!obreemo! na! veli inu! ve#u! od! originala.! U! slu aju! obrezivanje! slike! na! veli inu! ve#u! od!originala!slika!se!proiruje,!tj.!dodaje!joj!se!svojevrsna!pozadina!bijele!boje!u!onom!podru ju!koje!smo!alatom!Obrei!ozna ili.

U enike!usmjeriti!na rjeavanje!zadatka!3!iz!materijala!za!vjebu.

Nakon! to! smo! umetnutu! sliku! obradili! potrebno! je! istu! pozicionirati! na! eljeno! mjesto! u!dokumentu. To!moemo!u initi!na!vie!na ina.!

Kako! bi! sliku! pozicionirali! na! odre"eno! mjesto! na! stranici! koristimo! se! alatom Position (Pozicija slike) koja se nalazi u kartici Alati slike (Picture Tools) u grupi naredbi Uredi

(Arrange).

Zadatak 3

Zadane slike u dokumentu Zadatak 3.docx obradite!na!na in!da:

a) Sliku!1!obreete!tako!da!samo!sredinji!dio!slike!ostane!vidljiv b) Sliku!2!obreete!tako!da!ostane!vidljiv!samo!grb!zastave c) Sliku 3 pove#ate!te!obreete!na!oblik!srca d) Sliku!4!prilagodite!veli ini!Slike!3!te!obreete!tako!da!samo!sredinji!dio!

slike bude vidljiv

Rjeenje:

12/16

Slika 7: Alat Position (Pozicija slike)

Kada je u pitanju kombiniranje slike i teksta koristimo se alatom Omatanje teksta (Wrap Text)

koji se tako"er!nalazi! u! kartici!Alati! slike (Picture Tools) u grupi naredbi Uredi (Arrange). Pomo#u! ovog! alata!moemo! odrediti! na! koji! na in! #e! se! slika! prikazivati! uz! tekst,! pa! tako!imamo!nekoliko!opcija!za!odabir!kao!to!su!Iza!Teksta!(Behind!Text),!U!retku!s! tekstom (In Line with Text), Zbijeno (Tight) i nekoliko drugih.

Slika 8: Wrap Text (Omatanje teksta)

Upotreba!ovih!alata!demonstrirati!#e!se!putem!sljede#eg!primjera.

13/16

Ovime!smo!doli!do!kraja!gradiva!koje!je!planirano!za!obradu!na!dananjem!nastavnom satu. Ukoliko ostane vremena rjeava!se!dodatni!zadatak!4.

Zavrni dio

U!zavrnom!dijelu!komentiramo!i!rezimiramo!nau eno!pomo#u!pitanja!za!ponavljanje!koja!se nalaze na prezentaciji. Pitanja su:

- Na!koji!na in!moemo!umetnuti!sliku!u!Word!dokument? Objasnite postupak.

Primjer 4

U!zadani!dokument!umetnuti!5!slika.!%etiri! slike potrebno je pozicionirati na sva etiri!kuta!stranice,!dok!se!peta!slika!postavlja!u sredinu stranice, iza teksta.

Rjeenje:

14/16

- Koja!smo!dva!na ina!obrade!slika!u!Wordu!upoznali? - to!su!hvataljke? - %emu!slui!alat!Obrei!(Crop)? - Koji!na in!pozicioniranja!slike!u!dokumentu!smo!obradili? - %ime!se!sluimo!u!svrhu!kombiniranja!slike!i!teksta!u!dokumentu?

U enicima!se!zadaje!doma#a!zada#a!koja!se!nalazi!na!sustavu!MudRi.

Dodatni zadatak 1:

U novi dokument umetnite slike iz mape Dodatni materijali koja se nalazi u

materijalima!za!vjebu!MATERIJALI_Modri _Marko.zip.!U mapi se nalazi 7 slika koje je potrebno!obraditi!na!sljede#i!na in:

a) Slikama!promijeniti!veli inu!i!orjentaciju!tako!da!sve!slike!budu!podjednake b) Slike koje imaju crveni okvir obrezati tako da okvir ne bude vidljiv c) Slike u gornjim kutevima obrezati na oblik srca d) Sve slike pozicionirati na po jedan kut ili stranu stranice e) Postaviti prikazivanje teksta iznad i ispod slika u centru stranice

Rjeenje:

15/16

NASTAVNA SREDSTVA I POMAGALA

- literatura za pripremanje nastavnika:

Babi#,!M.,!Bubica,!N,!Leko, S.,!Stan i#,!M.,!Vejnovi#!B.,:!Moj!portal!3.0!5,!udbenik!informatike!u!petom!razredu!osnovne!kole,!kolska!knjiga,!Zagreb,!2014.

- obvezna!literatura!u enika Babi#,!M.,!Bubica,!N,!Leko,!S.,!Stan i#,!M.,!Vejnovi#!B.,:!Moj!portal!3.0!5,!

udbenik!informatike u!petom!razredu!osnovne!kole,!kolska!knjiga,!Zagreb,!2014.

- PowerPoint prezentacija (koristi nastavnik u svrhu prezentacije gradiva) - Wordovi dokumenti sa zadacima i primjerima (koristi nastavnik za demonstraciju) - Wordovi dokumenti sa zadacima (koriste u enici!za!uvjebavanje) - kolska!plo a!i!flomaster - ra unalo!s!projektorom!(koristi!nastavnik!za!izvo"enje!prezentacije) - ra unala!(koriste!u enici!za!rjeavanje!zadataka!u!Wordu)

PLANIRANJE RADA NA KOLSKOJ PLO#I

Word: Rad sa slikama

Umetanje slika:

kartica Umetanje (Insert) -> grupa naredbi Ilustracija (Illustrations) -> alat Slike (Picture)

-> odabir slike -> gumb Umetni

Obrada slika:

1. promjena!veli ine 2. alat!Obrei!(Crop)

Pozicioniranje i kombiniranje slike s tekstom:

1. alat Pozicija slike (Position)

2. alat Omatanje teksta (Wrap Text)

16/16

Datum:

Predavanje sluali studenti:

Vrednovanje predavanja od strane mentora:

Element Bodovi

Obrada teme i stru!nost /5

Primjena odgovaraju"ih nastavnih metoda /5

Struktura i trajanje nastavnog sata /4

Primjeri i zadaci /4

Na!in izlaganja /3

Interakcija s u!enicima /3

PowerPoint prezentacija /3

Pisana priprema /3

Ukupno: /30

Komentari:

Potpis mentora:

12.1.2015.

1

Marko Modri

Word: Rad sa slikama

Umetanje slika u dokument Koristimo se karticom Umetanje (Insert), grupom naredbi

Ilustracije (Illustrations)

Umetanje slika u dokument Nakon odabira alata Slike (Picture) otvara se dijaloki okvir

za odabir slike, gdje klikom na gumb Umetni (Insert) dodajemo sliku u dokument

Umetanje slika u dokument Za umetanje slike na odre!enu poziciju u dokumentu

potrebno je prije umetanja pokaziva" postaviti na eljeno mjesto

Primjer 1. Potrebno je u zadani Word dokument umetnuti dvije slikovne

datoteke naziva Rijeka1 i Rijeka2 na za njih nazna"ena mjesta.

Primjer 1. - rjeenje

12.1.2015.

2

Zadatak 1. U zadani dokument Zadatak1.doc umetnite slike iz mape

Znamenitosti Rijeke na za njih nazna"ena mjesta.

Zadatak 1. - rjeenje

Promjena veli!ine slike Nakon umetanja ili ozna"avanja slike oko nje se pojavljuju

hvataljke ili dra"i u obliku bijelih krui a i kvadrati a te zeleni krui iznad slike

Bijeli krui i promjena visine i irine istovremeno

Bijeli kvadrati i promjena visine ili irine pojedina"no

Zeleni krui rotacija slike

Promjena veli!ine slike

Promjena veli!ine slike Postupak:

Pokaziva" iznad hvataljke -> mijenja oblik u dvostranu strelicu

Kliknemo i pomicanjem mia mijenjamo veli"inu slike Veli"ina zadovoljena -> otputanje mia

Primjer 2. Potrebno je slike zadane u Word dokumentu obraditi na

sljede i na"in: Slici 1 irinu pove ati da bude jednaka onoj Slike 2 Slici 2 visinu pove ati da bude jednaka onoj Slike 1

Sliku 3 rotirati u poloaj jednak prethodnim slikama i prilagoditi visinu i irinu

12.1.2015.

3

Primjer 2. - rjeenje Zadatak 2. U dokumentu Zadatak 2.docx zadane su "etiri slike. Potrebno

je promijeniti veli"inu slika koriste i se dra"ima kako bi: Slika 1 bila jednake irine kao i tekst iznad nje Slika 2 bila jednake visine i irine kao Slika 1 Slika 3 bila zakrenuta za 180 stupnjeva

Slika 4 bila postavljena vodoravno

Zadatak 2. - rjeenje Obrezivanje slike Odre!ujemo koji dio slike e se prikazivati u dokumentu

Kartica Alati za slike (Picture Tools) -> Oblikovanje (Format) -> grupa naredbi Veli"ina (Size) -> alat Obrei (Crop)

Obrezivanje slike alat Obrei (Crop) -> hvatalje u obliku crnih linija oko slike

Hvataljke za

obrazivanje slike

Obrezivanje slika Sliku mogu e obrezati i na zadani oblik

strelica alata Obrei -> gumb Obrei na oblik (Crop to shape) -> odabir oblika

12.1.2015.

4

Primjer 3. Potrebno je zadane slike obraditi na sljede i na"in:

Sliku 1 obrezati na pola

Sliku 2 obrezati na oblik strelice

Sliku 3 obrezati na veli"inu ve u od originala

Primjer 3. - rjeenje

Zadatak 3. Zadane slike u dokumentu Zadatak 3.docx obradite na na"in

da: Sliku 1 obreete tako da samo sredinji dio slike ostane vidljiv Sliku 2 obreete tako da ostane vidljiv samo grb zastave

Sliku 3 pove ate te obreete na oblik srca Sliku 4 prilagodite veli"ini Slike 3 te obreete tako da samo

sredinji dio slike bude vidljiv

Zadatak 3. - rjeenje

Pozicioniranje slike Za pozicioniranje slike na odre!eno mjesto na stranici

koristimo alat Pozicija slike (Position)

Kartica Alati slike (Picture Tools) -> grupa naredbi Uredi (Arrange) -> alat Pozicija slike (Position)

Kombiniranje slike i teksta Kartica Alati slike (Picture Tools) -> grupa naredbi Uredi

(Arrange) -> alat Omatanje teksta (Wrap Text)

12.1.2015.

5

Primjer 4. U zadani dokument umetnuti 5 slika. #etiri slike potrebno

je pozicionirati na sva "etiri kuta stranice, dok se peta slika postavlja u sredinu stranice, iza teksta.

Primjer 4. - rjeenje

Ponavljanje Na koji na"in moemo umetnuti sliku u Word dokument?

Objasnite postupak.

Koja smo dva na"ina obrade slika u Wordu upoznali?

to su hvataljke?

#emu slui alat Obrei (Crop)?

Koji na"in pozicioniranja slike u dokumentu smo obradili?

#ime se sluimo u svrhu kombiniranja slike i teksta u dokumentu?

Dodatni zadatak U novi dokument umetnite slike iz mape Dodatni materijali

koja se nalazi u materijalima za vjebu MATERIJALI_Modri _Marko.zip. U mapi se nalazi 7 slika koje je potrebno obraditi na sljede i na"in: Slikama promijeniti veli"inu i orjentaciju tako da sve slike budu

podjednake

Slike koje imaju crveni okvir obrezati tako da okvir ne bude vidljiv

Slike u gornjim kutevima obrezati na oblik srca

Sve slike pozicionirati na po jedan kut ili stranu stranice

Postaviti prikazivanje teksta iznad i ispod slika u centru stranice

Dodatni zadatak - rjeenje