59

5. Izrada web-stranica - MS Expression Web

5. IZRADA WEB-STRANICA

5.1. TIMSKA IZRADA RAZREDNIH WEB-STRANICA

1. Odredite točnost navedenih tvrdnji, zaokružite DA ili NE.

TVRDNJA TOČNO

Web-stranica je mapa koja obuhvaća sve povezane sadržaje. DA NE

HTML je prezentacijski, opisni jezik namijenjen izradi web-stranica pomoću

HTML oznaka (eng. tag).DA NE

Poveznice su posebno oblikovane riječi, slike i područja kojima povezujemo web-stranice.

DA NE

Web-mjesto je pojedinačna stranica na lokalnom ili udaljenom računalu. DA NE

2. Dopunite rečenice:

a) Tim čini skupina ljudi (najčešće u svojim područjima) čije se vještine

i znanja .

b) Članovi tima su na rješavanje određenog zadatka ili postizanje

.

3. Svojim riječima opišite zašto primjenjujemo timski rad?

4. Prvi korak u timskom radu je formiranje tima. Odredite redoslijed navedenih koraka:

Formirajte timove od 4 do 5 članova.

Prikažite prikupljeni popis.

Odredite voditelja tima.

Razgovarajte i utvrdite sklonosti članova tima.

5. Kako članovi tima sudjeluju u rješavanju postavljenih zadataka?

a) ravnopravno

b) voditelj tima nadređen je ostalim članovima tima

c) član tima koji izrađuje navigaciju nadređen je članovima tima

d) član tima koji vodi bilješke nadređen je članovima tima.

60

6. Zašto je o timskom radu potrebno voditi bilješke?

7. Što bi bilješke trebale sadržavati?

a)

b)

c)

d)

e)

f)

8. Čemu treba težiti u izradi web-mjesta?

9. Dopunite rečenice:

a) Struktura web-mjesta prikazuje odnos između web-stranica.

b) Stranica nalazi se na prvoj razini strukture.

c) Za nju kažemo da je ili roditelj (Parent) stranicama druge razine.

d) Stranice druge razine su ili potomci (Child) stranice .

e) Nakon izrade web-mjesta, web-mjesto , po-

greške, a zatim ga na dostupnom web-poslužitelju.

10. Kratko opišite kako ćemo stvoriti novo sjedište u Expression Webu.

11. Navedite nekoliko vrsta predložaka web-mjesta te njihovu namjenu:

a)

b)

12. Što prikazuje Folder List? Označite najpotpuniji odgovor:

a) samo popis mapa web-mjesta

b) samo popis web-stranica web-mjesta

c) popis mapa i web-stranica web-mjesta

d) popis mapa, web-stranica i multimedijskog sadržaja web-mjesta

61

5. Izrada web-stranica - MS Expression Web

13. Što je potrebno prilagoditi u postavkama web-mjesta (Site Settings)?

14. Opišite ulogu alata Dynamic Web Template?

15. Dopunite rečenice:

a) Navigacija je mogućnost korisnika kroz sustav

ili web-mjesto.

b) Navigacijska traka objedinjuje više .

c) Navigacijsku traku možete stvoriti (Bar with custom links), kao tra-

ku s naprijed-nazad (Bar with back and next links) ili na temelju

(Bar based on navigation structure).

16. Što je navigacijska struktura?

17. Riješite križaljku (pojmovi su na engleskom kao u aplikaciji):

Okomito1. Pogled koji prikazuje popis mapa i web-stranica web-mjesta.3. Naziv za web-stranicu koja je nadređena drugim stranicama.

Vodoravno2. Naziv za stranicu koja je pod-

ređena drugim stranicama.4. Predložak koji sadrži obliko-

vanje fonta, pozadine, navi-gacijske trake, popisa itd. (hrv)

5. Izvještaji o aktivnostima i greškama.

6. Pogled koji prikazuje slikovni prikaz hijerarhijskih odnosa web-stranica u web-mjestu.

