Transcript 14_web_preglednik

Web preglednik
© S. Šutalo i D.Grundler, 2009.
Web preglednik
 Web preglednik (engl. Web browser) je program
koji omogućuje prikaz Web stranica.
(c) S.Šutalo i D.Grundler, 2009.
2
Web preglednik
 Popularni preglednici su:
 Internet Explorer,
 Mozilla Firefox,
 Opera,
 Google Chrome.
(c) S.Šutalo i D.Grundler, 2009.
3
Internet Explorer
 Način uporabe Web preglednika prikazat će se
na primjeru programa Internet Explorer 7.
(c) S.Šutalo i D.Grundler, 2009.
4
Pokretanje programa
 Internet Explorer se pokreće kao i drugi programi koji
rade s operacijskim sustavom Windows. Treba birati:
 Start/All Programs/Internet Explorer.
ili
 dvokliknuti na ikonu
(c) S.Šutalo i D.Grundler, 2009.
.
5
Rad s Web preglednikom
Zadatak 1.
 Pokrenuti Internet Explorer 7.
 Upoznati dijelove prozora.
(c) S.Šutalo i D.Grundler, 2009.
6
Traka s
izbornicima
Adresna traka
radno područje za prikaz Web stranice
Alatna traka
Kartice Web
stranica
Alatna traka
Upis adrese
 Za otvaranje i pregled Web stranice poznate adrese,
adresu treba upisati u za to predviđeno područje
adresne trake.
Postupak učitavanja stranice može se pratiti u
statusnoj traci.
(c) S.Šutalo i D.Grundler, 2009.
8
Nedostupna stranica
 Ako se adresa upiše
pogrešno ili se upiše
nepostojeća adresa,
pojavit će se u većini
slučajeva poruka kao
na slici.
(c) S.Šutalo i D.Grundler, 2009.
9
Kartice Web stranica
 Internet Explorer omogućava istodobno otvaranje više
Web stranica, svake na svojoj kartici, a sve unutar
istog prozora.
(c) S.Šutalo i D.Grundler, 2009.
10
Kartice Web stranica
 Da bi se otvorila Web stranica na zasebnoj kartici,
potrebno je kliknuti na oznaku nove kartice, (ili na
tipkovnici Ctrl+T) pa u adresnoj traci upisati željenu
adresu.
(c) S.Šutalo i D.Grundler, 2009.
11
Rad s Web preglednikom
Zadatak 2.
 Upisati adresu www.kole.hr i pritisnuti tipku Enter.
Što se događa?
 Otvoriti Web stranice, svaku na zasebnoj kartici:

www.skole.hr
 www.google.hr
 www.mzos.hr
 www.racunalstvo.info
(c) S.Šutalo i D.Grundler, 2009.
12
Kartice Web stranica
 Za prebacivanje s jedne kartice na drugu dovoljno je
kliknuti na oznaku kartice željene stranice ili stranicu
odabrati iz ponuđenog popisa.
(c) S.Šutalo i D.Grundler, 2009.
13
Kartice Web stranica
 Moguće je istodobno vidjeti sve trenutno otvorene
Web stranice.
(c) S.Šutalo i D.Grundler, 2009.
14
Rad s Web preglednikom
Zadatak 3.
 Isprobati prebacivanje s kartice na karticu.
 Pogledati sve trenutno otvorene Web stranice
istodobno.
 Zatvoriti prikaze Web stranica na zasebnim karticama
osim prikaza www.skole.hr
(c) S.Šutalo i D.Grundler, 2009.
15
Linkovi
 Riječi ili slike koje predstavljaju
link (vezu) s nekom drugom Web
stranicom, obično su podvučene
i naglašene bojom a prepoznaju
se i po tome što kazalo mijenja
oblik kad se nalazi na njima.
 Svaki put kada kazalo promijeni oblik, u statusnoj se
traci pojavi adresa stranice na koju taj link vodi.
(c) S.Šutalo i D.Grundler, 2009.
16
https://webmail.skole.hr
http://lms:carnet.hr
www.mzos.hr
www.vidi.hr/katalog
www.skole.hr/nastavnici
Navigacija
 Za prelazak s trenutne stranice na onu na kojoj je
korisnik bio prije, tj. za kretanje unaprijed i unatrag
kroz sve stranice koje su posjećene odkad je otvoren
Web preglednik služe gumbi Naprijed, Natrag.
(c) S.Šutalo i D.Grundler, 2009.
18
Rad s Web preglednikom
Zadatak 4.
 Pokrenuti nekoliko linkova sa stranice www.skole.hr.
 Isprobati navigacijske gumbe Naprijed, Natrag.
