Student: Constantin Anca-Monica Grupa 1214

Iai, 2008

Cuprins

CUPRINS................................................................................................................................................................2 1. INTERNETUL NOIUNI GENERALE.......................................................................................................3 2. CE ESTE MACROMEDIA DREAMWEAVER?...........................................................................................4 3. PREZENTAREA PROIECTULUI...................................................................................................................5 3.2 UTILITATEA APLICAIEI.................................................................................................................................5 3.2.2 Pagina Noutati......................................................................................................................................7 3.2.3 Pagina Profil.........................................................................................................................................8 3.2.3.1 Pagina Profil-constituire....................................................................................................................9 3.2.3.2 Pagina Profil-istoric.........................................................................................................................10 3.2.3.3 Pagina Profil-obiective....................................................................................................................11 3.2.4 Pagina Bijuterii...................................................................................................................................12 3.2.5. Pagina easuri...................................................................................................................................13 3.2.!. Pagina "ccesorii................................................................................................................................14 3.2.7. Pagina ontact...................................................................................................................................15 3.2.8 Pagina #ugestii...................................................................................................................................1! 3.2.9 Pagina auta.......................................................................................................................................17 4. CODUL SURSA...............................................................................................................................................18

1. Internetul no iuni !enerale

Ce este Internetul " Intr-o definitie foarte succint am considera Internetul ca fiind o retea in continua crestere de retele de calculatoare ( retele locale - LA - Local Area et!or" si retele #e arii e$tinse %A - %ide Area et!or"&. 'eteaua Internet a a#arut acum 2( de ani) #rintr-un efort de a conecta reteaua *e#artamentului A#ararii +tatelor Unite (cunoscuta su, numele de A'PAnet - Ad-anced 'esearc. Pro/ects A0enc1& cu alte retele conectate #rin dis#o2iti-e radio sau satelit. A'PAnet a fost o retea e$#erimentala #roiectata sa asi0ure su#ortul #entru cercetarea militara - in #articular cercetari #ri-ind construirea unor retele care #uteau re2ista cu succes unor intreru#eri #artiale. Cine !u#ernea$a Internet-ul" *esi cerintele de administrare a unei astfel de retele sunt uriase) nu e$ista o autoritate su#rema care sa o 0u-erne2e. E$ista in sc.im, un numar de or0ani2atii constituite #e ,a2a de -oluntariat care au ca sco# in-esti0area #ro,lemelor care #ot a#are si care #ro#un masuri de im,unatatire. Internet Arc.itecture 3oard (IA3& este o astfel de or0ani2atie. 4em,rii acesteia se intilnesc re0ulat #entru a se consulta in #ri-inta sta,ilirii standardelor) a alocarii resurselor) #entru a #ro#une solutii #e termen mediu si lun0. 5data un nou standard ado#tat) el este #u,licat in Internet) urmind ca #e ,a2a acestuia sa se construiasca noi a#licatii) sco#ul fiind acela al unei com#ati,ilitati cit mai mari intre ar.itecturi) sisteme de o#erare) etc. Ce insea%na Internet pentru utili$atorul indi#idual" 6a#tul ca Internet nu este o retea de calculatoare) ci o colectie de retele) inseamna foarte #utin #entru utili2atorul final al resurselor sale. Pentru a rula un #ro0ram sau #entru a accesa o anumita colectie de date nu este necesara cunoasterea modului de interactiune a acestor retele.

Ce este si cu% a aparut &&&" Cu a#ro$imatie %%%-ul a a#arut in luna martie a anului 7898. Tim 3erners Lee de la La,oratorul Euro#ean de 6i2ica #articulelor din :ene-a (CE' & a #us in circulatie #ro#unerea de a de2-olta un sistem .1#erte$t in -ederea unei eficiente #arta/ari a informatiei intre ec.i#ele de cercetatori din ;i0. Ener01 P.1sics Communit1) situate in 2one 0eo0rafice diferite. Cele trei com#onente #e care tre,uia sa le contina acest sistem in -i2iunea s#ecialistilor CE' erau< o interfata utili2ator consistenta=

ca#acitatea de a incor#ora o mare -arietate de te.nolo0ii si ti#uri de documente= ca#acitatea de a accesa informatia unitar in ciuda unei mari -arietati a ti#urilor de calculatoare si a soft-ului rulat de acestea) si aceasta intr-un mod cit mai sim#lu din #unctul de -edere al utili2atorului

