ECDL Web Dizajn (Microsoft Expression Web)

8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)

1/13

ECDL Web Editing (Dizajn)

Izrada web stranica

MICROSOFT EXPRESSION WEB

Pripremila: Dina Vasić, dipl.e!.

e"mail: [email protected]

##. prsin!a $%%&.

SADRŽAJ

mailto:[email protected]:[email protected]


2/13

Mi!rs'( E)pressin We*

MICROSOFT EXPRESSION WE !

"t# je t# Mi$%#'t E%e&&i#n Web* +

Izg,ed %#z#%a E%e&&i#n Web-a +

O&n#.e /eb dizajna 0

Funkcije dobrog web dizajna 5

Osnovni principi/načela dobrog web dizajna 5

Osnovni elementi web stranice 6

Što je zapravo uspješna web stranica 6

1%&te Web &t%ani$a 2

Flas! "

#lasični !tml "

$%& '

Rad & Web &t%ani$a3a 4

Izrada nove (eb stranice )

*metanje nove stranice na web )

+risanje stranice iz web ,oldera -.

*voz datoteka iz drugi! aplikacija 0a napredne1 -.

Rad & 5ie%.eza3a !6

Što su !iperveze -.

2ekstualne !iperveze -.

3ra4čke !iperveze --

*reivanje i brisanje !iperveza --

E%e&&i#n Web te3e !!

*reivanje tema -

Obja.a Web &t%ani$a (7,#ad na &e%.e%) !8

P%e#%79eni d#datni 3ate%ija,i za iz%ad7 &t%ani$a (#n,ine t7t#%ia,i) !+

$


3/13


4/13


O&n#.e /eb dizajna

Vi-aln a(ra2(i/na 9e* s(rani!a pri/lai ps+e(i(el+e, a (a+ /i-alni elemen( +easi3-rn pr/ is2-s(/ i s(/ar 2+e će ps+e(i(el+i prim+e(i(i 2ada ps+e(e /a9e* s+ediunit; ?ralii(i elemen(i 2mpi!i+e s- - me-s*n+ in(era2!i+i

@. :#nt%a&t contrast1 +e nian+e ili ps(a/l+an+e ralii(i1 3ra2i1 ili (e2s(-alni1 elemena(a 2+i se2ris(i a na3la


5/13


Times Ne9 Rman ili Garam-nd a nasl/e i sans"seri'ni 'n(/i A 6rial iliVerdana a sadr0a+e

H. :#nzi&tentn#&t e,e3enata consistenc;1m3-ća/a per!ep!i+- pripadns(i elemena(a 9e* s(rani!i i /i-alnes(a*ilns(i i iden(i(e(a !i+el3 9e* s+edimenu? se -/i+e2

(re*a nalai(i na is(m m+es(- na s/a2+ 9e* s(rani!i >npr. pri /r1- s(rani!e ili -li+e/m s(-p!-?

O&n#.ni e,e3enti /eb &t%ani$e

We* s(rani!a +e ele2(rni2i sinnim ili e2/i/alen( 2lasinm papir-, a *insadr0i sli+edeće elemen(e:

#. =:#ntejne%> >container ?" amislim 3a 2a 2/ir a sli2- 2+i dr0i sadr0a+ (e sli2e dnsn sam-il-s(ra!i+- ili '(3ra+- nai 2n(e+ner sl-0i a -2/ira/an+e sadr0a+as(rani!e i s/i1 s(ali1 3ra2i1 ili m-l(imedi+alni1 elemena(a. irina2n(e+nera m0e *i(i 2sna A s(rani!a +e -/i+e2 is(e prila3dl+i/a? " s(rani!a se a-(ma(s2i


6/13


"t# je za%a.# 7&je@na /eb &t%ani$a*

Ja2 /a+ p+am m0em denira(iK La


7/13


,a&i9ni 5t3,

7TM5 s(rani!e s- na+e2si*ilni+e A m3-ć-+- ps(ian+e na+*l+e ra/n(e0e ime-dia+na i p(imia!i+e, a iradi(i i1 m3-

• ma+s(ri 1(ml i !ss"a 2+i, - d3/ara+-ći s'(9are >Dream/ea9er npr.?,m3- s(/ari(i s2r s/e


8/13


Ja2 *ism 2reirali n/i, *e /eć dreen3 predl


9/13


Da *ism ddali n/- s(rani!- A na pranm di+el- n/ iraen3 pran3 9e*adesnim 2li2m da*erem Ne9 7TM5 Si(e. Jreirana +e n/a 7TM5 s(rani!a.

Jada pr/i p-(a -mećem pran- s(rani!-, E)pressin +- a-(ma(s2i naa/ape(nm s(rani!m dnsn 7me Pa3e"m. Ona +e naena 2-ći!m, dnsnsl+edećm sli2m:

Sl*dn +- preimen-+(e na ime inde).1(m -2li2 /am (a2 /i


10/13


pre(ra0i/a-, na+e


11/13


da*irem - i*rni2- Format pmć- nared*e 2!eme: 8a/l+a se di+al


12/13


picture, a pd di+elm +rowse prnae(e sli2- 2+- 0eli(e ps(a/i(i apadin-.

=. Ja2 *is(e prmi+enili nai/e -n-(ar i*rni2a, 2li2ni(e na p+edini nai/dda(ne s(rani!e desnim 2li2m misa A 7perlin2 Prper(ies. O/ri se

di+alnpr. o meni -2li2 se radi s(rani!i2+a će 3/ri(i /ama?

Obja.a Web &t%ani$a (7,#ad na &e%.e%)

We* s(rani!a se *+a/l+-+e na We* psl-0i(el+- >ser/er-?, ps(+e d/a naina-i(a/an+a s+ediemote (eb site lovation -pi


13/13

Documents

ECDL Web Dizajn (Microsoft Expression Web)