IVANJICA

PREDMET: Web design

TEMA: Izrada dinamike
web stranice

Profesor: Uenik:
Zoran Vueti Nenad Kosti IV
4
Ivanjica
2010
Gimnazija Ivanjica Izrada dinamike web stranice
Sadraj:
GIMNAZIJA1
MATUR!"I RAD1
!a#r$aj:2
Prav%jenje &a'e%e ( M)!*+,(-
Otvaranje wamp servera...............................................................................3
Kreiranje baze podataka...............................................................................4
Kreiranje tabele.............................................................................................4
Popunjavanje tabele......................................................................................5
DSN (Data Soure Name! ime izvora podataka".........................................#
"reiranje #ina.ike /e' s&ranice ( Drea./eaver,(0
Kon$i%urisanje sajta .....................................................................................&
Spajanje baze podataka i web sajta............................................................'3
Pravljenje stranie koja se zasniva na bazi podataka................................'5
Dodavanje novo% zapisa u bazu podataka.................................................()
Stranie *D+,N.........................................................................................(-
Strania ,zbri.i............................................................................................34
Pretra%a zapisa iz baze podataka...............................................................3-
Pravjenje stranice za !retragu"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""#$
Pravjenje stranice za !rikazivanje rezutata"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""4%
+ITERATURA12
%
Gimnazija Ivanjica Izrada dinamike web stranice
Pravljenje tabele u
MyS!"u
Otvaranje wamp servera
&a bismo na!ravii bazu !odataka u koja e nam biti !otrebna za kreiranje
dinamike web stranice !otreban nam je wam! server" Wam! server se moze !okrenuti
dvokikom na ikonicu na deskto!u"
Kada !okrenemo wam! server' na desnoj strani taskbara !ojavie se ikonica"
Zatim treba da kiknemo evim kikom mi(a na nju' a !otom kiknite na
343M)A#.in5 a zatim e vam se otvoriti va( brauzer a stranica koje e se otvoriti izgeda
ovako"
#
Gimnazija Ivanjica Izrada dinamike web stranice
Kreiranje baze podataka
Prvo treba da kreiramo bazu !odataka" )o emo uraditi na sedei nain* kiknite na
!*+ i otvorie vam se sedei !rozor u kome kucamo kod za kreiranje baze
!odataka" Kod treba da izgeda +,-.)- &.)./.0- ime1baze" Kada to uradite
kiknite na G2 i baza e biti kreirana"
Kreiranje tabele
Kada smo na!ravii bazu sada treba da ubacimo tabeu" Praviemo tabeu Ar&ika%
3!ifra' Naziv' 4edinica1mere' Koicina' +ena5" Kiknite na bazu koju ste kreirai' kikom
na nju' a zatim o!et treba da kiknete na !*+ da bismo na!ravii tabeu" )abeu
emo kreirati na sedei nain*
4
Gimnazija Ivanjica Izrada dinamike web stranice
6ifra je !rimarni kju 7PRIMAR8 "E89 i ne mo6e imati vrednost NU++ i
izra6ava se ceim brojevima' oznaava se sa INT5 Na:iv je !odatak koji se izra6ava
sovima !a emo koristiti ;AR<=AR7-09 (to znai da re mo6e imati do #7 sova'
Je#inica>.ere je ti! !odatka koji sadr6i ENUM (to znai da mo6emo koristiti samo mere
koje su nam date 3' m' kg' kom5' "o%iina je ti!a IN) (to znai da se izra6ava u ceim
brojevima' a <ena tako8e" Kiknite na G2 i tabea e biti kreirana"
Popunjavanje tabele
Po!unjavanje tabee se vr(i na sedei nain* kiknite na tabeu koju smo kreirai' a
zatim na !*+ " Po!unjavanje tabee se vr(i uz !omo koda IN0-,) IN)2 ime1tabee
V.9:-0"
;
Gimnazija Ivanjica Izrada dinamike web stranice
0vaki artika se unosi !osebno izme8u 35' naziv i jedinica1mere se kod
!o!unjavanja tabee moraju stavjati !od navodnike 3<=5 jer se !rikazuju kao rei" I sada
smo konano na!ravii tabeu koja izgeda ovako"

DSN (Data Source Name, ime izvora podataka)
3>5 &a bismo !odesii D!N !otrebno je da imate instairan !rogram .)s?%,
connec&or,o#'c,/in-2" 2tvorite <on&ro% Pane% i kiknite na A#.inis&ra&ive &oo%s' a
zatim dvostrukim kikom mi(a !ritisnite ikonicu Da&a !o(rces 7@DA<9
3%5 Izaberite karticu !)s&e. D!N i !rinsitite dugme A##"
?
Gimnazija Ivanjica Izrada dinamike web stranice
3#5 Izaberite M) !*+ @DA< 21 Driver iz iste dostu!ni@ u!ravjacki@ !rograma
!ritisnite na dugme Binis4"
345 2tvara se M) !*+ <onnec&or
" : !oje Da&a !o(rce Na.e na!i(ite n!r" Zo.iC
" : !oje !erver na!i(ite %oca%4os&
" : !oje User na!i(ite roo&
" Kiknite na Tes&
" 0ada u !oju Da&a'ase odaberite bazu !odataka koju smo kreirai Pro#avnica
A
Gimnazija Ivanjica Izrada dinamike web stranice
3;5 : isti !)s&e. Da&a !o(rces ete videti da je dodata !rodavnica D!N ve:a"
Pritisnite dugme @" da biste zatvorii !rozor"
$
Gimnazija Ivanjica Izrada dinamike web stranice
Kre#ranje d#na$#%&e 'eb
(tran#)e u Drea$'eaver"
u
Konfiurisanje sajta
Za !ravjenje sajta koristiemo &reamweaver $" Pre !ravjenja web stranice
bazirane na !odacima moramo da konBiguri(emo sajt u &reamweaveru" )o moramo da
uradimo kako bi !rogram znao gde se uvaju datoteke za sajt" 0ajt emo raditi u PCPDu"
3>5 Iz menija !i&e izaberite Ne/ !i&e"
3%5 Izaberite karticu A#vance#' !a iz iste <a&eDor) izaberite +oca% Info" Na taj
nain govorimo &reamweaverDu gde se naazi sajt na kojem radimo"
" : !oje !i&e Na.e u!i(ite ime sajta n!r" Z@MIE
" : !oju +oca% Roo& Bo%#er na8ite <:F/a.3F///FZ@MIE
" 2staa !ode(avanja ne dirajte
N-E24)- P,I)I0N:)I &:GE- 2KF
G
Gimnazija Ivanjica Izrada dinamike web stranice
3#5 0ada iz iste <a&eDor) izaberite Re.o&e Info i !odesite o!cije kao (to je
!rikazano na sici" N-E24)- 42H P,I)I0N:)I 2K"
345 0ada iz iste <a&eDor) izaberiteTes&inD !erver"
" Iz menija !erver Mo#e% izaberite P=P M)!*+
" Iz menija Acess izaberite +oca%GNe&/ork
Pojavjuje se !oje Tes&inD !erver Bo%#er' u njemu na8ite
<:F/a.3F///FZ@MIE' a u !oju UR+ PrefiC treba da stoji 4&&3:GG%oca%4os&GZ@MIE
0.&. E2I-)- P,I)I0N:)I @""
>7
Gimnazija Ivanjica Izrada dinamike web stranice
3;5 2tvorite karticu Bi%es" : !rozoru +oca% ;ie/ ete videti novi na!ravjeni Z@MIE
sajt"
3?5 Vreme je da !re8emo na rad sa !rikazom stranice" : kartici Bi%es' desnim
tasterom mi(a izaberite zeeni Boder"
3A5 Iz !omonog menija koji se !ojavjuje izaberite Ne/ Bi%e"
>>
Gimnazija Ivanjica Izrada dinamike web stranice
3$5 Pojavjuje se nova !@! datoteka" &ajte joj naziv in#eC343" : toj datoteci emo
!raviti stranicu na osovu baze !odataka"
NAP@MENA: Ponekad nakon deBinisanja sajta &reamweaver je nesiguran i ne
!rikazuje !otvrdu !ored stavki #oc(.en& &)3e ii &es&inD server kao (to je !rikazano na
gornjoj" .ko se to dogodi jednostavno !ritisnite vezu #oc(.en& &)3e ii &es&inD server i
!onovo i@ !odesite"
>%
Gimnazija Ivanjica Izrada dinamike web stranice
3>75 Podruje Da&a'ase kartice A33%ica&ion bi trebao da izgeda kao na donjoj
sici' sa !otvrdama >' % i #"
Spajanje baze
podataka i
web sajta
3>5 0ada kada
&reamweaver zna gde su
sve datoteke' mo6emo da
na!ravimo vezu izme8u web sajta i baze !odataka" : !odruju Da&a'ase kartice
A33%ica&ion !ritisnite dugme H" Iz menija koji se !ojavjuje izaberite M)!*+
<onnec&ion"
" : !oje <onnec&ion Na.e u!i(ite conZo.iC
" : !oje M)!*+ <onnec&ion unesite %oca%4os&
" : !oje User na.e u!i(ite roo&
" : !oju Da&a'ase kiknite na !e%ec& i !rona8ite kreiranu bazu 3ro#avnica
>#
Gimnazija Ivanjica Izrada dinamike web stranice
I k%ikni&e na @"
3%5 Pritisnite )est i !ojavie se !omoni okvir sa !orukom da je veza us!e(no
us!ostavjena" Pritisnite 2K da biste ga zatvorii' !a !ritisnite 2K u !rozoru EJ0K9
+onnection da biste sauvai novu vezu"
3#5 Pojavjuje se 6uta ikona LbubnjaM u odejku baze !odataka kartice koja
!redstavja vezu izme8u web sajta i baze !odataka"
>4
Gimnazija Ivanjica Izrada dinamike web stranice
345 : !odruju !i&e kartice Bi%es se naazi novi na!ravjeni Boder !od imenom
<onnec&ions" 2vaj Boder sadr6i datoteku conZo.iC343" )oj datoteci se automatski
obraaju sve stranice koje treba da se !ove6u sa bazom !odataka"
Pravljenje stranice koja se zasniva na bazi
podataka
3>5 2tvorite stranicu indeN"!@! u &reamweaverDu i umetnite tabeu koja sadr6i 4
reda i ; koona" KonBiguri(ite je na nain !rikazan na donjoj sici"
3%5 Izaberite karticu Ain#inDs u okviru A33%ica&ion' !a !ritisnite dugme O"
>;
Gimnazija Ivanjica Izrada dinamike web stranice
3#5 0a !omonog menija koji se !ojavjuje izaberite Recor#se& 7*(er)9"
Recor#se& je sku! u!utstava koji se koriste za deBinisanje sa kojim !odacima e na(a
web stranica raditi i kako ti !odaci treba da budu !redstavjeni"
345 Kad se !rozor Recor#se& otvori """
" : !oje Na.e u!i(ite rsAr&ika%
" : !oju <onnec&ion iz menija odaberite conZo.iC
" : !ju Ta'%e treba da stoji Ar&ika%
" Pritisnite dugme za izbor o!cija A%%
" Ne dirajte ostaa !ode(avanja
>?
Gimnazija Ivanjica Izrada dinamike web stranice
3;5 Kada !ritisnete dugme Tes& !ojavie se !rozor Tes& !*+ !&a&e.en&" .ko ste
sve uradii kako treba videe se svi za!isi va(e baze !odataka bie !rikazani kako na
donjoj sici"
3?5 Pritisnite dugme @" da biste zatvorii !rozor Tes& !*+ !&a&e.en&' !a !onovo
!ritisnite dugme @" da biste zatvorii !rozor Recor#se&"
3A5 Pogedajte karticu Ain#inDs" Videete da je na!ravjen sku! u!ustava" Pritisnite
dugme O u !oju za !otvrdu !ored ikonice sku!a" )ime e se 3roIiri&i stabo sku!a"
Prikazane su sve koone iz baze !odataka 3kao i neke stavke koje jo( neemo koristiti5"
3$5 Postavite kursor u tabeu oznacenu kao 6ifra !a !ritisnite" Zatim !re8ite u
karticu Ain#inDs i iz iste izaberite !ifra" Na kraju !ritisnite dugme Inser&"
>A
Gimnazija Ivanjica Izrada dinamike web stranice
3G5 Videete da je u tabeu umetnuto JrsAr&ika%!ifraK" )ime emo dobijati
inBormacije iz koone !ifra baze !odataka"
3>75 Ponovite ovaj korak za ostatak tabee"""
" Postavite kursor u tabeku oznaenu kao Na:iv !a !ritisnite" Zatim !re8ite na
karticu Ain#inDs i iz iste izaberite Na:iv" Na kraju' !ritisnite dugme Inser&"
" Postavite kursor u tabeku oznaenu kao Je#inica .ere !a !ritisnite" Zatim !re8ite
na karticu Ain#inDs i iz iste izaberite Je#inica>.ere" Na kraju' !ritisnite dugme
Inser&"
" Postavite kursor u tabeku oznaenu kao "o%iina !a !ritisnite" Zatim !re8ite na
karticu Ain#inDs i iz iste izaberite "o%icina" Na kraju' !ritisnite dugme Inser&"
" Postavite kursor u tabeku oznaenu kao <ena !a !ritisnite" Zatim !re8ite na karticu
Ain#inDs i iz iste izaberite <ena" Na kraju' !ritisnite dugme Inser&"
Mo$e&e for.a&ira&i i:D%e# &eks&a 3rika:anoD ( &a'e%i ako i:a'ere&e ko# i
koris&i&e a%a&ke :a svojs&va &eks&a ( kar&ici svojs&va
3>>5 0ada treba na tabeu da !rimenimo Re3ea& ReDion 3!onovi region5 kako bi
bii !rikazani svi za!isi baze !odataka" .ko to ne uradimo kada testitramo stranicu bie
!rikazan samo !rvi za!is"
" Postavite kursor u eiju 6ifra kako !rikazuje streica na donjoj sici"
" 0eektujte ; najdonji@ eija 3eije e imati crnu !ozadinu kako je !rikazano na
donjoj sici5"
" Zatim izaberite karticu !erver Ae4aviors u kartici A33%ica&ion"
" Pritisnite dugme O' !a iz menija izaberite Re3ea& ReDion"
>$
Gimnazija Ivanjica Izrada dinamike web stranice
3>%5 Pojavjuje se !rozor Re3ea& ReDion" Proverite da i se u !oju Recor#se&
!ojavjuje rsAr&ika%' !a izaberite dugme A%% Recor#s" Pritisnite digme @"" )ako e svi
za!isi iz baze !odataka biti !rikazani na stranici in#eC343"
3>#5 Vreme je za jedan kratak test" Pritisnite dugme +ive Da&a ;ie/ i videete da
se svi za!isi baze !odataka !ojavjuju na ekranu" Pritisnite to dugme !onovo i vratite se u
!rikaz DesiDn ;ie/"
>G
Gimnazija Ivanjica Izrada dinamike web stranice
3>45 0auvajte rad !omou menija Bi%e L !ave"
3>;5 0ada testirajte web stranicu indeN"!@! tako (to ete kiknuti na Preview i
izabrati neko od brauzera"
I #o'iMe&e s%e#eMi i:D%e# s&ranice koja sa#r$i sve :a3ise i: 'a:e 3o#a&aka
Dodavanje novo zapisa u bazu podataka
3>5 Kreirajte novu stranicu #o#aj343' !omou nje emo u bazi !odataka dodati
nove artike"
3%5 Na!ravite novu stranicu"""
%7
Gimnazija Ivanjica Izrada dinamike web stranice
3#5 """ i dajte joj ime #o#aj343"
345 0tranicu za dodavanje javnost obino ne geda !a je neemo !osebno ure8ivati"
&ajte stranici nasov D@DAJ N@;I ARTI"A+ i na stranici umetnite Bor. !ritiskom na
odgovarajue digme na !aeti aatki Bor.s"
NAP@MENA: Ako ne vi#i&e crven( is3reki#an( %inij( Bor. De%i.e&er i#i&e
na E#i& Preferences L Invisi'%e E%e.en&s i 3o&vr#i&e 3o%je Bor. De%i.e&er
3;5 Vratite se na !aetu aatki <o..on i umetnite tabeu unutar 7INT@9 obrasca
3!ritisnite unutar granini@ inija obrasca5" )abea treba da ima >% redova i % koone"
%>
Gimnazija Ivanjica Izrada dinamike web stranice
I na3ravi&e &a'e%( o'%ika
3?5 Ponovo se vratite na !aetu aatki Bor. i umetnite TeC&Bie%# u eiju oznaenu
kao 6ifra"
%%
Gimnazija Ivanjica Izrada dinamike web stranice
3A5 &ok je i daje izabrano TeC& Bie%# !re8ite na !ane svojstava i !oju TeC&Bie%#
dajte ime !ifra" Neka ima broj znakova 3+@arWidt@5 20"
Primetite da smo !oju )eNtPied dai tano isto ime kao i u !oju baze !odataka u
koju e se unositi !odaci" )ime ne samo da (tedimo kasniji na!or' ve i s!reavamo
!ojavjivanje uobiajeni@ gre(aka &oo fe/ 3ara.e&ers 3!revi(e !arametara5" 2vakve
gre(ke se mogu !ojaviti kada do8e do nesaganja izme8u s!eovanja !oja obrasca i !oja
baze !odataka"
3$5 :metnite jo( # !oja TeC&Bie%#s kako je !rikazano i oznaite i@ na sedei nain
3za jedinicu mere nema tekstuano@ !oja' za nju emo koristiti !adajui meni5
" Naziv Q Na:iv i ;7 c@aracters
" Koiina Q "o%icina i ;7 c@aracters
" +ena Q <ena i ;7 c@aracters
%#
Gimnazija Ivanjica Izrada dinamike web stranice
3G5 0ada !ritisnite u eiju rezervisanu za eement obrasca Je#inica .ere i izaberite
+is&GMen( sa !aate aatki Bor.s"
3>75 0a i daje izabranim +is&GMen( !re8ite na !ane svojstava i !oju +is&GMen(
dajte ime Je#inica>.ere" Pritisnite dugme za izbor o!cije Men(' !a !ritisnite dugme
+is& ;a%(es"
3>>5 Podesite +is& ;a%(es 3istu vrednosti5 kako je !rikazano !ritiskom na dugme O
da biste dodai svaki novi red"
Pri&isni&e @"
%4
Gimnazija Ivanjica Izrada dinamike web stranice
NAP@MENA: I&e. +a'e% je tekst !rikazan u !adajuem meniju" ;a%(e je
vrednost koja e biti !rose8ena bazi !odataka" .ko !ogre(ite' oznaite u!is i !ritisnite
dugme D" .ko 6eite da izmenite !oziciju stavke' oznaite je i koristite streicu nagore ii
nadoe"
3>%5 0ada !re8ite na krajnju donju eiju i umetnite !('.i& A(&&on 3dugme za
!otvrdu5 !ritiskom na ikonu A(&&on na !aeti aatki Bor.s"
3>#5 2znaite dugme kao Do#aj ar&ika% i !roverite da i je !otvr8eno !oje za izbor
o!cije !('.i& Bor."
3>45 Pritisnite bio gde izvan granini@ inija obrasca' !a !ritisnite oznaku
Nfor.Ofor.1L u !odruju !regeda na dnu ekrana" +eo obrazac e biti izabran" Pre8ite
na !ane svojstava i obrascu dajte ime #o#aj" Proverite da e je izabran metod P@!T" Za
sada vam nee biti ni(ta !otrebno iz !oja Ac&ions"
!a#a 'i o'ra:ac &re'ao #a i:D%e#a ovako
%;
Gimnazija Ivanjica Izrada dinamike web stranice
3>;5 0ada emo !rimeniti !ona(anje Inser& Recor#" Pritisnite digme O na !aneu
!erver Ae4aviors i iz menija izaberite Inser& Recor#"
3>?5 2tvorie se !rozor Inser& Recor#"
" Iz menija <onnec&ion izaberite conZo.iC
" Iz menija Inser& &a'%e izaberite ar&ika%
" : !oju Af&er inser&inD5 Do &o !re8ite na in#eC343
%?
Gimnazija Ivanjica Izrada dinamike web stranice
3>A5 Pritisnite @"' i sacuvajte stranicu Bi%e L !ave" . sada kada testiramo stranicu
ona treba da izgeda ovako"""
@vako sa#a i:D%e#a 3rika: na /e' s&ranici
A sa#a #a 3oD%e#a.o kako i:D%e#a &a'e%a ar&ika% ( 'a:i 3o#a&aka
%A
Gimnazija Ivanjica Izrada dinamike web stranice
Stranice !D"#N
Aack En# 3zadnji deo5 sajta kontroi(u stranice A#.in PaDes 3administratorske
stranice5" Ve ste konstruisai jednu stranicu admin 3stranicu #o#aj3435' sada emo
na!raviti jo( nekoiko"
3>5 Na!ravite 4 nove dataoteke i nazovite i@*
" a#.invie/343
" i:'risi343
" 3o&vr#a343
" a#.in>con&ro%343
3%5 2tvorite datoteku a#.in>con&ro% i dajte joj odgovarajue zagavje ADMIN
<@NTR@+" 0ada na!ravite 4 inka"
" Do#aj Ar&ika% se !ovezuje sa #o#aj343
" I:'risi Ar&ika% se !ovezuje sa a#.invie/343
" Ar&ik%i se !ovezuje sa in#eC343
!a(vaj&e s&ranic(
3#5 Zatim emo na!raviti stranicu Po&vr#a Akcije" 2va stranica se !rikazuje kada
us!e(no izbri(emo ii unesemo za!is" 2tvorite stranicu 3o&vr#a343 i unesite zagavje
Po&vr#a Akcije i nakon toga Akcija je (s3eIno ko.3%e&irana" Na toj stranici na!ravite
ink koji se !ovezuje sa a#.in>con&ro%343"
%$
Gimnazija Ivanjica Izrada dinamike web stranice
345 &ajmo stranici Po&vr#a Akcije mao automatizma' tako da vam onaj ink na
stranicu a#.in>con&ro%343 nee biti !otreban" Iz menija Inser& izaberite =TM+ R =ea#
TaDs R Refres4"
3;5 : !rozoru Refres4 unesite zaka(njenje od - sekunde i !odesite Go T@ UR+ na
a#.in>con&ro%343" Pritisnite dugme 2K"
0ada kad god je neko usmeren na strnicu za !otvrdu automatski e se !reusmeriti
na stranicu a#.in>con&ro%343 nakon - sekunde" Za(to nam je !otreban i ink i rutina
%G
Gimnazija Ivanjica Izrada dinamike web stranice
osve6avanjaS Neki !retra6ivai ne voe oznake osve6avanja" )o se zove PIDraj na
siD(rnoM !a(vaj&e ra#
3?5 2tvorite stranicu a#.invie/343 i dajte jo zagavje ADMIN ;IEQ"
Na!ravite ink' is!od zagavja koji se !ovezuje sa stranicom a#.incon&ro%343"
3A5 0ada umetnite tabeu sa # reda i ? koone i konBigurisite je na nain kako je
!rikazano na sici"
3$5 Ponovo je vreme za ,ecordset""" Znate rutinu"""Povezivanje"""&ugme
O""",ecordset"
3G5 Podesite ,ecordset na sedei nain*
" Na.e Q rsA#.in;ie/
" <onnec&ion Q conZo.iC
" <o%(.ns Q A%%
#7
Gimnazija Ivanjica Izrada dinamike web stranice
3>75 Pritisnite dugme Tes& i videete sve za!ise koje ste unei izistane !o rastuem
redu 7Ascen#inD5" .ko 6eite da se !rvo !ojavi !osednji za!is' umesto Ascen#inD
ukjuite Descen#inD 3o!adajui redosed5 u Recor#se&("
Pritisnite dugme @" u !rozoru testa' !a zatim !onovo @" u !rozoru Recor#se& da
biste ga sauvai"
3>>5 2vo ste radii ve nekoiko !uta !a neu detajisati" Pove6ite !odatke
,ecordseta sa odgovarajuim eijama kori(enjem rutine +ick R 0eect R Insert" &onja
sika !rikazuje (ta gde treba da ide"
#>
Gimnazija Ivanjica Izrada dinamike web stranice
NAP@MENA: Za sedei korak bie vam !otrebno da skinete ekstenziju Go To
De&ai% PaDe for P=P sa interneta i da je instairate" Idite na sajt www"adobe"com i
na!ravite vas naog" Zatim u 0earc@ kucajte Go to detai !age Bor PCP i skinite tu
ekstenziju"
3>%5 0ada emo !rimeniti !ona(anje Go To De&ai% PaDe koje inBormacije izabranog
za!isa (eje na stranicu koja e ga izbrisati"
2znacite re DE+ETE' otvorite !ane !erver Ae4aviors' !ritisnite dugme H i sa
menija izaberite Go To De&ai% PaDe for P=P"
3>#5 Podesite !rozor Go To De&ai% PaDe for P=P na sedei nain*
" +ink""" bi trebao da vam ka6e da je izabran tekst DE+ETE"
" De&ai% 3aDe""" izaberite i:'risi343
" Recor#se&""" rsA#.in;ie/
" <o%(.n""" !ifra
Pri&isni&e @"
#%
Gimnazija Ivanjica Izrada dinamike web stranice
3>45 Videete da je DE+ETE oznaeno i !retvoreno u ink"
3>;5 0eektujte eije u tabei kao (to je !rikazano" Potom izaberite !ona(anje
Re3ea& ReDion sa !anea !erver Ae4aviors"
3>?5 Proverite da i je izabran rsA#.in;ie/ ,ecordset i !otvrdite !oje za izbor
o!cija A%% Recor#s" Pritisnite dugme @""
3>A5 )abea bi sada trebaa da izgeda ovako"
!a(vaj&e s&ranic(
##
Gimnazija Ivanjica Izrada dinamike web stranice
Stranica #zbri$i
0tranica i:'risi343 je stvarna stranica koja izvr(ava akciju brisanja do koje smo
do(i"
3>5 2tvorite i:'risi343' dajte joj odgovarajue zagavje 3n!r" Izbrisi artika5 i
umetnite Bor. kako je !rikazano na donjoj sici"
3%5 Postavite !okaziva mi(a unutar crveni@ is!rekidani@ inija for. #e%i.i&er i
umetnite tabeu koja sadr6i # reda i ; koona"
3#5 KonBiguri(ite i obee6ite eije kako je !rikazano" :metnite dugme !('.i& i
oznaite ga kao I:'risi artika"
#4
Gimnazija Ivanjica Izrada dinamike web stranice
345 Na!ravite Recor#se& za stranicu 3Ain#inDs L H L Recor#se&5
3;5 Podesite ,ecordset na sedei nain*
" Na.e""" rsI:'risi
" <onnec&ion""" conZo.iC
" Ta'%e""" ar&ika%
" <o%(.ns""" A%%
" Bi%&er""" !ifra R UR+ Para.e&ar !ifra
" !or&""" None
Pri&isni&e @"
3?5 Pove6ite !odatke ,ecordseta sa odgovarajuim eijama !revaenjem" &onja
sika !rikazuje sta gde treba da ide"
#;
Gimnazija Ivanjica Izrada dinamike web stranice
3A5 Vreme je da !rimenimo !ona(anje De%e&e Recor#" 2tvorite !ane !erver
Ae4aviors' !ritisnite dugme H i sa menija izaberite De%e&e Recor#"
3$5 Podesite !rozor &eete ,ecord na nain !rikazan na donjoj sici"
Pri&isni&e @" i sa(vaj&e s&ranic(
3G5 0ada stranica treba da izgeda ovako"
0ada kada smo sauvai stranice' da vidimo kako ovo sve Binkcioni(e" Pokrenite
stranicu a#.invie/343 u va(em brauzeru i kiknite na DE+ETE !ored artika koji
@oete da izbri(ete' n!r" @oete da izbri(ete 3rI(&("
#?
Gimnazija Ivanjica Izrada dinamike web stranice
Zatim se otvara stranica 3o&vr#a343 koja vam govori da ste us!e(no izvr(ii
akciju"
Zatim se automatski !ose ove stranice u roku od # sekunde !rikazuje stranica
a#.in>con&ro%343"
#A
Gimnazija Ivanjica Izrada dinamike web stranice
0ada emo videti da je taj artika obrisan i iz baze !odataka"
Pretraa zapisa iz baze podataka
Pravljenje stranice za pretrau
3>5 Kreirajte nove stranice 3re&raDa343 i re:(%&a&343' !omou nji@ emo
!retra6ivati za!ise u bazi !odataka"
3%5 Na!ravite nove stranice"""
3#5 """ i dajte im imena 3re&raDa343 i re:(%&a&343"
#$
Gimnazija Ivanjica Izrada dinamike web stranice
345 2tvorite stranicu 3re&raDa343" &ajte stranici nasov PETRASI ARTI"+E i
na stranici umetnite Bor. !ritiskom na odgovarajue digme na !aeti aatki Bor.s"
NAP@MENA: Ako ne vi#i&e crven( is3reki#an( %inij( Bor. De%i.e&er i#i&e
na E#i& Preferences L Invisi'%e E%e.en&s i 3o&vr#i&e 3o%je Bor. De%i.e&er
3;5 Vratite se na !aetu aatki <o..on i umetnite tabeu unutar 7INT@9 obrasca
3!ritisnite unutar granini@ inija obrasca5" )abea treba da ima % reda i % koone"
I na3ravi&e &a'e%( o'%ika
#G
Gimnazija Ivanjica Izrada dinamike web stranice
3?5 Ponovo se vratite na !aetu aatki Bor. i umetnite TeC&Bie%# u eiju oznaenu
kao Na:iv"
3A5 &ok je i daje izabrano TeC& Bie%# !re8ite na !ane svojstava i !oju TeC&Bie%#
dajte ime Na:iv" Neka ima broj znakova 3+@arWidt@ 205"
Primetite da smo !oju TeC&Bie%# dai tano isto ime kao i u !oju baze!odataka u
koju e se unositi !odaci" )ime ne samo da (tedimo kasniji na!or' ve i s!reavamo
!ojavjivanje uobiajeni@ gre(aka &oo fe/ 3ara.e&ers 3!revi(e !arametara5" 2vakve
gre(ke se mogu !ojaviti kada do8e do nesaganja izme8u s!eovanja !oja obrasca i !oja
baze !odataka"
3$5 0ada !re8ite na krajnju donju eiju i umetnite !('.i& A(&&on 3dugme za
!otvrdu5 !ritiskom na ikonu A(&&on na !aeti aatki Bor.s"
47
Gimnazija Ivanjica Izrada dinamike web stranice
3G5 2znaite dugme kao Pre&ra$i i !roverite da i je !otvr8eno !oje za izbor o!cije
!('.i& Bor."
3>75 Pritisnite bio gde izvan granini@ inija obrasca' !a !ritisnite oznaku
Nfor.Ofor.1L u !odruju !regeda na dnu ekrana" +eo obrazac e biti izabran" Pre8ite
na !ane svojstava i obrascu dajte ime 3re&ra:i" Proverite da e je izabran metod GET" Iz
!oja Ac&ions izeberite re:(%&a&343"
3>>5 0ada kreirajte Recor#se& za ovu stranicu"
!a#a 'i o'ra:ac &re'ao #a i:D%e#a ovako
4>
Gimnazija Ivanjica Izrada dinamike web stranice
!ac(vaj&e s&ranic(
Pravljenje stranice za prikazivanje rezultata
3>5 2tvorite stranicu re:(%&a&343" Na ovoj stranici e nam se !rikazivati rezutati
!retrage" &ajte joj nasov Re:(%&a& 3re&raDe"
3%5 0ada kreirajte tabeu koja sadr6i % reda i ; koona"
3#5 Zatim je Bormatirajte na sedei nain"
4%
Gimnazija Ivanjica Izrada dinamike web stranice
345 0ada je !otrebno da na!ravimo Recor#se& za ovu stranicu" Kod ove stranice
je s!eciBino to (to je !otrebno !ostaviti fi%&er na atribut iz baze !odataka koji odgovara
rezutatu !retrage" : na(em suaju to je Na:iv"
"%ikni&e na @"
3;5 0ada treba da !renesemo atribute iz Recor#se&a u tabeu na ve !oznat nain'
!revaenjem" Kada to uradimo tebea sada izgeda ovako"
!a(vaj&e s&ranic(
4#
Gimnazija Ivanjica Izrada dinamike web stranice
0ada kada smo sauvai stranice' da vidimo kako ovo sve Binkcioni(e" Pokrenite
stranicu 3re&raDa343 u va(em brauzeru i unesite ime nekog artika n!r" kivi i !ritisnite
dugme !retra6i"
0ada e nam se otvoriti stranica sa rezutatom !retrage"
44
Gimnazija Ivanjica Izrada dinamike web stranice
!IT*RATURA
@tt!*TTivedocs"adobe"comTen1:0T&reamweaverTG"7T@e!"@tm
@tt!*TTwww"e@ow"comT@ow14$%A;$>1dJnamicDwebD!ageDdreamweaver"@tm
4;