. Cu% 'unctionea$a &&&" Cea mai im#ortanta caracteristica %%% o constituie sim#litatea modului de acces la resurse. In mare masura aceasta se datorea2a #rotocolului de comunicatie im#lementat numit ;TTP (;1#erTe$t Trans#ort Protocol&. 5 sesiune de transfer se desfasoara astfel< se reali2ea2a o cone$iune client-ser-er clientul lansea2a o cerere (re>uest& ser-erul furni2ea2a clientului ras#unsul ca cererea formulata ser-erul inc.eie cone$iunea.

Prima eta#a) cea de conectare) este -i2i,ila #rin a#aritia in ,ara de stare a ,ro!ser-ului a mesa/ului ?Connectin0 to ;TTP ser-er?. *aca cone$iunea nu se #oate reali2a a#are mesa/ul de eroare ?Can@t connect to ser-er?) insotit de moti-. 5data cone$iunea la un ser-er ;TTP sta,ilita) clientul lansea2a cererea. Aceasta s#ecifica ti#ul de #rotocol folosit) resursa solicitata (fisierul sau 0ru#ul de fisiere& si in ce fel tre,uie sa ras#unda ser-er-ul (metoda&. Protocolul im#reuna cu resursa alcatuiesc un U'L (Uniform 'esource Locator&. Ti#ul #rotocolului este #artea cea mai im#ortanta a unui U'L. 6ara acesta ,ro!ser-ul nu ar sti cum sa trate2e resursa res#ecti-a. 5data transferul inc.eiat) ser-er-ul inc.ide cone$iunea si intra in actiune clientul care tratea2a informatia #rimita< incarca si afisea2a #a0ina de informatie #rimita) sal-ea2a informatia intr-un fisier) sau lansea2a o a#licatie numita -ie!er (de e$em#lu daca informatia consta intr-un fisier de sunet) -ie!er-ul asociat -a fi un sound #la1er&. Intotdeauna clientul -a sti sa trate2e un fisier de ti# ;T4L (;1#erTe$t 4ar"u# Lan0ua0e - lim,a/ul de descriere a documentelor in format .1#erte$t&.

2. Ce este Macro%edia (rea%)ea#er"

4acromedia *ream!ea-er este o unealt destinat creatorilor de #a0ini !e,. *ream!ea-er a fost creat de 4acromedia (acum Ado,e +1stems& Ai momentan a a/uns la -ersiunea 8. Primele -ersiuni ale #rodusului ser-eau doar ca sim#le editoare ;T4L de ti#ul %B+I%B: dar Cn -ersiunile recente au fost im#lementate funcDii de editare a-ansate Ai su##ort #entru alte te.nolo0ii !e, cum ar fi C++) Ea-a+cri#t. *ream!ea-er s-a ,ucurat de un lar0 succes Cnc de la sfFrAitul anilor @8( Ai momentan deDine a#ro$imati- 9(G din #iaDa editoarelor ;T4L. Produsul #oate fi rulat #e -ariate #latforme soft!are< 4ac) %indo!s) dar su#ort Cn acelaAi tim# Ai #latforme U IH cu a/utorul unor emulatoare soft!are) cum ar fi %ine. Ca orice alt editor %B+I%B:) *ream!ea-er #oate ascunde detaliile de im#lementare a #a0inilor ;T4L) fcFnd astfel #osi,il crearea cu uAurinD a #a0inilor !e, de ctre utili2atorii nee$#erimentaDi. .