(c) S.Šutalo i D.Grundler, 2009.
19
Vrpca s alatima
 Učitavanje stranice može se prekinuti gumbom
Zaustavi.
 Ponovno učitavanje stranice koja je trenutno
otvorena pokreće se gumbom Osvježi.
(c) S.Šutalo i D.Grundler, 2009.
20
Važne Web adrese
 Web adrese stranica mogu se spremiti u mapu
Favoriti.
 Sprema se klikom na Dodaj u Favorite.
(c) S.Šutalo i D.Grundler, 2009.
21
Važne Web adrese
 Nakon klika na Dodaj u
Favorite otvara se okvir
u koji treba upisati naziv
stranice te odabrati
mapu za njenu pohranu
(zbog smislene
organizacije pohrane).
(c) S.Šutalo i D.Grundler, 2009.
22
Važne Web adrese
 Sadržaj mape Favoriti može se dodatno urediti
(premještati, preimenovati, brisati, napraviti podmape)
klikom na Favoriti/Organiziraj Favorite.
(c) S.Šutalo i D.Grundler, 2009.
23
Rad s Web preglednikom
Zadatak 5.
 Pohraniti adresu trenutno otvorene Web stranice u
mapu Favoriti.
 U mapi Favoriti otvoriti podmapu naziva svog imena,
pa u nju premjestiti pohranjenu adresu.
(c) S.Šutalo i D.Grundler, 2009.
24
Važne Web adrese
 Pohranjena adresa Web stranice dobavlja se klikom
na njen naziv u popisu Favoriti.
(c) S.Šutalo i D.Grundler, 2009.
25
Adrese posjećenih stranica
 Popis stranica koje su nedavno posjećene može se
vidjeti klikom na za to predviđeni gumb.
 Web stranica se može otvoriti klikom miša na njenu
adresu.
(c) S.Šutalo i D.Grundler, 2009.
26
Adrese posjećenih stranica
 Podaci o adresama Web stranica koje je korisnik
nedavno posjetio čuvaju se u mapi Povijest.
 Sadržaj mape moguće
je vidjeti klikom na
Favoriti, pa na Povijest.
Prema potrebi, sadržaj
mape se može
drugačije svrstati.
(c) S.Šutalo i D.Grundler, 2009.
27
Rad s Web preglednikom
Zadatak 6.
 Pregledati sadržaj mape Povijest.
 Sadržaj svrstati prema datumu.
(c) S.Šutalo i D.Grundler, 2009.
28
Brisanje povijesti pregledavanja
 Za vrijeme pregledavanja Web stranica, Internet
Explorer sprema razne podatke o posjećivanim
stranicama.
 Te je podatke moguće obrisati. Osobito ih je važno
obrisati kada se korisnik služi javnim računalom i ne
želi da njegovi osobni podaci ostanu zabilježeni i
dostupni nakon uporabe.
(c) S.Šutalo i D.Grundler, 2009.
29
Brisanje povijesti pregledavanja
 Briše se: Alati/Izbriši povijest pregledavanja.
 Moguće je obrisat sve
pohranjene sadržaje
ili samo odabrane.
(c) S.Šutalo i D.Grundler, 2009.
30
Rad s Web preglednikom
Zadatak 7.
 Obrisati sadržaj mape Povijest.
 Provjeriti da li su podaci doista obrisani.
(c) S.Šutalo i D.Grundler, 2009.
31
Početna stranica
 Svaki put kada se pokrene Internet Explorer, učita se
početna stranica (engl. home page) ili više njih.
(c) S.Šutalo i D.Grundler, 2009.
32
Početna stranica
 Korisnik može zadati da se pri pokretanju Web
preglednika učitaju stranice po njegovu odabiru.
 Dok je stranica na zaslonu, treba kliknuti na izbornik
uz gumb Početna stranica pa odabrati što želi.
(c) S.Šutalo i D.Grundler, 2009.
33
Početna stranica
 Korisnik može odabrati da se pri pokretanju Web
preglednika učitava prazna početna stranica
naredbom Ukloni sve.
(c) S.Šutalo i D.Grundler, 2009.
34
Rad s Web preglednikom
Zadatak 8.
 Provjeriti koja je stranica postavljena kao početna.
 Odabrati da se pri pokretanju Web preglednika