1.

2. 3.

4.

5.

6.

62

Zadatci za vježbu na računalu

18. Prema postupku opisanom u udžbeniku izradite nekoliko novih web-mjesta prema sljedećim

temama:

a) Sačuvajmo prirodu (ili nacionalni parkovi RH)

b) Zemlja tisuću otoka (ili geografske zanimljivosti RH/svijeta)

c) Zdrav duh u zdravom tijelu (ili sportovi - nogomet, rukomet, skijanje, plivanje, automobili-

zam, šah i sl.)

d) Moj sportski klub

e) Moja omiljena glazbena skupina

f) Omiljeni filmski naslovi

g) Podatke o zadanim temama prikupite s interneta

19. Prema postupku opisanom u udžbeniku formirajte razredne timove za izradu web-stranica.

Tijekom izrade popunjavajte priloženu tablicu.

Zadatak: Datum prezentacije

Tema:Cilj:

Popis članova tima (sklonosti):

1. 2. 3. 4.

VoditeljPopis pojedinačnih zaduženja (zadataka)

Član tima: Zaduženje Datum zaduženja Datum izvršenja Obavljeno (DA/

NE) - opis

63

5. Izrada web-stranica - MS Expression Web

20. Izradite strukturu web-mjesta do 7 stranica (uključujući i početnu stranicu).

21. Opišite sadržaj stranica web-mjesta.

Stranica Opis sadržaja Napomena

22. Izradite novo web-mjesto. Mapu mjesta odredite sami.

a) Odredite postavke web-mjesta.

b) Uredite i oblikujte početnu stranicu (index.html).

• Izgled web-stranice odredite uporabom alata Layout Tables and Cells.

• Uredite zaglavlje web-stranice: logotip i naslov web-mjesta. Sve stranice web-mjesta

imat će isto zaglavlje. Sadržaj dodajte naknadno.

• Umetnite navigacijsku traku prema navigacijskoj strukturi.

c) Preostale web-stranice dodajte u pogledu Navigation. Odaberite naredbu New From Existing

Page. Izmijenite prikaz navigacijske strukture.

d) Web-mjesto oblikujte temom.

64

23. Izradite novo web-mjesto. Mapu mjesta odredite sami.

a) Odredite postavke web-mjesta.

b) Uredite i oblikujte početnu stranicu (index.html).

• Dodajte zajednički rub gore (Top) i lijevo (Left).

• U okomiti zajednički rub dodajte navigacijsku traku prema navigacijskoj strukturi.

• U vodoravni zajednički rub dodajte: logotip i naslov web-mjesta.

c) Preostale web-stranice dodajte u pogledu Navigation. Odaberite naredbu New From Existing

Page. Izmijenite prikaz navigacijske strukture.

d) Web-mjesto oblikujte temom.

5.2. TEHNIKE OBJAVLJIVANJA

1. Što je potrebno obaviti prije konačne objave web-mjesta?

2. Kako (gdje) možemo testirati web-mjesto?

3. Dopunite rečenice:

a) Server ili je udaljeno računalo na kojem možete objaviti svoje

.

b) To je računalo velikog spremnika te značajne snage.

c) Web-poslužitelj nije samo računalo nego i koji prepoznaje

zahtjeve korisnika i poslužuje tražene web-stranice.

4. Na što je potrebno obratiti pažnju pri odabiru poslužitelja za objavu web-mjesta?

5. Kako (kojim programima) možemo objaviti web-mjesto?

65

5. Izrada web-stranica - MS Expression Web

6. Koje je podatke potrebno pripremiti prije objave web-mjesta?

7. Odredite točnost navedenih tvrdnji, zaokružite DA ili NE.

TVRDNJA TOČNO

Korisničko ime (User name) i lozinka (password) predstavljaju osnovu elektroničkog identiteta neophodnog za pristup web-poslužitelju. DA NE

Naziv početne stranice vašeg web-mjesta možete odrediti samostalno. DA NE