*. +re$entarea proiectului
*.1 (escriere 'ir%a 6olli 6ollie a fost fondat Cn 7892 Cn :recia de *imitris Joutsolioutsos) #residentele 6olli 6ollie +.A. si de sotia sa) Jett1) care au desc.is #rimul ma0a2in in cartierul comercial K centrul Atenei. La acea data) #e #iata 0receasca e$istau numerosi #roducatori de ,i/uterii. 6olli 6ollie a reusit totusi sa se im#una ca ,rand #e aceasta #iata e$trem de #retentioasa) in ciuda di-ersilor concurenti directi) a,ordand un nou se0ment de #iata. Aceast com#anie conce#e) fa,ric Ai distri,uie ,i/uterii) ceasuri Ai accesorii la mod su, marca ?6olli 6ollie?.Ideea de ,a2 a ,rand-ului 6olli 6ollie este< ?lu$ accesi,il si modern?. Pentru a creAte -Fn2rile firmei) Cn acelaAi tim# Ai creAterea #rofitului) com#ania doreAte construirea sitului !e, fiind #osi,il Ai comerciali2area online a #roduselor. PiaDa Dint este re#re2entat de #ersoanele care doresc s CAi aduc un #lus de ima0ine #rin ,i/uterii. *atorit -arietDii #roduselor) #la/a de #reDuri este Cntins. Ln ca2ul ,i/uteriilor de ar0int) cum#rtorii #rinci#ali sunt ele-ii de liceu Ai studenDii) aceAtia fiind #otenDiali cum#rtori #entru ,i/uterii de aur de mici dimensiuni. 3i/uteriile scum#e) au dre#t cum#rtori #ersoane de -Frst medie) care de cele mai multe ori de cum#r dre#t cadouri. Pu,licul Dint al sitului este re#re2entat de ele-i) studenDi) care sunt cum#rtorii constanDi de accesorii. *e asemenea) acestia re#re2inta si 0ru#ul de #ersoane care #etrec cu mult mai mult tim# #e Internet decFt celelalte cate0orii de #ersoane. Pentru construirea sitului am folosit a#licaDia 4acromedia *ream!ea-er 9. *.2 ,tilitatea aplica iei +co#ul site-ului este de a #romo-a ima0inea firmei. +e urmreAte #romo-area firmei) #rin oferirea de informaDii des#re firm Ai #rodusele #e care le #une la dis#o2iDia clienDilor. Prin includerea site-ului #e motoarele de cautare) se urmreAte s se fac cunoscut #re2enDa firmei #e #iaD. InformaDiile de #e site -or #une accent #e #rodus deoarece se urmreAte asocierea ima0inii fimei cu #rodusele de calitate oferite. +ite-ul este structurat #e 8 #a0ini #rinci#ale< Acas) outDi) Caut) Profil) 3i/uterii) Ceasuri) Accesorii) Contact) +u0estii (include un formular de rs#uns - 6eed,ac" 6orm&. Ln com#araDie cu alte situri) care ofer #osi,ilitatea de comerciali2are a diferitelor #roduse) acesta #oate oferi doar informaDii utili2atorilor) fiind un sit de #re2entare. +itul creat este un sit static care ofer utili2atorilor #osi,ilitatea de a consulta un catalo0 al #roduselor firmei M6ollie 6olliN.

*.2.1 +a!ina AcasPa0ina Acas- conDine un mesa/ introducti-) cFte-a #o2e Ai ,ara de na-i0are ctre celelalte #a0ini.

6i0ura nr. 7 < MPa0ina ACA+AN

*.2.2 +a!ina .outati

Pa0ina de .out- i -a oferi informaDii des#re #rodusele noi oferite de firm Ai anumite e-enimente noi din cadrul firmei.

6i0ura nr.2 < MPa0ina de 5UTATIN

*.2.* +a!ina +ro'il

Ln #a0ina +ro'il se afl istoricul firmei Ai o,iecti-ele sale Ai -a face le0tura ctre alte 3 #a0ini su,ordonate ei) Ai anume< $storic% onstituire% &biectiv.

'igura nr. 3 ( )Pagina P*&'$+,

*.2.*.1 +a!ina +ro'il-constituire

6i0ura nr. I < M Pa0ina P'56IL- constituireN

*.2.*.2 +a!ina +ro'il-istoric

6i0ura nr. 5 < MPa0ina P'56IL QistoricN

7(

*.2.*.* +a!ina +ro'il-o/iecti#e

6i0ura nr.O < MPa0ina P'56IL Q o,iecti-eN

Pa0inile 0i1uterii, Ceasuri i Accesorii #re2int utili2atorului cate0oriile) res#ectisu,cate0oriile de #roduse.

77

*.2.4 +a!ina 0i1uterii

6i0ura nr. P < MPa0ina 3IEUTE'IIN

72

*.2.2. +a!ina Ceasuri

6i0ura nr. 9 < MPa0ina CEA+U'IN

73

*.2.3. +a!ina Accesorii

6i0ura nr. 8 < MPa0ina ACCE+5'IIN

7I

*.2.4. +a!ina Contact

Contact conDine datele de contact ale firmei) iar #a0ina Su!estii conDine un formular de rs#uns) #rin care clienDii #ot trimite ctre adresa de email a firmei un mesa/.