učitava prazna početna stranica.
 Uz praznu stranicu postaviti za početnu i stranicu
www.google.hr.
 Zatvoriti program. Ponovno pokrenuti program pa
provjeriti posljedicu postavki.
(c) S.Šutalo i D.Grundler, 2009.
35
Prilagođavanje alatne trake
 Alatnu se traku može oblikovati prema potrebama
korisnika. Korisnik bira koje će gumbe ukloniti a koje
postaviti. Treba pokrenuti: Alati/Alatne trake/Prilagodi.
(c) S.Šutalo i D.Grundler, 2009.
36
Traka izbornika
 Traka izbornika omogućava odabir naredbi.
 Ako traka nije vidljiva, prikazuje
ju se: Alati/Traka izbornika.
(c) S.Šutalo i D.Grundler, 2009.
37
Rad s Web preglednikom
Zadatak 9.
 Uključiti / isključiti traku izbornika.
 Dodati u alatnu traku gumb po izboru.
(c) S.Šutalo i D.Grundler, 2009.
38
RSS (Sažeci sadržaja)
 Neke od Web stranica podržavaju RSS (engl. Really
Simple Syndication).
 Uporabom ove mogućnosti moguće je vidjeti
promjene i novosti na odabranoj stranici.
(c) S.Šutalo i D.Grundler, 2009.
39
Pohrana Web stranica
 Sadržaj odabrane Web stranice može se spremiti
na neki od medija za trajnu pohranu podataka.
 Može se spremiti:
 cjelokupni sadržaj stranice,
 dijelovi stranice (tekst, slike).
(c) S.Šutalo i D.Grundler, 2009.
40
Pohrana cjelokupnog sadržaja
 Cjelokupni se sadržaj stranice sprema:
 Datoteka/Spremi kao,
ili
 klikom na:
Stranica/Spremi kao.
(c) S.Šutalo i D.Grundler, 2009.
41
Oblici pohrane
 Pri spremanju, osim mjesta pohrane treba birati
tip, vrstu pohrane:
(c) S.Šutalo i D.Grundler, 2009.
42
Oblici pohrane
 Da bi se spremile sve datoteke povezane sa
stranicom (slikovne i sve ostale), treba birati:
 Web stranica, kompletna (*.htm ili *.html).
(c) S.Šutalo i D.Grundler, 2009.
43
Oblici pohrane
 Da bi se spremio samo
tekst s Web stranice,
birati:
Tekstna datoteka (*.txt)
(c) S.Šutalo i D.Grundler, 2009.
44
Oblici pohrane
 Za spremanje svih podataka
u jednu datoteku birati:
Web arhiva, jedna datoteka (*.mht).
 Za spremanje samo trenutne HTML
stranice, bez grafičkih prikaza, zvukova
ili drugih dodataka birati:
Web stranica, samo HTML.
(c) S.Šutalo i D.Grundler, 2009.
45
Pohrana cjelokupnog sadržaja
Zadatak 10.

Otvoriti stranicu www.vegeta.com.hr

Odabrati link Vegeta proizvodi.

Spremiti stranicu u mapu Za preglednik:

a)
kompletnu, u *.html obliku,
b)
kao tekstualnu datoteku u *.txt obliku.
Usporediti ikone spremljenih objekata, pogledati
sadržaj.
(c) S.Šutalo i D.Grundler, 2009.
46
Pohrana cjelokupnog sadržaja
(c) S.Šutalo i D.Grundler, 2009.
47
Kopiranje dijelova stranice
 S Web stranica se mogu kopirati slike i tekstovi
uporabom Kopiraj/Zalijepi naredbi.
 Slike se mogu spremiti na trajni memorijski medij:
 desni klik mišem,
 Spremi sliku kao,
 nakon toga se
bira mjesto
pohrane.
(c) S.Šutalo i D.Grundler, 2009.
48
Kopiranje dijelova stranice
Zadatak 11.

Otvoriti stranicu www.vegeta.com.hr

Odabrati link Povijest Vegete, a potom pronaći link
koji vodi na priču o tom kako je nastala Vegeta.

Otvoriti novi, prazan Word dokument.

Priču (bez slike) kopirati u Word dokument.

Dokument spremiti u mapu Za preglednik pod
nazivom Povijest Vegete, pa ga zatvoriti.
(c) S.Šutalo i D.Grundler, 2009.
49
Kopiranje dijelova stranice
(c) S.Šutalo i D.Grundler, 2009.
50
Kopiranje dijelova stranice
Zadatak 12.