FTP protokol je osnova mnogih programa za prijenos podataka na udalje-no računalo i s udaljenog računala. DA NE

Zadatci za vježbu na računalu

8. Istražite na internetu mogućnosti za objavu web-mjesta. Posebno obratite pažnju na to

da odabrano web-mjesto ima posebne dodatke za Expression Web („free web hosting with

Expression Web Extensions”).

a) U bilježnicu zapišite prednosti i nedostatke pronađenih web-poslužitelja.

Adresa web-poslužitelja Prednosti Nedostatci

b) Usporedite dobivene podatke s ostalim učenicima u razredu.

c) U suradnji s nastavnikom registrirajte prostor na nekom od web-poslužitelja.

9. Napišite adresu web-poslužitelja na koji ćete objaviti vaše web-stranice.

5.3. OBJAVLJIVANJE WEB-MJESTA

1. Objasnite ulogu pogleda Remote web site na kartici Web Site.

66

2. Ako web-mjesto objavljujete iz Expression Weba gdje ćete upisati podatke o web-poslužitelju

na koji ćete izvršiti prijenos?

3. Što je to FTP?

4. Koja su tri osnovna načina prijenosa u Expression Webu?

5. Dopunite rečenice:

a) Za početni prijenos web-mjesta iz Expression Weba potrebno je označiti

, a zatim kliknuti na gumb

kojim ćete započeti postupak prijenosa.

b) Vrijeme trajanja ovisi o internetske veze te ukupnoj

datoteka (i mapa) koje prenosite.

6. Što je sinkronizacija? Označite najtočniji odogovor:

a) usklađujemo lokalno web-mjesto,

b) usklađujemo udaljeno web-mjesto,

c) usklađujemo lokalno i udaljeno web-mjesto,

d) preuzimamo web-stranice rabeći Internet Explorer.

7. Objasnite postupak sinkronizacije na poslužitelju i lokalnom računalu:

Zadatci za vježbu na računalu

8. Objavite web-mjesta koja ste izradili u prethodnim vježbama na odbrani web-poslužitelj. Web-

-mjesta objavite rabeći programe:

a) Expression Web

b) Core FTP.

67

5. Izrada web-stranica - MS Expression Web

9. Usporedite programe kojima ste objavili web-mjesta. Što vam se čini jednostavnije? Obrazložite:

Expression Web Core FTP

10. Dodajte nekoliko web-stranica u lokalno web-mjesto, a zatim izvršite sinkronizaciju. Opišite

svoja zapažanja:

11. Objavljeno web-mjesto prijavite na tražilici Google.

5.4. POKRETNI DIJELOVI STRANICA

1. Dopunite rečenice:

a) Animacija je način prikazivanja slika brzim izmjenjivanjem (do

sličica u sekundi) kako bi se stvorio dojam (npr. crtani filmovi).

b) Njom i dijelove sadržaja

c) Sadržaj zanimljivim i dinamičnim čini .

d) Previše animacije može od sadržaja.

2. Opišite GIF animaciju:

3. Koliko boja imaju GIF ilustracije? Označite točan odgovor:

a) 255 boja.

b) 256 boja.

c) 8 bitnu boju.

d) 16 bitnu boju.

68

4. Opišite Flash animaciju:

5. Opišite postupak izrade animacije rabeći program Microsoft GIF Animator:

Zadatci za vježbu na računalu

6. Izradite nekoliko animacija i umetnite ih na prethodno izrađene web-stranice.

a) Razmislite što ćete animirati. Animaciju prilagodite sadržaju web-stranice.

b) Izradite niz pojedinačnih slika u programu Bojanje koje ćete koristiti u izradi animacije.

Veličinu slika prilagodite raspoloživom prostoru na web-stranici.

c) Prema primjeru iz udžbenika izradite animacije u programu Microsoft GIF Animator.

7. Animacije umetnite na predviđeno mjesto na web-stranicama koje ste prethodno izradili.