6i0ura nr . 7( < MPa0ina C5 TACTN

75

*.2.8 +a!ina Su!estii

6i0ura nr . 77 < MPa0ina +U:E+TIIN

7O

*.2.5 +a!ina Cauta

Pa0ina Cauta ofer #osi,ilitatea cautrii Cn site du#a anumite criterii .

6i0ura nr . 72 < MPa0ina CAUTAN

7P

Structura site-ului este pre$entat- 6n 'i!ura ur%-toare:

Acas

Pro !"

No#$%$!

&!'#$(r!!

C(%)#r!

A**()or!!

onstituire

Co+$%*$

$storic

C%#$%

S#,()$!! &biective

6i0ura nr . 73 < M+c.emna structurii site-uluiN

4. Codul sursa
Ln continuare -om #re2enta codul surs al #a0inii #rinci#ale MAcasN< R.tmlS )tag obligatoriu -entru ince-utul si sfarsitul unui .ocu/ent 0t/l, R.eadS )s-ecifica 0ea.erul unui .ocu/ent, Rmeta .tt#-e>ui-T?Content-T1#e? contentT?te$tK.tml= c.arsetTiso-9958-7?S RtitleSUntitled *ocumentRKtitleS )#-ecifica titlul .ocu/entului, Rscri#t lan0ua0eT?Ea-a+cri#t? t1#eT?te$tKEa-a+cri#t?S RU-function 44VreloadPa0e(init& W KKreloads t.e !indo! if a-I resi2ed if (initTTtrue& !it. (na-i0ator& Wif ((a## ameTT? etsca#e?&XX(#arseInt(a##Yersion&TTI&& W document.44V#0%Tinner%idt.= document.44V#0;Tinner;ei0.t= onresi2eT44VreloadPa0e= ZZ

79

else if (inner%idt.UTdocument.44V#0% [[ inner;ei0.tUTdocument.44V#0;& location.reload(&= Z 44VreloadPa0e(true&= KK--S RKscri#tS Rst1le t1#eT?te$tKcss?S RU-.st1le2 W color< \66OO33= font-st1le< italic= font-si2e< $-lar0e= stiluri ## font-!ei0.t< ,old= Z .st1le3 W color< \66OO33= font-st1le< italic= font-!ei0.t< ,old= font-si2e< lar0e= Z .st1leI Wcolor< \666666Z .st1le5 Wcolor< \666666= font-!ei0.t< ,old= Z .st1leO Wcolor< \66OO((= font-!ei0.t< ,old= font-si2e< 79#$= Z --S RKst1leS RK.eadS R,od1S Rdi- idT?La1er7? st1leT?#osition<a,solute= !idt.<2((#$= .ei0.t<775#$= 2-inde$<7(= left< 82#$= to#< 9(#$=?SRim0 srcT?ima0iniK.omeVlo0o.0if? !idt.T?2I9? .ei0.tT?755?SRKdi-S Rdi- idT?La1er2? classT?st1le5? st1leT?#osition<a,solute= !idt.<9II#$= .ei0.t<I2#$= 2inde$<72= left< 99#$= ,ac"0round-color< \66OO((= la1er-,ac"0round-color< \66OO((= ,order< 7#$ none \((((((=?S )construirea unui la1er, Rdi- ali0nT?ri0.t?S!!!.follifollie.comRKdi-S RKdi-S Rdi- ali0nT?center?S Rdi- idT?La1er5? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<I= left< 778#$= to#< 3IO#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?left? classT?st1le2?S Rdi- ali0nT?center? classT?st1le3?SRstron0SRs#an classT?st1leI?S Ra .refT?noutati..tm? tar0etT?V#arent? classT?st1le3?SnoutatiRKaSRKs#anSRKstron0SRKdi-S ) onstruirea unui lin2 catre -agina noutati, RKdi-S RKdi-S Rdi- idT?La1erO? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<5= left< 72(#$= to#< 3PO#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?left? classT?st1le2?S

78

Rdi- ali0nT?center?SRa .refT?,i/uterii..tm? tar0etT?V#arent? classT?st1le3?S,i/uteriiRKaSRKdi-S RKdi-S RKdi-S Rdi- idT?La1erP? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<O= left< 727#$= to#< I(O#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?left? classT?st1le2?S Rdi- ali0nT?center?SRa .refT?ceasuri..tm? tar0etT?V#arent? classT?st1le3?SceasuriRKaSRKdi-S RKdi-S RKdi-S Rdi- idT?La1er9? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<P= left< 722#$= to#< I3O#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?left? classT?st1le3?S Rdi- ali0nT?center?SRa .refT?accesorii..tm? tar0etT?V#arent? classT?st1le3?SaccesoriiRKaSRKdi-S RKdi-S RKdi-S Rdi- idT?La1er8? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<9= left< 722#$= to#< IOO#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?left? classT?st1le3?S Rdi- ali0nT?center?SRstron0SRs#an classT?st1leI?SRa .refT?C5 TACT..tm? tar0etT?V#arent? classT?st1le3?ScontactRKaSRKs#anSRKstron0SRKdi-S RKdi-S RKdi-S Rdi- idT?La1er7(? st1leT?#osition<a,solute= !idt.<35I#$= .ei0.t<I2(#$= 2-inde$<8= to#< 7(2#$= left< 399#$=?S Rdi- ali0nT?left?S R#SRstron0S RKstron0SRstron0SRim0 !idt.T?35(? .ei0.tT?I79? srcT?inde$Vcli#Vima0e((2./#0?SRKstron0SRK#S Rdi- idT?La1er3? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<73= left< -2P(#$= to#< 275#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?center? classT?st1le3?SRstron0SRs#an classT?st1leI?SRa .refT?#rofil..tm? tar0etT?V#arent? classT?st1le3?S#rofilRKaSRKs#anSRKstron0SRKdi-S RKdi-S R#SRstron0S RKstron0SRK#S RKdi-S RKdi-S Rdi- idT?La1er77? st1leT?#osition<a,solute= !idt.<93I#$= .ei0.t<IO#$= 2-inde$<77= left< 7((#$= to#< 5I8#$= ,ac"0round-color< \66OO((= la1er-,ac"0round-color< \66OO((= ,order< 7#$ none \((((((=?S Rdi- ali0nT?left?S R# ali0nT?center?SRstron0SRs#an classT?st1leI?SRa .refT?#rofil..tm? tar0etT?V#arent? classT?st1leI?S #rofilRKaSRKs#anSRKstron0SRstron0SRs#an classT?st1leI?S [ Ra .refT?noutati..tm? tar0etT?V#arent? classT?st1leI?SnoutatiRKaS [RKs#anS Rs#an classT?st1leI?SRa .refT?,i/uterii..tm? tar0etT?V#arent? classT?st1leI?S,i/uterii RKaS [ Ra

2(

.refT?ceasuri..tm? tar0etT?V#arent? classT?st1leI?SceasuriRKaS [ Ra .refT?accesorii..tm? tar0etT?V#arent? classT?st1leI?Saccesorii RKaS [ Ra .refT?C5 TACT..tm? tar0etT?V#arent? classT?st1leI?ScontactRKaS [ Ra .refT?comentariiXsu0estii..tm? tar0etT?V#arent? classT?st1le5?Ssu0estiiRKaS [ Ra .refT?cautaUUUUUUU..tm? tar0etT?V#arent? classT?st1le5?ScautaURKaSRKs#anSRKstron0SRK#S RKdi-S RKdi-S Rdi- idT?La1er3? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<73= left< -2P9#$= to#< 227#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?center? classT?st1le3?SRstron0SRs#an classT?st1leI?SRa .refT?#rofil..tm? tar0etT?V#arent? classT?st1le3?S#rofilRKaSRKs#anSRKstron0SRKdi-S RKdi-S Rdi- idT?La1er3? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<73= left< -2P8#$= to#< 789#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=?S Rdi- ali0nT?center? classT?st1le3?SRstron0SRs#an classT?st1leI?SRa .refT?#rofil..tm? tar0etT?V#arent? classT?st1le3?S#rofilRKaSRKs#anSRKstron0SRKdi-S RKdi-S Rdi- idT?La1erI? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<7I= left< 77P#$= to#< 29P#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=? classT?st1le3?SRa .refT?cautaUUUUUUU..tm? tar0etT?V#arent? classT?st1le3?ScautaURKaSRKdi-S Rdi- idT?La1er72? st1leT?#osition<a,solute= !idt.<7O9#$= .ei0.t<22#$= 2-inde$<75= left< 723#$= to#< I85#$= ,ac"0round-color< \CCCCCC= la1er-,ac"0round-color< \CCCCCC= ,order< 7#$ none \((((((=? classT?st1le3?SRa .refT?comentariiXsu0estii..tm? tar0etT?V#arent? classT?st1le3?Ssu0estiiRKaSRKdi-S Rdi- idT?La1er7I? st1leT?#osition<a,solute= !idt.<799#$= .ei0.t<3I#$= 2-inde$<7P= left< PI2#$= to#< 7I3#$=?S Rdi- ali0nT?left?S R# ali0nT?left? classT?st1le3?S 5 ,i/uterie com#letea2a o alta...RK#S R# ali0nT?ri0.t? classT?st1le3?S...,i/uterie.RK#S RKdi-S RKdi-S RolS RliSl/llRla,elSRKla,elSRKliS )construirea unei liste or.onate, RKolS Rdi- idT?La1er75? classT?st1leO? st1leT?#osition<a,solute= !idt.<2O3#$= .ei0.t<I7#$= 2inde$<79= left< I(2#$= to#< O9#$=?SLu$ accesi,il si modern... RKdi-S RKdi-S RK,od1S RK.tmlS

27