Amina.botic Web Dizajn

Embed Size (px)

Citation preview

  • 8/19/2019 Amina.botic Web Dizajn

    1/29

     NASLOVNU RADISAMA !!! :D

  • 8/19/2019 Amina.botic Web Dizajn

    2/29

    Sadržaj:

    1. Uvod ................................................................................................ 3  1.1 Šta je WEB dizajn...................................................................... 3

    1. Šta je "ML ............................................................................... 3. Uvod # $%av&jenje 'e( )t%ani*a ........................................................ +

    .1 ,on*e$ti -on)t%#-*ije 'e( )t%ani*e ............................................ +. O)nove "MLa e%i)ti-e............................................................ +.3 Dodavanje veza na va/# )t%ani*# ................................................ 0

    3. O$i) $%ienjeno2 )otve%a ............................................................... 4  3.1 St%ana Sta%t......  ....................................................................................4  3. ,%ei%anje i %ad )a do-#entia555555555555 16  3.3 Rad )a $anoia 555555555555555555..11  3.+ 7anoi i 2%#$e $anoa 5555555555555555....11  3.8 Do)t#$no)t Va/i9 )t%ana555555555555555 13+. Rad )a te-)to 55555555555555555555.1+

      +.1 O)nove # vezi te-)ta 5555555555555555..1+  +. "e-)t # $%et%aiva;# 5555555555555555...1+  +.3 "e-)t # D%ea'eave%# 555555555555555..1+8. Rad )a )&i-aa 55555555555555555555.18  8.1 O)novno o )&i-aa.55555555555555555.18  8. S&i-e # D%ea'eave%# 555555555555555...18  8.3 S&i-e -ao $ozadina 55555555555555555.100.Lin-ovi # D%ea'eave%# 555555555555555514  0.1 Lin-ovi na e&e-t%on)-# $o/t# 55555555555551<  0. Boja $ozadine i )&i-e # $ozadini 5555555555551=

    4. ,%ei%anje ta(e&a 55555555555555555555.6  4.1 O)novno o ta(e&aa 5555555555555555...6  4. 7oo> # $%e2&ed# ta(e&a555555555555555 1  4.3 Uetanje ta(e&a 555555555555555555..1

  • 8/19/2019 Amina.botic Web Dizajn

    3/29

      # nje2a )e jedno)tavno o2# odvojiti e&eenti -ao/to )# na)&ovi $a%a2%ai *itati i )&i;no. 7o%ed to2a # "ML )tanda%d )# #2%aenie&eenti -oji deta&jnije o$i)#j# )a do-#ent -ao /to )# -%ata- o$i) do-#enta -&j#;ne%e;i $oda*i o a#to%# i )&i;no. Ovi $oda*i )# o$/te $oznati -ao eta $oda*i i ja)no )#odvojeni od )ad%aja do-#enta.

    HTML je na)tao #$%o/>avanje SJML CStanda%d Jene%a&ized Ma%-#$Lan2#a2e )tanda%dizovani #o$/teni jezi- za ozna;avanjeG )tanda%da )a )v%9o o$i)ado-#enta -oji )e o(jav&j#j# na 'e(#.

    U $o;et-# je (io $%i&i;no o2%ani;en /to )e ozna;avanja )ad%aja ti;e i $%#ao je #2&avnoe&eenta%ne )tva%i za ozna;avanje i o%ati%anje te-)ta C$a%a2%ai na)&ovi *itati itd.G.,a-o je ve( %a)tao ta-o je %a)&a i $ot%e(a za (o2atiji )ad%aje te je # to )e%#%azvijan i "ML )tanda%d. "ada )# )tanda%d# dodate e&eenti za o$i) ta(e&a )&i-a)&ojeva na$%edno o%ati%anje te-)ta itd.

    3

    http://sr.wikipedia.org/wiki/%D0%95%D0%BD%D0%B3%D0%BB%D0%B5%D1%81%D0%BA%D0%B8_%D1%98%D0%B5%D0%B7%D0%B8%D0%BAhttp://sr.wikipedia.org/wiki/HTMLhttp://sr.wikipedia.org/sr-el/%D0%A5%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82http://sr.wikipedia.org/sr-el/%D0%A5%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82http://sr.wikipedia.org/w/index.php?title=%D0%92%D0%B5%D0%B1_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0&action=edithttp://sr.wikipedia.org/sr-el/%D0%9F%D0%B0%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D1%84http://sr.wikipedia.org/w/index.php?title=%D0%A6%D0%B8%D1%82%D0%B0%D1%82&action=edithttp://sr.wikipedia.org/w/index.php?title=SGML&action=edithttp://sr.wikipedia.org/w/index.php?title=SGML&action=edithttp://sr.wikipedia.org/sr-el/%D0%92%D0%B5%D0%B1http://sr.wikipedia.org/w/index.php?title=%D0%A1%D0%BB%D0%B8%D0%BA%D0%B0&action=edithttp://sr.wikipedia.org/wiki/%D0%95%D0%BD%D0%B3%D0%BB%D0%B5%D1%81%D0%BA%D0%B8_%D1%98%D0%B5%D0%B7%D0%B8%D0%BAhttp://sr.wikipedia.org/wiki/HTMLhttp://sr.wikipedia.org/sr-el/%D0%A5%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82http://sr.wikipedia.org/w/index.php?title=%D0%92%D0%B5%D0%B1_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0&action=edithttp://sr.wikipedia.org/sr-el/%D0%9F%D0%B0%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D1%84http://sr.wikipedia.org/w/index.php?title=%D0%A6%D0%B8%D1%82%D0%B0%D1%82&action=edithttp://sr.wikipedia.org/w/index.php?title=SGML&action=edithttp://sr.wikipedia.org/sr-el/%D0%92%D0%B5%D0%B1http://sr.wikipedia.org/w/index.php?title=%D0%A1%D0%BB%D0%B8%D0%BA%D0%B0&action=edit

  • 8/19/2019 Amina.botic Web Dizajn

    4/29

    2. Uvod u pravjenje !eb "trani#a

    2.1 $on#epti %on"tru%#ije !eb "trani#e

    "e-)t -oji #$i)#jete na 'e( )t%ani*# je i)ti -ao te-)t # )vi d%#2i do-#entia.Raz&i-a je # toe /to te-)t )ad%i -odove -oji oo2#>#j# ;itanje # o%ati%ano o(&i-# $oo># va/e2 oi&jeno2 $%et%aiva;a. Ove -odove o%ate #-&j#;iti na va/# )t%ani*# da (i ona %adi&a a&i a-o -o%i)tite "ML $%o2%ae za #%eivanje -ao /to )# 7a2eMi&& i&io"Meta& ne o%ate da $atite -odove. A-o e&ite oete na$i)ati )t%ani*# # $%o2%a#za #%eivanje te-)ta -ao /to je HWo%d7adH $a je )a;#vati -ao te-)t#e&n# datote-# $oo>#

    -oande Save A). D%#2a o2#>no)t je da na$i/ete o(i;n# )t%ani*# # Wo%d# i&iWo%d7e%e*t# -oji va oo2#>#j# da )a;#vate )t%ani*# -ao "ML datote-#. Me#tia-o %az#ete /ta je Kiza $%ozo%a to >e va $oo>i da %az#ete o2#>no)ti 'e( dizajnai $oo>i va da %e/ite $%o(&ee # %ad# a-o )tva%i ne iz2&edaj# ona-o -a-o )te 9te&i.

    Mno2i &j#di ne znaj# da o2# videti Ci -o$i%ati!G -odove iz d%#2i9 'e( )t%ani*a. Da (i)te vide&i -odove za od%een# )t%ani*# $%iti)nite i/e na Vie' -oji )e na&azi na &inijienija $a iza(e%ite )tav-# So#%*e. 7oto oete )e>i i $%eno)iti de&ove -oda -o&i-o 2ode&ite. "a-oe je do(%o videti -a-o )# d%#2i &j#di -on)t%#i)a&i )voj# 'e( )t%ani*#.

    &re ne'o (to po)nete da pravite "trani#u raz*i"ite o "ede+e*:

    1 a/to $%avite )t%ani*# Šta e&ite da -aete 3 a/to >e )e &j#di za#)taviti na va/oj )t%ani*i + ,oje 2%ai-e e&ite da #-&j#;ite 8 ,oje veze e&ite da #-&j#;ite 0 Da &i iate ivot io %a;#na%a

    2.2 ,"nove HTML-a

    ,ada 'e( $%et%aiva; $%i-ae )t%ani*# -ao /to je ova -oj# #$%avo ;itate on je ;ita izte-)t#e&ne datote-e i t%ai $o)e(ne -odove i&i K-ont%o&ne ozna-e da (i znao -a-o da

     $%i-ae te-)t. "ML ozna-e o2# %e>i WWW $%et%aiva;# da $ode(&ja te-)t # $o*%no# -#%ziv da 2a $%etvo%i # 2o%nj# iv# -o&on# i&i vez# )a d%#2i do-#ento.

    Kontrolne oznake su skoro uvek u parovima i ograđene u (završna oznaka). Važno je napomenuti dazavršna oznaka sadrži znak "/". Ovaj znak govoripretraživaču da prestane sa navedenim označavanjem teksta. koza!oravite ovaj znak pretraživač #e nastaviti da označava ostatak

    +

  • 8/19/2019 Amina.botic Web Dizajn

    5/29

    teksta u dokumentu čime #e se do!iti čudan (i $rustriraju#i) rezu%tat.Osnovno $ormatiranje za koriš#enje &' oznake je*

      tekst 

    8

  • 8/19/2019 Amina.botic Web Dizajn

    6/29

    Kostur strukture dokumenta +vaki &' dokument tre!a da sadržiodređene standardne &' oznake. +vaki dokument se sastoji iz dva de%a*nas%ovnog de%a i te%a teksta. ,as%ovni deo (&-) sadrži nas%ov a te%o (O0)sadrži tekst koji se sastoji od pasusa1 %ista i drugi2 e%emenata.

    3otre!ni e%ementi su*

     1 1 1

    oznake (i odgovaraju#e završne oznake). 3otre!no je da stavite ove oznake usvaku datoteku. ,eki pretraživači #e $ormatirati vašu &' datoteku čak iako ove oznake ne postoje. %i neki pretraživači to ne#e učiniti5 O!avezno i2uk%jučite.

     Često korišćene HTML oznake:

      Ovaj e%ement govori pretraživaču da datoteka sadrži in$orma6ije kodirane u&'7u.

     8%avni e%ement identi9kuje prvi deo dokumenta kodiranog u &'7u i sadržinas%ov. On takođe može sadržati naprednije kodirane opise dokumenta.

      Na)&ovni e&eent )ad%i na)&ov do-#enta i od%e#je nje2ov )ad%aj # o$/te -onte-)t#. Na)&ov

    )e $%i-az#je ne2de # $%ozo%# $%et%aiva;a Co(i;no na v%9#G a&i ne #n#ta% $od%#;ja te-)ta. Na)&ov)e ta-oe $%i-az#je na ne;ijoj &i)ti i&i o(e&eiva;# $a iza(e%ite o$i)ni jedin)tveni i %e&ativno-%ata- na)&ov. Na)&ov ta-oe -o%i)te a/ine za $%et%aivanje da (i o$i)a&e va/# )t%ani*#.

    B,/0D%#2i i ve>i deo va/e2 "ML do-#enta je te&o -oje )ad%i )ad%aj va/e2 do-#enta C$%i-az#je)e # $od%#;j# te-)ta # $%ozo%# $%et%aiva;aG. Ozna-e o(ja/njene # na%edno de te-)ta -o%i)te)e # te va/e2 "ML do-#enta.

    H"ML ia /e)t nivoa 2o%nji9 ivi9 -o&ona ozna;eni9 (%ojevia od 1 do 0 2de je 1 najzna;ajniji.

    Jo%nje ive -o&one )# $%i-azane # ve>i i@i&i vi/e $o*%ni ontovia od no%a&no2 te&a te-)ta.7%va 2o%nja iva -o&ona # )va-o do-#ent# t%e(a da je ozna;ena -ao . a )va-i )&ede>inivo 2o%nje ive -o&one #ve>ajte (%oj da (i)te )anji&i ve&i;in# i i)ti*anje onta.

    &

    0

  • 8/19/2019 Amina.botic Web Dizajn

    7/29

    We( $%et%aiva; i2no%i/e $%e-id %eda C$%iti)a- na Ret#%n i&i Ente% ta)te% na va/oj ta)tat#%iG i $o;inje novi $a)#) )ao -ad naie na ozna-#

    . Sve $a)#)e o%ate ozna;iti e&eentia 7P.7%et%aiva; i2no%i/e )va #v&a;enja te-)ta i&i $%azne %edove # izvo%no te-)t#. A-o nea 7P2. /odavanje veza na va(u "trani#u

    J&avna )na2a "MLa do&azi iz nje2ove )$o)o(no)ti da $ovee te-)t i@i&i )&i-# )a d%#2ido-#ento i&i de&o do-#enta. 7%et%aiva; na2&a/ava od%eeni te-)t i&i )&i-# (ojo i@i&i $odv&a;enje da (i nazna;io da je to 9i$e%veza.7ojedina;na 9i$e%te-)t ozna-a vezana za "ML je /to zna;i anchor (sidro). Da (i)te#-&j#;i&i )id%o # va/ do-#ent:

    1 $o;nite )id%o )a )

      : unesite tekst koji #e s%užiti kao 2ipertekst veza u teku#em dokumentu

    : unesite završnu oznaku sidra* (nije potre!an razmak pre završneoznake

    Evo $%ie%a 9i$e%te-)t %ee%en*e:

    SNOW: Speca! Nee"s Opportunt#Wn"ows

    Ovaj #no) $%etva%a %e;i SNOW: Speca! Nee"s Opportunt# Wn"ows # 9i$e% vez#do &o-a*ije do-#enta CURLG na Inte%net#: 9tt$:@@)no'.#to%onto.*a

    "a-oe oete na$%aviti veze do d%#2i9 datote-a #)-&adi/teni9 # i)to di%e-to%ij## # -oje jedatote-a -oja )ad%i %ee%entni -od 9i$e%veze. Na $%ie%:

    Stranca sa %e&a(a karesurs(a

    4

    http://snow.utoronto.ca/http://snow.utoronto.ca/

  • 8/19/2019 Amina.botic Web Dizajn

    8/29

    . ,pi" pri*enjeno' "o3tvera -DREAMWEAVER- 

    Prvi put kada pokrenete svoju novu kopiju Dreamweavera MX 2004, susrešćete se sastranom Start. Ova strana nije samo obina strana !a dobroš"i#u, ona se prika!uje svakiput kada Dreamweaver radi, i ako nije otvoren nijedan dokument. $!aberite da otvoriteneki dokument koji ste pret%odno otvara"i, br!o kreirajte novi dokument i de&inišite sajt i!samo jedno' ekrana. (ko vam se ova strana ne dopada, mo)ete je isk"juiti u okviru !adija"o' Pre&eren#es.

  • 8/19/2019 Amina.botic Web Dizajn

    9/29

    3.1Strana Start 

    Od ve%zije D%ea'eave% MQ 66+ iate o2#>no)t da $%o2%a otva%ate )a $%ijate&j)-ina)t%ojeno $o;etno )t%ano Sta%t. 7o%ed &in-ova -oji vode # t#to%ija& za D%ea'eave%oete (%zo $%i)t#$iti i )&ede>i )tav-aa:

    • Otva%anje do-#enata )a -ojia )te $o)&ednji $#t %adi&i Ca&te%nativa o$*iji i&e P O$en iz

    enijaG.• ,%ei%anje novi9 do-#enata %az&i;iti9 ti$ova Ca&te%nativa za i&e P Ne' i o-vi% za dija&o2

     Ne' Do*#ent ta-o da ne o%ate da )e (o%ite )a o-vi%o za dija&o2 Ne' Do*#entG.A-o iza(e%ete o$*ij# Mo%e Do*#ent) otvo%i>e )e o-vi% za dija&o2 Ne' Do*#ent.

    • ,%ei%anje novo2 )ajta Ca&te%nativa za Site P Mana2e Site) $a d#2e Ne'G.• ,%ei%anje novi9 do-#enata na (azi %az&i;iti9 $%ie%a Ci)ti $%ie%i )# do)t#$ni i # o-vi%#

    za dija&o2 Ne' Do*#entG.• 7%ove%a novi9 dodata-a # D%ea'eave% E*9an2e# Ca&te%nativa za e&$  P D%ea'eave% 

    E*9an2eG.

    A-o iza(e%ete d#2e D%ea'eave% "o#% oti>i >ete na 'e( )ajt Ma*%oedie. A-o iza(e%eted#2e D%ea'eave% "#to%ia& otvo%i>e )e $oo> iz $%o2%aa. Ovo )te o2&i da iza(e%ete i izenija e&$. Ovde nea ni;e2 /to ne oete da #%adite i na ne-i d%#2i na;in a&i je do(%o /to )# $o)&ovi -oje o(av&jate na $o;et-# %ada 2%#$i)ani na jedno e)t# do)t#$ni iz jedno2 *ent%a&no2inte%ej)a.

    A-o ne e&ite da )e (avite $o;etno )t%ano iza(e%ite o$*ij# Dont S9o' A2ain. A-o e&ite da#-&j#;ite i&i i)-&j#;ite $%i-azivanje )t%ane Sta%t otvo%ite o-vi% za dija&o2 7%ee%en*e) P Jene%a&CEdit P 7%ee%en*e)G i $otv%dite i&i neojte $o%v%diti o$*ij# S9o' Sta%t 7a2e. A-o je #-&j#;eno $%i-azivanje )t%ane Sta%t ona >e )e $%i-azati )va-i $#t -ada $o-%enete $%o2%a i -ad 2od nijeotvo%en nijedan do-#ent.

    =

  • 8/19/2019 Amina.botic Web Dizajn

    10/29

    3.2 Kreiranje i rad sa dokumentima

    Osnovni pojmovi vezani za kreiranje dokumenata

    D%ea'eave% nije naenjen )ao za -%ei%anje "ML )t%ana ia-o je to ve%ovatno v%)ta )t%ana-oj# >e ve>ina -o%i)ni-a naj;e/>e $%aviti. Sa ve%zijo D%ea'eave% MQ 66+ oete da $%avite (i&o -oj# v%)t# do-#enta -oji je vezan za We(. Svi do-#enti o2# da )e -%ei%aj# enjaj# $a;a- i 2%ai;-i $%i-az#j# # $%i-az# De)i2n. "o )e ne odno)i )ao na "ML ve> i na do-#ente-oji %ade )a ivi $oda*ia -ao /to )# AS7 TM 77 i S7 zati do-#enti za $od%/-# -ao/to )# TSS i S do-#enti -ao i %az&i;iti d%#2i do-#enti -ao /to )# QML Q"ML i WML.U)&ed ovi9 novi9 o2#>no)ti -%ei%anje do-#enta # D%ea'eave%# je i da&je o)novna )tva% a&ivi/e ne ta-o jedno)tavna. O-vi% za dija&o2 Ne' Do*#ent oo2#>ava da do-#ente -%ei%ate od $o;et-a -ao i da i9 #vozite iz ne-i9 d%#2i9 izvo%a.

    Okvir za dijalog New Document

    ,ada iza(e%ete o$*ij# i&e  P  Ne' i&i $%iti)nete Tt%&N otvo%i>e )e o-vi% za dija&o2 Ne'Do*#ent. U ovo o-vi%# za dija&o2 $o)toji no/tvo o$*ija $%e-o -oji9 oete da -%ei%atedo-#enat (i&o -oje v%)te.

    Tipovi do%u*enata %oji "e %reiraju

    16

  • 8/19/2019 Amina.botic Web Dizajn

    11/29

    Ve>i deo o-vi%a za dija&o2 za#ziaj# o$*ije za -%ei%anje %az&i;iti9 ti$ova do-#enata. U -%ajnjoj&evoj -o&oni )# $%i-azane -ate2o%ije )a o)novni ti$ovia do-#enata. "o )#: Ba)i* D?nai*"e$&ate itd.Ve>ino ovi9 ti$ova )e ne>eo (aviti # ovo $o2&av&j#.

    A-o e&ite da -%ei%ate )tanda%dn# "ML )t%an# iza(e%ite o$*ij# Ba)i* P "ML. Iz -%ajnje &eve-o&one iza(e%ite o$*ij# Ba)i* a iz de)ne -o&one o$*ij# "ML.

    7o/to # o-vi%# za dija&o2 $o)toji ta-o no2o o$*ija )a -ojia je te/-o )na>i )e $o)toji i deo )ao$i)o )va-e o$*ije -oji )e na&azi # donje de)no #2. Iz d%#2e -o&one iza(e%ite ne-i ti$datote-e i $%o;itajte -%ata- o$i) -oji )e odno)i na to /to )te iza(%a&i. a ne-e o$*ije >e )e #2o%nje de)no #2 $%i-azati i )&i-a."%e(a da znate da ia-o )e D%ea'eave% oe -o%i)titi za -%ei%anje )-o%o )vi9 ti$ova

    do-#enata i$a- ni)# )vi ti ti$ovi $%i-azani # $%ozo%# De)i2n. Ovde )# $%i-azani )ao oniti$ovi datote-a -oji )e -o%i)te za -%ei%anje vid&jivi9 'e( )t%ana odno)no )t%ana -oje )e o2# $%i-azati # $%i-az# De)i2n. D%#2i ti$ovi datote-a -ao /to )# S TSS i "Q" o%aj# da )e $%i-az#j# i #%e#j# # $%ozo%# Tode.

    3.3 Rad sa panoima

    11

  • 8/19/2019 Amina.botic Web Dizajn

    12/29

    injeni*a je da ovde ia no2o $anoa. S v%eena na v%ee )va-i od nji9 $o)taje -o%i)tan a&i )#t# i oni -oji to2 t%en#t-a ni)# $ot%e(ni ta-o da je onaj $ot%e(an te/-o $%ona>i. Mno2i $o)&ovi #D%ea'eave%# za9tevaj# $anoe.

    3.4 Panoi i grupe panoaBi&o -oji $ano $%e-o enija Windo') oe da )e otvo%i i&i $%o/i%i. "# )# $%i-azane i &i)te $%e;i*aza otva%anje i zatva%anje $anoa. Ve>ina $anoa D%ea'eave%a )e na&aze # 2%#$aa $%i ;e# )e $ojedina;no $ano# $%i)t#$a $%e-o -a%ti*e # $%ozo%# 2%#$e. C"e9ni;-i 2ovo%e>i )vi $anoi )ena&aze # 2%#$aa a&i ne-i -ao /to je TSS $ano )e na&aze )ai # 2%#$i.G J%#$e )# &o2i;-io%2anizovane ta-o da int#itivno oete da za-&j#;ite -oji )e $ano 2de na&azi.

    a2&av&ja $anoa i 2%#$a iaj# i eni )a o$*ijaa $%e-o -oje2 oete da o(av&jate $o)&ovevezane za $anoe. Na )&i*i )# $%i-azane ti$i;ne 2%#$e $anoa )a i)ta-n#ti o)o(inaa.

    A-o e&ite da $%o/i%ite i&i )aete 2%#$# $anoa -&i-nite )t%e&i*# za )aianje i&i $%o/i%ivanje-oja )e na&azi # za2&av&j# $anoa. A-o je $ot%e(no $%ozo% $anoa )e /i%i da (i $%i9vatio $%o/i%ene $anoe. A-o e&ite da $%o/i%ite 2%#$# $anoa i $%oenite joj ve&i;in# oete da odete # eni )ao$*ijaa i iza(e%ete o$*ij# Maiize 7ane& J%o#$.

    A-o e&ite da $ode)ite %e&ativn# vi)in# dve 2%#$e $anoa # o-vi%# $%ozo%a $o)tavite -#%)o% 

    ize# nji9. ,#%)o% >e do(iti o(&i- dvo)e%ne )t%e&i*e. "ada #9vatite 2%ani*# i $%oeniteve&i;in#.

    A-o e&ite da zatvo%ite 2%#$# $anoa otvo%ite eni )a o$*ijaa i iza(e%ite T&o)e 7ane& J%o#$.J%#$# $anoa oete $onovo da otvo%ite a-o ne-i od $anoa iza(e%ete iz enija Windo'.

    1

  • 8/19/2019 Amina.botic Web Dizajn

    13/29

    3.5 Dostupnost a!i" strana

    Va/e )t%ane iz2&edaj# )jajno # ve>ini $%et%aiva;a $%o/&e )# te)tove $%ove%e -oda. A&i da &i )#)t%ane do)t#$ne St%ane -oje )# do)t#$ne )# one -oje o2# da -o%i)te i &j#di )a viz#e&nioto%ni )/ni i&i ne-i d%#2i nedo)ta*ia. "# )$adaj# &j#di -oji $%e-o ;ita;a e-%ana i&ine-o2 d%#2o2 )$e*ija&no2 )otve%a i 9a%dve%a $%i)t#$aj# Inte%net#. Da (i Wo%&d Wide We( (io #

     $ot$#no)ti #nive%za&an )t%ane t%e(a da (#d# do)t#$ne i njia.

    Standardni vezani za do"tupno"t7o)toje %az&i;iti )tanda%di -oji od%e#j# da &i )# 'e( )t%ane do)t#$ne. Najvaniji od nji9 )#:

    • Se#tion 456 U $itanj# je ede%a&ni de-%et -oji )vi )ajtovi -oje -o%i)te v&adini )(eni*i-ao i )ajtovi -oji di)t%i(#i%aj# ino%a*ije vezane za v&ad# o%aj# $o/tovati. 7%eda )eovaj )tanda%d $%ienj#je )ao na )ajtove vezane za ede%a&n# d%av# no2e v&ade nii9nivoa )# i9 $%i9vati&e i za )ajtove $od nji9ovo nad&eno)ti. Mno2e -o%$o%a*ije )#

    ta-oe $%i9vati&e ove )tanda%de.• W7 Web 8##e""ibiitv 9nitiative W89; WWW ,onzo%*ij# CW3TG je na$%avio

    deta&jan )-#$ $%avi&a -oja )# vezana za do)t#$no)t. Mno2a od nji9 od2ova%aj# $%avi&iaiz )tanda%da Se*tion 86e2 enija Boo- iza(e%ite o$*ij# U)a(&eNe' A**e))i(i&it? Ree%en*e. Sadana %a)$o&a2anj# iate )ve v%)te ino%a*ija o %az&i;iti )tanda%dia i na;in# na -oji )e oni $%ienj#j#.

    ,p#ije /rea*!eavera vezane za do"tupno"t

    D%ea'eave% MQ 66+ oo2#>ava da (%zo $%i)t#$ite )va-o od at%i(#ta vezani zado)t#$no)t )t%ane. A-o e&ite da #-&j#;ite at%i(#te do)t#$no)ti iza(e%ite Edit P 7%ee%en*e) i #o-vi%# za dija&o2 iza(e%ite -ate2o%ij# A**e))i(i&it?. O$*ije -oje )# date # &i)ti $%ed)tav&jaj#%az&i;ite e&eente )t%ana -oje # "ML# iaj# )$e*ija&ne at%i(#te vezane za do)t#$no)t. ,adaovde iza(e%ete ne-# )tav-# )va-i na%edni $#t -ada -&i-nete o(je-at da (i)te 2a #(a*i&i na )t%an## nje2ovo o-vi%# za dija&o2 )e $%i-az#j# i nje2ovi at%i(#ti vezani za do)t#$no)t. CO o$*ijaado)t#$no)ti za $ojedina;ne e&eente )t%ana oete vi/e )aznati # $o)e(ni ode&j*ia onda-ada (#deo 2ovo%i&i o ti e&eentiaG.

    13

  • 8/19/2019 Amina.botic Web Dizajn

    14/29

    &rovera do"tupno"ti,ao /to oete da $%ove%ite i)$%avno)t -oda i $od%/-# $%et%aiva;a oete i da $%ove%itedo)t#$no)t )voji9 )t%ana i )ajtova. U D%ea'eave%# $o)toje %az&i;iti a&ati -oji )# #$%avo toenaenjeni.

    A-o e&ite da do(ijete izve/taj # vezi do)t#$no)ti te-#>e2 )ajta t%e(a da #%adite )&ede>e:1. Iza(e%ite Site P Re$o%t).. ,ada )e otvo%i o-vi% za dija&o2 Site Re$o%t) iza(e%ite A**e))i(i&t?. Moete iza(%ati

    o$*ij# da )e izve/taj na$%avi za te-#>i do-#ent i&i za iza(%ane datote-e )a )ajta.3. 7%e ne2o /to na$%avite izve/taj -&i-nite d#2e Re$o%t Settin2) i iza(e%ite )tanda%d $%ea

    -oje e&ite da )e $%ove%a v%/i. ,&i-nite O, da (i)te zatvo%i&i o-vi% za dija&o2.+. ,&i-ntie R#n da (i)te na$%avi&i izve/taj.

    D%ea'eave% >e $%e2&edati Va/e )t%ane i %ez#&tate $%i-azati # $%ozo%# Re)#&t).

    4. #ad sa tekstom

    4.1 Osnove u vezi teksta

     Na 'e( )t%ani ne oete da do(ijete no2o vi/e od o)novno2 te-)ta. A-o )a d%#2e )t%ane)a2&edate ;inenji*# da =6X v%eena -oje $%ovedete -ao dizajne% za We( %adite )a te-)to onda>ete #videti $ot%e(# da do(%o na#;ite -a-o "ML %adi )a te-)to i /ta je to /to oe $o>inao$a-o.

    1+

  • 8/19/2019 Amina.botic Web Dizajn

    15/29

    4.2 $ekst u pretra%iva&u

    A-o )te i-ada $%avi&i ne-# 'e( )t%an# onda znate o)novn# ;injeni*#. "ML je )t%#-t#%nia%-#$ jezi-. Nje2ov o)novni zadata- je da o$i/e &o2i;-# )t%#-t#%# e&eenata na )t%ani -ao /to je i te-)t ta-o da &o2i-a )t%ane (#de ja)na )va-oj o)o(i i&i #%eaj# -oji je ;ita. a o%ati%anjete-)ta "ML -o%i)ti ozna-e na nivo# (&o-a -oje )e $%ienj#j# na de&ove te-)ta i tie #-az#j#

    na #&o2# to2 te-)ta na )t%ani. 7o%ed ozna-a na nivo# (&o-ova -o%i)te )e i ozna-e na nivo#-a%a-te%a -oje )e $%ienj#j# na %e; i&i ne-o&i-o %e;i # o-vi%# (&o-a ;ie )e te %e;i i)ti;# #odno)# na o)tata- te-)ta.

    4.3 $ekst u Dreamweaveru

    "e-)t )e # D%ea'eave%# -%ei%a -#*anje i&i $%e(a*ivanje iz ne-o2 d%#2o2 $%o2%aa.#n-*ije za -#*anje #%eivanje i )e&e-tovanje te-)ta )# i)te -ao i # (i&o -o $%o2%a# za#%eivanje te-)ta. 7%ove%a $%avo$i)a C"et P T9e*- S$e&&in2G oo2#>ava da $%ove%ite $%avo$i)za iza(%ani te-)t i&i *eo do-#ent. 7%ove%a )e v%/i na o)nov# %e;ni-a -oji $o)toji #D%ea'eave%# a&i i $%ea Va/e )o$)tveno %e;ni-#.

    "ML )t%#-t#%# >ete na te-)t $%ieniti $%e-o "et 7%o$e%t? In)$e*to%a te-)t#a&ni9 o(je-ata )a $a&ete In)e%t -ao i %az&i;iti9 -oandi iz enija In)e%t.

    5. #ad sa slikama

    .1 Osnovno o s!ikama

    Rad )a )&i-aa # $%et%aiva;# nije -o$&i-ovan a&i -ao i #ve- $o)toje od%eena $%avi&a -ojat%e(a $o/tovati. U ovo ode&j-# )o $o-%i&i o)nove a to je -a-o )&i-e #n-*ioni/# na 'e()t%anaa i -a-o )e #-&a$aj# # )vet D%ea'eave%a.

    'like u pretra%iva&u

    S&i-e )e 2ene%a&no na 'e( )t%ane #(a*#j# $%e-o ozna-e i2:

    i2 )%*YHido.2iH 'idt9YH166H 9ei29tYH166HP

    Ovaj -od 2ovo%i $%et%aiva;# 2de t%e(a da $ot%ai datote-# )a )&i-o -ao i -o&i-o $%o)to%a t%e(ada o)tavi. At%i(#t )%* je %e&ativni i&i a$)otni &in- do JI 7EJ i&i 7NJ datote-e. Ovo jeo(avezan at%i(#t $o/to (ez nje2a nea ni )&i-e. St%i-tno 2ovo%e>i ni at%i(#t 'idt9 ni at%i(#t9ei29t ni)# o(avezni a&i a-o i9 izo)tavite $%et%aiva; nea na;ina da )azna -o&i-o $%o)to%a

    18

  • 8/19/2019 Amina.botic Web Dizajn

    16/29

    t%e(a da o)tavi za )&i-# /to #)$o%ava $%i-azivanje 'e( )t%ane. (o2 to2a )e ovi at%i(#ti #ve- daj#.

    Datote-e -oje )ad%e )&i-e o%aj# (iti # o%at# -oji $%et%aiva; oe da $%e$ozna i $%i-ae."%en#tno )# to o%ati JI 7EJ 7NJ C$%eda je $od%/-a za 7NJ nedo)&edna ta-o da no2i

    dizajne%i od#)taj# od ovo2 o%ataG. o%at JI je naj(o&ji za )&i-e -oje ni)# oto2%aije )ao2%ani;eni (ojaa 2de je o(avez da )&i-e (#d# ja)ne. JI oe da )e -o%i)ti i za ania*ije iee-at $%ovidno)ti. 7EJ je naj(o&ji za oto2%aije i d%#2e )&i-e -oje )ad%e $#no (oja i )#$ti&ne $%e&aze # (ojaa.

    5.2 'like u Dreamweaveru

    U D%ea'eave%# )e )a )&i-aa %adi veoa &a-o. U na%edni ode&j*ia >eo o(ja)niti o)novne $%o*ed#%e za %ad )a )&i-aa # D%ea'eave%#. U)$#t >eo i)ta>i i $oten*ija&ne za-e.

    U*etanje "i%a

    S&i-e )e # D%ea'eave% o2# #(a*iti na %az&i;ite na;ine. Moete i9 #(a*iti $%e-o o(je-ta Ia2e)a $a&ete In)e%t i&i $%e-o -oand In)e%t P Ia2e. A-o )te deini)a&i )ajt )&i-e oete da $%ev#;ete )a $anoa Site i&i A))et) di%e-tno # $%ozo% Do*#ent. "%e(a da iate na ## da $%ii&i-o #etanja )&i-e D%ea'eave% ne #2%a#je )&i-# -ao /to to %adi )a &i)taa i&i ta(e&aave> )e #(a*#je %e&ativna $#tanja do datote-e )a )&i-o.

    A-o -o%i)tite %e&ativne $#tanje # odno)# na do-#ent D%ea'eave% naj(o&je %adi a-o )tedatote-# $%e #etanja za$i)a&i ta-o da oe da )e iz%a;#na %e&ativna $#tanja ize# do-#entai datote-e )a )&i-o.

    ina o)o(ina )&i-a )e # D%ea'eave%# o2# $ode)iti $%e-o Ia2e 7%o$e%t? In)$e*to%a. a $ode/avanje d%#2i9 o)o(ina t%e(a da -o%i)tite Se&e*tion In)$e*to% i&i -oand# Edit "a2.

    10

  • 8/19/2019 Amina.botic Web Dizajn

    17/29

    5.3 'like kao pozadina

    Od -ada )# $%et%aiva;i $o;e&i da $od%avaj# #$ot%e(# )&i-a -%eato%i 'e( )t%ana )# $o;e&i da i9-o%i)te i z&o#$ot%e(&javaj# -ao e&eente $ozadine. S&i-e )e -ao $ozadina dode&j#j# )t%anaata(e&aa i nivoia. S&i-a # $ozadini oe da )e $onav&ja $o 9o%izonta&i i&i ve%ti-a&i ta-o dai)$#ni od%eeni $%o)to%. "e-)t i&i ne-i d%#2i 2%ai;-i e&eenti o2# da )e $o)tav&jaj# i)$%ed )&i-e# $ozadini (ez i-a-vi9 TSS te9ni-a za %ad )a nivoia. S&i-a # $ozadini oe (iti jedno)tavna-ao /to je $onav&janje ta$eta # $ozadini a&i oe (iti i znatno )&oenija i )-%ivenija -ada )e-o%i)ti -ao vodeni i2 (ane% itd.

    &ozadina u "tiu po)a= "taro*odan na)inMno2o $%e ne2o /to je TSS )t#$io na )*en# )&i-e )# $o;e&e da )e -o%i)te -ao $ozadin)-ie&eenti. "o je (i&o o2#>e za9va&j#j#>i at%i(#t# (a*-2%o#nd. A-o ozna*i (od? dode&ite at%i(#t (a*-2o%#nd onda )e )&i-a $onav&ja -ao $ozadina na *e&oj )t%ani. A-o dode&ite at%i(#t (a*-2%o#ndta(e&i v%)ti ta(e&e i&i >e&iji onda )e $&o;e $onav&jaj# )ao # ti e&eentia.

    (od? (a*-2%o#ndYH&o'e%). j$2HPta(&e (a*-2%o#ndYH$o&-adot).2iHP

    S&i-# >ete # D%ea'eave%# da $o)tavite -ao $ozadin# )t%ane C-ao at%i(#t ozna-e (od?G a-oiza(e%ete Edit P 7%ee%en*e) zati iza(e%ete -ate2o%ij# Jene%a& i tao de)e&e-t#jete o$*ij# U)eTSS in)tead o "ML "a2). Na-on to2a iza(e%ite Modi? P 7a2e 7%o$e%tie) i $%oenite (oj# $ozadine. Ovo >ete #%aditi # -ate2o%iji A$$ea%an*e. "a(e&aa i d%#2i e&eentia )t%ane >etedode&iti $ozadin# $%e-o $o&ja B2 ia2e -oje )e na&azi # 7%o$e%t? In)$e*to%#.

    14

  • 8/19/2019 Amina.botic Web Dizajn

    18/29

    Ovaj etod deini)anja $ozadine je i da&je i)$%avan i oda >e Va (iti $ot%e(an a&i # $o%eenj#)a TSSo ia od%eene nedo)tat-e:

    •  Nea na;ina da )e -ont%o&i/# $&o;e )a )&i-o. 7%et%aiva; a#toat)-i $o)tav&ja $&o;e )a)&i-o ono&i-o $#ta -o&i-o je $ot%e(no $o 9o%izonta&i i&i ve%ti-a&i i $o-#/ava da i)$#ni%a)$o&oivi $%o)to%. Ia-o ovo nije #ve- &o/e ne>e )e #ve- #-&a$ati # Va/e e&je.

    •  Nea na;ina da )e -ont%o&i/e $ozi*ija )&i-e. 7o$&o;avanje $o;inje # 2o%nje &evo #2i $onav&ja )e odat&e.

    (.)inkovi u Dreamweaver*u,%ei%anje &in-ova je zadata- )a -oji >ete )e $%i&i-o deini)anja 'e( )ajtova ;e)to )#o;avati.S%e>o D%ea'eave% oo2#>ava da to %adite (%zo i &a-o. Sada -ada )te )9vati&i o)novne $%in*i$e URL $#tanja )$%eni )te da -o%i)tite 7%o$e%t? In)$e*to% iz D%ea'eave%a i da dodajete&in-ove na )voj )ajt.

    ,ad 2od je # D%ea'eave%# iza(%an ne-i e&eent te-)ta i&i ne-a )&i-a na 7%o$e%t? In)$e*to%# )ena&aze $o&ja za &in-ove -ao i za -ont%o ino%a*ija vezani9 za taj &in-.

    >.1 Lin%ovi na ee%tron"%u po(tu Linkovi na elcktronsku poštu Ceai& &in-G )# d%#2a v%)ta a$)otne $#tanje. U D%ea'eave%# $o)toji ne-o&i-o %az&i;iti9 o2#>no)ti za -%ei%anje ova-vi9 &in-ova. Najjedno)tavnije je da-o%i)tite 7%o$e%t? In)$e*to%. Iza(e%ite te-)t i&i )&i-# -oj# e&ite da -o%i)tite -ao &in- i # $o&j# Lin- 7%o$e%t? In)$e*to%a #ne)ite ad%e)# zajedno )a $%oto-o&o ai&to:

    ai&to:?o#%add%e))Zdoainnae.*o

    1

  • 8/19/2019 Amina.botic Web Dizajn

    19/29

     Na )&i*i je $%i-azano ono /to )e de/ava. O(%atite $anj# na to da iza dve ta;-e nea $%azno2 $%o)to%a.

    A-o ne e&ite da )va-i $#t #no)ite $%oto-o& ai&to: D%ea'eave% ia i o(je-at Eai& Lin-. Evo-a-o )e on -o%i)ti:

    1. A-o e&ite da &in- na e&e-t%on)-# $o/t# na$%avite za )&i-# -&i-nite )&i-# da (i)te jeiza(%a&i. A-o e&ite da ova-av &in- na$%avite za te-)t i&i #ne)ite te-)t i&i 2a iza(e%ite i $o)tavite -#%)o% tao 2de e&ite da )e te-)t nae.

    . Sa $a&ete In)e%t iza(e%ite o(je-at Eai& Lin- C-ate2o%ija ToonG i&i iza(e%ite In)e%t  PEai& Lin- iz 2&avno2 enija D%ea'eave%a.

    3. ,ada )e $ojavi o-vi% za dija&o2 In)e%t Eai& Lin- #ne)ite eai& ad%e)# na -oj# e&ite da&in- #-az#je C(ez $%oto-o&a ai&to:G i -&i-nite O,.

     Na-on /to )te na ovaj na;in #(a*i&i eai& &in- a-o $o2&edate 7%o$e%t? In)$e*to% vide>ete da )e # $o&j# Lin- $%i-az#je a$)otni URL i)to -ao da )te 2a )ai #ne&i.>.2 Boja pozadine i "i%e u pozadini"a(e&e v%)te i >e&ije o2# da iaj# $ode/ene (oje $ozadine -ao i deini)ane )&i-e -oje )e $%i-az#j# -ao $ozadina. Sve to oe da )e #%adi $%e-o TSS )ti&ova. Na$%avite novi )ti& i # o-vi%#za dija&o2 TSS St?&e Deinition iza(e%ite -ate2o%ij# Ba*-2%o#nd. A-o iza(e%ete )&i-# # $ozadinioete da $ode/avate i -a-o )e $o)tav&jaj# $&o;e )a )&i-o i -a-o )e )&i-a $o)tav&ja # o-vi%#e&eenta. O$*ije )# Re$eat o%izonta& 7o)ition i Ve%ti*a& 7o)ition.

    1=

  • 8/19/2019 Amina.botic Web Dizajn

    20/29

    Širina i #e paddin'Si%ina ta(e&e i >e&ija -ao i *e&& $addin2 )e o2# -ont%o&i)ati $%e-o TSS o)o(ina. Ovio)o(inaa oete da $%i)t#$ite a-o # o-vi%# za dija&o2 TSS St?&e Deinition iza(e%ete-ate2o%ij# Bo. U $o&j# 'idt9 oete da #ne)ete (i&o -oji (%oj # $i-)e&ia i&i $%o*entia. A-o

    e&ite da $ode)ite *e&& $addin2 $ode)ite o$*ije 7addin2. U$ozo%enje: O)o(in# TSS $addin2 ne>e)vi $%et%aiva;i t%eti%ati na $%avi na;in ta-o da $%e ne2o /to ovo #$ot%e(ite t%e(a $a&jivo da $%ove%ite -a-o to iz2&eda # *i&jno $%et%aiva;#. Te&& )$a*in2 )e ta-oe (o&je -odi%a (ez $%ieneTSSa.

  • 8/19/2019 Amina.botic Web Dizajn

    21/29

    $a,ele u Dreamweaveru

    7o/to )# ta(e&e to&i-o (itne # D%ea'eave%# $o)toji niz a&ata i -oandi -oje )e o2# -o%i)titiza %ad )a njia. Ne-e je )i2#%nije -o%i)titi od d%#2i9 a ne-e )e -o%i)te int#itivnije od d%#2i9. Bez

    o(zi%a na to -oja je Va/a )t%ate2ija (ez )#nje >ete i9 ne2de -o%i)titi.

    9nter3ej"i za rad "a tabea*a Na%avno da je $%va od-a -oj# t%e(a doneti -ao i )a (i&o ;i d%#2i # D%ea'eave%# da &i )ata(e&aa e&ite da %adite # $%i-az# Tode i&i De)i2n. a- i # o-%#enj# $%i-aza De)i2n iate na%a)$o&a2anj# vi/e o2#>no)ti. ,a-o (i t%e(a&o da iz2&eda inte%ej) za %ad )a ta(e&aa ,oja jeviz#e&na $oo> $ot%e(na

    9zbor reži*a rada "a tabea*aA-o e&ite da iza(e%ete %ei %ada )a ta(e&aa idite # eni Vie' i iza(e%ite ne-# od $odo$*ijaiz $odenija "a(&e Mode. Moete i da )a $a&ete La?o#t In)e%t iza(e%ete ne-o od t%i d#2eta "a(

    Mode. U )va-o )aj# na %a)$o&a2anj# iate t%i o2#>no)ti:• Standard ie! Tabe Mode Standard Mode; @ Ovo je $od%az#evani %ei za

    %ad )a ta(e&aa. U ovo )aj# )e ta(e&e # $%i-az# De)i2n $%i-az#j# $%i(&ino i)to -a-o (i iz2&eda&e # $%et%aiva;ia. Ovo je %ei -oji i)-#)ni -o%i)ni*i najvi/e vo&e a&i oe (iti nez2%a$an a-o ta(e&a ia )&oen# )t%#-t#%# i&i a-o $o)toje a&e i tan-e >e&ije

    • EApanded ie! Tabe Mode EApanded Tabe" Mode; @ Ovaj %ei -oji jenovo)t # ve%ziji D%ea'eave% MQ 66+ ta(e&e $%i-az#je )a ve/ta;-i dodati $%o)to%oize# i #n#ta% >e&ija. Dodata je i vid&jiva 2%ani*a ta(e&e ;a- i a-o ta(e&a neadeini)an# 2%ani*#. U ovo %ei# )e %tv#j# ne-i od W[SIW[J Cono /to vidi/ je ono/to do(ija/G -va&iteta -oji $o)toje # %ei# Standa%d. Sa d%#2e )t%ane )t%#-t#%a ta(e&e )e&a-/e $%ati a e&eenti ta(e&e )e &a-/e (i%aj# i )a njia )e &a-/e %adi. Rad # %ei#

    E$anded je i)ti -ao # %ei# Standa%d a&i )a dodatno $oo>i # %ad#.• Laout ie! Tabe Mode Laout Mode; @ Ovaj %ei ne )ao da %az&i;ito

     $%i-az#je ta(e&e # $itanj# je $ot$#na a&te%nativa za %ad )a ta(e&aa. Ia-o je v%&oint#itivan i at%a-tivan za $o;etni-e # 'e( dizajn# t# $o)toji niz o$a)no)ti ta-o daoete do(iti )t%ane )a &o/o )t%#-t#%o.

    C.2 &o*o+ u pre'edu tabeaBez o(zi%a da &i %adite # %ei# Standa%d i&i E$anded $o)toji dodatna viz#e&na $oo> -oj#oete do(iti od inte%ej)a # $%i-az# De)i2n.

    • Tabe WidtD" ie! i"ua 8id" Tabe WidtD"; - Ovo je novo)t # ve%ziji

    D%ea'eave% MQ 66+. ,ada )e iza(e%e ova o$*ija $%i-az#je )e 9o%izonta&na &inija nadn# i&i v%9# iza(%ane ta(e&e. Linija #-az#je na dienzije ta(e&e i&i >e&ije. A-o -&i-netei-on# # o(&i-# t%o#2&a do(i>ete dodatn# $oo> za iz(o% e&eenata i $ode/avanjeo)o(ina ta(e&a. Ova $oo> #n-*ioni/e i # %ei# Standa%d i # %ei# E$anded.

    1

  • 8/19/2019 Amina.botic Web Dizajn

    22/29

    • Tabe Border" ie! i"ua 8id" tabe Border"; @ A-o %adite # %ei# Stadna%dova viz#e&na $oo> $%i-az#je ivi*e ta(e&e -oja nea deini)ane ivi*e ta-o da )e # $%i-az# De)i2n oe videti )t%#-t#%a ta(e&e ia-o )e to # $%et%aiva;# ne>e videti. 7o/to)e # %ei# E$anded #ve- $%i-az#j# ivi*e to ova $oo> # to %ei# nije $ot%e(na.

    C. U*etanje tabeaA-o e&ite da #(a*ite ta(e Co)i a-o %adite # %ei# La?o#tG oete da -o%i)tite o(je-at "a(&e)a $a&ete La?o#t In)e%t i&i da iza(e%ete In)e%t P "a(&e. U o(a )aja )e otva%a o-vi% za dija&o2In)e%t "a(&e. U ovo o-vi%# za dija&o2 oete da deini/ete o)novn# )t%#-t#%# ta(e&e. ,ada-&i-nete O, ta(e&a >e )e #(a*iti. 7%ieti>ete da o)i deini)anja (%oja v%)ta i -o&ona d%#2eo)o(ine ta(e&e ne oete da zadajete na ovo e)t#. St%#-t#%a ta(e&e i at%i(#ti )e o2# -a)nije

    enjati $%e-o 7%o$e%t? In)$e*to%a ta-o da ni/ta /to ovde $ode)ite nije ne$%oen&jivo.Da &i )tei-ad $o2&eda&i -od $ot$#no nove ta(e&e i # nje# vide&i \n()$] Šta )e t# de/ava

    U $itanj# je "ML entitet za %aza-. Ne-i $%et%aiva;i ne>e $%avi&no $%i-azati $%azne >e&ijeta-o da D%ea'eave% ne dozvo&java da $%avite ta-ve >e&ije. Sva-i $#t -ada naie na $%azn#>e&ij# D%ea'eave% )tav&ja ovaj %aza-. i # t# >e&ij# )tavite ne-i )ad%aj D%ea'eave%  (%i/e taj %aza-. O(%i/ete )ad%aj a %aza- )e v%ati. Ovo je )jajna $oo> # %#-ovanj# -oj# Va $%#a D%ea'eave%.

  • 8/19/2019 Amina.botic Web Dizajn

    23/29

      6. Lin%ovi

    Lin-ove naj;e/;e -o%i)tio za $ovezivanje na/e 'e( )t%ani*e ) d%#2i 'e( )ad%ajia-a-o (i o&a-/a&i $%i)t#$ d%#2i 'e( )t%ani*aa.

    Oni )ad%e $odat-e o ta;noj 'e( ad%e)i i naziv# do-#enta na -oji )e odno)i i oe (iti#)e%en na (i&o -oji do-#ent (i&o 2de na inte%net# #-&j#;#j#*i i na )&i-e -ao i na ne-# eai&ad%e)#.

    U-o&i-o -%ei%ao &in- na do-#ent -oji )e na&azi # i)to o&de%# 2dje i do-#ent iz-oje2a taj &in- $ozivao tada nije $ot%e(no navoditi $#tanj# C$at9G do to2 do-#enta ve> )aonje2ov ta;an naziv.

    Do- #-o&i-o -%ei%ao &in- na do-#ent -oji )e na&azi # ne-o od nii9 o&de%aC)#(o&de%#G # odno)# na do-#ent iz -oje2a taj &in- $ozivao tada o%ao nave)ti naziv

    )#(o&de%a )taviti -o)# *%t# H@H i nave)ti ta;an naziv do-#enta.A-o izvodio &in- na do-#ent -oji )e na&azi na ne-oj d%#2oj 'e( ad%e)i tada o%aonave)ti $#ni naziv te 'e( ad%e)e )taviti -o)# *%t# H@H i nave)ti ta;an naziv do-#enta. U )aj#da $ozivao do-#ent $od nazivo indeA.Dt*= onda nije $ot%e(no navoditi nje2ovo ie.

    ,%ei%anje &in-a -a eai& ad%e)i Cn$%. )vojoj da (i na) $o)etio*i o2&i -onta-ti%atiG tadao%ao nave)ti ta;an naziv eai& ad%e)e.

    3

  • 8/19/2019 Amina.botic Web Dizajn

    24/29

    -. /pravljanje linkovima

    Ve> )te vide&i $%i&i;no do(a% na;in za #$%av&janje &in-ovia -ada D%ea'eave% a#%i%a &in-ove $%i&i-o $%oene )t%#-t#%e datote-a. Ovo je i$a- )ao $%vi -o%a- # )&oeno )i)te# za#$%av&janje &in-ovia. A-o -o%i)tite a$# )ajta %az&i;ite -oande iz enija $anoa Site -ao SiteRe$o%t) )t%#-t#%# &in-ova na )ajt# oete da iate # )voji %#-aa.

    ,p#ija &oint to Fie iz datote%eA-o )te otvo%i&i datote-# i a-o je $ano Site (a% de&ii;no vid&jiv na e-%an# oete da na$%avite&in- -oji vodi od te datote-e do ne-e d%#2e $%e-o o$*ije $oint to i&e. Evo -a-o )e to %adi.

    1. Otvo%ite datote-# # -ojoj e&ite da )e na&azi &in-. 7%ove%ite da &i je $ano Site otvo%en ivid&jiv.

    . Iza(e%ite te-)t i&i )&i-# -oji >e $o)tati &in-.3. U 7%o$e%t? In)$e*to%# $%onaite $o&je Lin- a&i #e)to da -&i-nete d#2e B%o')e i&i da

    #no)ite ie datote-e # od2ova%aj#>e $o&je $%onaite d#2e 7oint to i&e.+. Iza(e%ite ovo d#2e i $%ev#*ite na $ano Site. CA-o je $ano Site )&o(odan )ao $%ev#*ite

     $%e-o ne-o2 nje2ovo2 de&a i on >e )e $%i-azati # $%vo $&an# ta-o da oete da vidite

    *eo $%ozo%. G Na)tavite da v#;ete )ve do- )e ne naete iznad datote-e na -oj# e&ite da&in- vodi. ,ada )e naete na $%avoj &o-a*iji datote-a >e (iti i)ta-n#ta.8. O)tavite d#2e i/a. A-o Va -oo%dina*ija %#-e i o-a %adi -a-o t%e(a # otov%eno

    do-#ent# )e )ada na&azi &in- na )tav-# -oj# )te $o-aza&i.

    +

  • 8/19/2019 Amina.botic Web Dizajn

    25/29

    0$P

    "7 je )-%a>eni*a za  File Transer !rotocol i on je ve%ovatno naj%a)$%o)t%anjeniji etod za $%e(a*ivanje 'e( )t%ana na 'e( )e%ve%. Vi >ete ve%ovatno -o%i)titi ovaj etod -ada (#dete $%avi&io%2aniza*ij# 'e( )t%ana. S&i;no -ao -od ?$e%tet "%an)e% 7%oto*o& C""7 -oji )e -o%i)ti zat%an)e% 'e( )t%ana $%e-o Inte%netaG i "7 za9teva -&ijent)-# i )e%ve%)-# a$&i-a*ij#. U ovo)aj# D%ea'eave% )e $ona/a -ao "7 -&ijent. Sotve% na #da&jeno )e%ve%# )e $ona/a -ao"7 )e%ve%. A-o -ao etod $%i)t#$a # D%ea'eave%# iza(e%ete "7 onda # o-vi%# za dija&o2Site Deinition t%e(a da #ne)ete )&ede>e ino%a*ije :

    8

  • 8/19/2019 Amina.botic Web Dizajn

    26/29

    6.2 Ho"t /ire#tor Ovi )e deini/e a)*i-&a na )e%ve%# 2de >e )e na&aziti $%e(a;eni )ajt. "o jei)to -ao a*)*i-&a na &o-a&no %a;#ina%#. Do)ta )e%ve%a ia o)novn# ad%e)# )ajta '''.9tdo*) i&i $#(&i*^9t&. A-o ni)te )i2#%ni -oja je a)*i-&a doa>in o)tavite ovo $o&je $%azno. "vo  je

     $od%az#evano 2&avna a)*i-&a "7 9o)ta. CNe-i 9o)t %a;#na%i -o%i)te -o(ina*ij# -o%i)ni;-oie@&ozin-a da Va) a#toat)-i $%e(a*e # od2ova%aj#># a)*i-.G A-o je # $o&j# 9o)t di%e*to%?nei)$%avna $#tanja D%ea'eave% oda ne>e #)$eti da )e $ovee. ;a- i a-o je "7 ino%a*ijai)$%avna a vi $%e-o nje oete da )e $oveete )a d%#2i -&ijentia. A-o iate $%o(&ea -od $ovezivanja o(%i/ite v%edno)t # $o&j# o)t Di%e*to%?. Na-on /to )e $oveete oete da $%ove%ite -oja je $%ava a)*i-&a.

    • Lo'in @ Ovo je -o%i)ni;-o ie Va/e2 na&o2a.

    0

    http://www.htdocs/http://www.htdocs/

  • 8/19/2019 Amina.botic Web Dizajn

    27/29

    • &a""!ord @ Ovo je &ozin-a -oja )e -o%i)ti za $%ove%# identiteta za va/ na&o2 -od $%i)t#$a"7 )e%ve%#.

    • U"e &a""ive FT& @ Ovo je $ot%e(no -od ne-i9 i%e'a&&ova a oo2#>avaD%ea'eave%# da $ode)i "7 )e)ij# #e)to da to %adi "7 )e%ve%. A-o ni)te )i2#%ni /taovde t%e(a #neti o)tavite $o&je ne$otv%eno i $%ove%ite )a )voji %eni

    adini)t%ato%o.• U"e Fire!a @ Ovo di-ti%a da &i >e D%ea'eave% -o%i)titi $ode/avanja i%e'a&&a za

     $ovezivanje )a "7 )e%ve%o. A-o je $ot%e(no da $ode)ite ov# v%edno)ti $itajte )vo2%eno2 adini)t%ato%a.

    • U"e Se#ure FT& @ Ovi )e oo2#>ava da /i%#jete )voje ino%a*ije o na&o2#. Ne/i%#j# )e datote-e -oje )e $%e(a*#j#.

    • U"e 7De#% 9n G7De#% ,ut Ovi )e #-&j#;#je )otve% D%ea'eave%a za $%ove%# ve%zija.

    6. eza tipa Lo#aGet!or% 

    Ova-va veza )e -o%i)ti -ada )e 'e( )e%ve% na -oji $#(&i-#jete )voje )t%ane na&azi # i)toj &o-a&noj%ei CLANG -ao i vi. Ova o$*ija )e ;e)to -o%i)ti -ada $%avite int%anet )ajt i&i a-o n#dite dizajn i)e/taj t#i9 )ajtova. ,od ova-vo2 ti$a veze o%ate da zadate $#tanj# do #da&jene a)*i-&e. "eino%a*ije oete da #ne)ete i&i $%e-o d#2eta B%o')e oete da $%onaete a)*i- na#da&jeno )ajt#.

    4

  • 8/19/2019 Amina.botic Web Dizajn

    28/29

    ,od ova-vo2 na;ina $ovezivanja iate o2#>no)t a#toat)-o2 o)veavanja &i)te datote-a na#da&jeno )ajt#. A-o je ova o$*ija #-&j#;ena D%ea'eave% o)veava t# &i)t# za Va) Cna $%ie% $ovez#je )e )a #da&jeni %a;#na%o i $onovo $%avi &i)t# #da&jeni9 datote-aG )va-i $#t -ada )edodaj# i&i (%i/# #da&jene datote-e. A-o ne #-&j#;ite ov# o$*ij# i da&je to oete da #%adite %#;noa-o -&i-nete d#2e Re%e)9 # $ano# Site i&i a-o iza(e%ete Vie' P Re%e)9 # enij# $anoa Site.

  • 8/19/2019 Amina.botic Web Dizajn

    29/29

    I. Ja%ju)a%

    Ovo je (io jedan /-o&)-i $%ie% $%av&jenja 'e( )ajta. "%e(a iati # vid# da je

    DREAMWEAVER $%o2%a # -o ozete %aditi ia-o neate ne-o2 ve&i-o2 znanja # vezi )aWe( dizajno.Moj )avjet je da $o&a-o )ai $o;nete da -%ei%ate va/# 'e( )t%ani*# a&i iajte # vid# i to da va/a $%va 'e( )t%ani*a ne o%a oda9 da &i;i na )t%ani*e ve&i-i9 )vjet)-i9 -o%$o%a*ija. Va/a $%ezenta*ija # $o;et-# ne o%a iati ne-e -o$&i-ovane )tva%i.a&i to )va-a-o ne zna;i da jev%eeno ne oete do$#njavati. Me#ti (i&o (i -o%i)no da na $o;et-# %azi)&ite /ta )ve9o>ete da )ad%i va/a 'e( )t%ani*a je% >ete )e(i o&a-/ati # da&je %ad#. Neojte da va (#de $%e$%e-a to /to ne-e )tva%i ne znate....%a)$itajte )e...i $itajte za )avjet....

    L9TE M. Rane&ovi> We( dizajn 7T ,nji2a Beo2%ad 668.

    0. Danije& S9o%t Ja%o J%een D%ea'eave% Nenad Ma%-ovi> ,o$j#te%)-a 2%ai-a Sven Ni/ 66+.