Otvoriti stranicu www.vegeta.com.hr

Odabrati link Povijest Vegete.

Slike koje prikazuju važne povijesne događaje
spremiti u mapu Za preglednik/Slike. Ovisno o
sadržaju, slikama zadati nazive.
(c) S.Šutalo i D.Grundler, 2009.
51
Kopiranje dijelova stranice
(c) S.Šutalo i D.Grundler, 2009.
52
Zadatak 13.

Otvoriti stranicu www.vegeta.com.hr
 Odabrati link Vegeta proizvodi, a potom jedan
proizvod po želji.
 Kompletnu stranicu odabranog proizvoda spremiti u
mapu Za preglednik.
(c) S.Šutalo i D.Grundler, 2009.
53
Zadatak 14.

Otvoriti stranicu www.vegeta.com.hr

Otvoriti novi, prazan Word dokument.
 Odabrati link Vegeta proizvodi, a potom jedan
proizvod po želji. Na stranici odabranog proizvoda
pronaći tablicu s podacima o nutritivnoj
vrijednosti proizvoda.
(c) S.Šutalo i D.Grundler, 2009.
54
Zadatak 14.

U novootvoreni dokument kopirati tekst:

Zatim ispod teksta kopirati i tablicu nutritivnih
vrijednosti.
(c) S.Šutalo i D.Grundler, 2009.
55
Zadatak 14.
 Tablicu oblikovati:
 Svi obrubi jednostruki, crni.
 Sadržaje svih ćelija poravnati po sredini.
 Ispod tablice umetnuti sliku odabranog proizvoda.
 Dokument spremiti u mapu Za preglednik pod
nazivom Nutritivne vrijednosti.
 Dokument zatvoriti.
(c) S.Šutalo i D.Grundler, 2009.
56
Zadatak 14.
(c) S.Šutalo i D.Grundler, 2009.
57
Zadatak 15.

Otvoriti stranicu www.vegeta.com.hr
 Odabrati link Recepti a potom jedan od recepata.
 Otvoriti novi Word dokument. Na početak stranice
kopirati naslov jela.
 Podesiti izgled znakova naslova: Comic Sans MS, 22,
podebljano, zeleno.

Naslov postaviti u sredinu radnog područja.
(c) S.Šutalo i D.Grundler, 2009.
58
Zadatak 15.

Kopirati tablicu sastojaka za odabrano jelo.

Kopiranu tablicu umetnuti ispod naslova u Word
dokument.

Postaviti širinu tablice 15 cm.

Izgled znakova teksta u tablici: Arial, 16 tamnozeleno.
(c) S.Šutalo i D.Grundler, 2009.
59
Zadatak 15.

Tablicu oblikovati:

Vanjski rub tablice: dvostruka crta, debljina 4 ½,
zeleno.

Unutarnji rub tablice: jednostruka crta, debljina
1 ½, zeleno.

Cijelu tablicu ispuniti žutom bojom.
(c) S.Šutalo i D.Grundler, 2009.
60
Zadatak 15.
 U desnu ćeliju prvog reda tablice umetnuti sliku jela
koja je prethodno spremljena u mapu Za preglednik.
 Visinu slike podesiti tako da dokument ima samo
jednu stranicu. Sliku poravnati po sredini ćelije.

Dokument spremiti u mapu Za preglednik, pod
nazivom Recept. Dokument zatvoriti.
(c) S.Šutalo i D.Grundler, 2009.
61
Zadatak 15.
(c) S.Šutalo i D.Grundler, 2009.
62
Zadatak 16.

Otvoriti stranicu www.vegeta.com.hr
 Otvoriti novi, prazan Word dokument.
 Odabrati link Zanimljivosti. Pronaći podatke o 10
hrvatskih regija.
 U Word dokument za
svaku od regija kopirati
njen naslov i podnaslov.
(c) S.Šutalo i D.Grundler, 2009.
63
Zadatak 16.
 Izmađu svakog naslova i podnaslova umetnuti
fotografiju karakterističnu za određenu regiju.
 Datoteku spremiti u mapu Za preglednik pod nazivom
Zanimljivosti. Datoteku zatvoriti.
(c) S.Šutalo i D.Grundler, 2009.
64
Zadatak 16.
(c) S.Šutalo i D.Grundler, 2009.
65
Zadatak 17.
 Otvoriti stranicu
www.prsutana-posedarje.hr
 Otvoriti novi Word
