of 6
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
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
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) !+
$
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
3/13
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
4/13
Mi!rs'( E)pressin We*
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
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
5/13
Mi!rs'( E)pressin We*
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
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
6/13
Mi!rs'( E)pressin We*
"t# je za%a.# 7&je@na /eb &t%ani$a*
Ja2 /a+ p+am m0em denira(iK La
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
7/13
Mi!rs'( E)pressin We*
,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/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
8/13
Mi!rs'( E)pressin We*
Ja2 *ism 2reirali n/i, *e /eć dreen3 predl
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
9/13
Mi!rs'( E)pressin We*
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
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
10/13
Mi!rs'( E)pressin We*
pre(ra0i/a-, na+e
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
11/13
Mi!rs'( E)pressin We*
da*irem - i*rni2- Format pmć- nared*e 2!eme: 8a/l+a se di+al
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
12/13
Mi!rs'( E)pressin We*
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
8/19/2019 ECDL Web Dizajn (Microsoft Expression Web)
13/13