dokument.
(c) S.Šutalo i D.Grundler, 2009.
66
Zadatak 17.
 Pokrenuti link Priča o pršutu
 Priču kopirati u Word dokument.
 Podesiti izgled znakova cijelog teksta: Arial, 12, crno.
 Podesiti prored između linija teksta na 1,5.
 Nakon teksta: U slast umetnuti prekid stranice.
(c) S.Šutalo i D.Grundler, 2009.
67
Zadatak 17.
 Na drugu stranicu, nakon teksta, umetnuti tablicu od
jednog redka i dva stupca.
 Birati link Proizvodi/Dalmatinski pršut.
 U lijevu ćeliju tablice umetnuti sliku
pršuta s pokrenute stranice, a u
desnu kratki tekst o načinu
proizvodnje (s iste stranice).
(c) S.Šutalo i D.Grundler, 2009.
68
Zadatak 17.
 Prenijeti oblikovanje s glavnog teksta na tekst u
desnoj ćeliji tablice.
(c) S.Šutalo i D.Grundler, 2009.
69
Zadatak 17.
 Umetnuti brojeve stranica u područje podnožja, desno
poravnanje.
 Na treću stranicu dokumenta
umetnuti podatke o medaljama
kvalitete koje je pršut osvojio
(link Medalje).
(c) S.Šutalo i D.Grundler, 2009.
70
Zadatak 17.
 Na početak dokumenta umetnuti sliku proizvoda koja
se nalazi na početku svake od Web stranica.
 Sliku postaviti u sredinu radnog područja. Širina slike
15 cm.
(c) S.Šutalo i D.Grundler, 2009.
71
Zadatak 17.
 Nakon podataka o medaljama
kvalitete umetnuti sliku diplome
kvalitete sa stranice O nama.
 Slika neka bude visine 8 cm.
(c) S.Šutalo i D.Grundler, 2009.
72
Zadatak 17.
 Iznad slike na prvoj strani umetnuti naslov:
Izvorni posedarski dalmatinski pršut.
 Podesiti izgled znakova naslova: Arial 20, B, I.
Poravnanje: sredina.
 Dokument pohraniti pod nazivom Pršut u mapu Za
preglednik. Dokument zatvoriti.
(c) S.Šutalo i D.Grundler, 2009.
73
Zadatak 17.
(c) S.Šutalo i D.Grundler, 2009.
74
Zadatak 18.
 Otvoriti stranicu www.paprenjak.hr
 Otvoriti novi Word dokument.
(c) S.Šutalo i D.Grundler, 2009.
75
Zadatak 18.
 Pokrenuti link Priča o paprenjaku.
 Pohraniti prikaz trenutne zaslonske slike (Prt Sc) pa
ga zalijepiti na prvu stranicu Word dokumenta.
 Sliku obrezati tako da ostane
samo slika Priče o paprenjaku.
 Postaviti širinu slike 13 cm.
 Sliku postaviti u sredinu
radnog područja.
(c) S.Šutalo i D.Grundler, 2009.
76
Zadatak 18.
 Pokrenuti link Kupnja.
 Na drugu stranicu dokumenta umetnuti tablicu
5 redaka x 2 stupca.
 U prvi stupac kopirati slike proizvoda, a u drugi
opise slika.
 Za sadržaj tablice podesiti poravnanje po sredini,
vodoravno i okomito.
(c) S.Šutalo i D.Grundler, 2009.
77
Zadatak 18.
 Umetnuti prekid stranice.
 Sa stranica kopirati citat iz romana “Zlatarevo zlato”.
 Na prvu stranicu, ispod slike, umetnuti citat u
dizajnirani tekstni okvir vrste Ukrasni citat.
(c) S.Šutalo i D.Grundler, 2009.
78
Zadatak 18.
 Kopirati tekst o paprenjaku koji je napisao Zvonimir
Milčec zajedno sa slikom njegova potpisa.
 Kopirano umetnuti na drugu stranicu Word
dokumenta.
 Podesiti izgled znakova teksta: Georgia 14,
tamnocrveno.
 Podesiti obostrano poravnanje.
(c) S.Šutalo i D.Grundler, 2009.
79
Zadatak 18.
 Podesiti visine redaka (neka budu nešto viši od
visine slika).
 Dokument pohraniti pod nazivom Paprenjak u mapu
Za preglednik. Dokument zatvoriti.
(c) S.Šutalo i D.Grundler, 2009.
80
Zadatak 18.
(c) S.Šutalo i D.Grundler, 2009.
81