Atestat informatica - Site web-Prezentare Pitesti

Atestat informatica

Site web-Prezentare Pitesti

Acest site a fost realizat pentru a prezenta orasul Piesti, in cadrul unui proiect european "Cultura 2000-Invisible Outskirts".Site-ul a fost proiectat in Macromedia Dreamwe 18118q1615s aver.Pe langa acest program s-au mai folosit programele Macromedia Flash,Unlead Gif Animator, 3D Studio Max si Macromedia Fireworks.

El este creat pentru un numar mare de utilizatori, deoarece in viitor va fi ublicat pe Interne.In el sunt prezentate periferiile Pitestiului: Prundu, Budeasa, Stefanesti, Trivale.Acestea sunt prezentate in trei limbi, romana, engleza, franceza.

Site-ul are o dimensiune de 580Kb.

Prezentarea site-ului

Pentru a intra in site se da dublu click pe index.htm. Aceasta este

pagina principala a proiectului.Aici se gasesc :

O animatie flash

Mai multe butoane derulante care au linnkuri spre alte pagini

comada pentru a insera aceste butoane:

<div id="Layer1" style=" left:473px; top:164px; width:170px; height:34px; z-index:1"><a href="pagina1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','buton2.gif',1)"><img name="Image2" border="0" src="buton1.gif" width="150" height="30"></a></div>

Doua gifuri animate reprezentant steagurile Angliei si Frantei

comada pentru a insera aceste imagini:

<div id="Layer5" style=" left:475px; top:32px; width:69px; height:45px; z-index:5"><a href="indexFR.htm"><img src="France.gif" width="80" height="50" border="0"></a></div>

Pentru a accesa celelalte pagini dati click pe unul din butoane ca in fig1.

Accesand butonul Pitesti se va intra in pagina 1.htm.(fig.2).Aici se gasesc:

Butoane derulante care conduc in paginile:Home si Despre noi

Un cap vorbitor care a fost creat in 3D Studio Max si apoi transformat in gif animat

Un iframe in care se deruleaza un scrolltext.

comada pentru a insera acest iframe:

<iframe name="detalii" width="345"     height="185">Aici</iframe></td>

Patru gifuri animate care reprezinta linkuri spre fiecare din cele patru periferii.

comada pentru a insera aceste imagini:

<div id="Layer3" style=" left:520px; top:177px; width:71px; height:62px; z-index:3">

<div align="center"><a href="budRO.htm"><img src="budeasa.GIF" width="60" alt="Budeasa" border="0"></a></div>

</div>

Text flash cu numele fiecarei periferii.

comada pentru a insera aceste texte:

<embed src="text2.swf" quality=high pluginspage="https://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="46" height="16" bgcolor="#FFFFCC" base=".">

Trei imagini reprezentand norisori, prin accesarea carora se afiseaza textul in iframe.

Pentru a insera text scroll-ul s-a folosit un java applet.Acesta are codul sursa situat in "trans.class". si a fost inserat folosind comenziele:

<applet CODE="trans.class" WIDTH="300" HEIGHT="150" ALIGN="CENTER">

<param name="BGCOLOR" value="ffffff">

<param name="TEXTCOLOR" value="000000">

<param name="DELAY" value="50">

<param name="ALIGN" value="CENTER">

<param name="TEXT0"

value="

Municipiul Pitesti, resedinta judetului Arges, este situat in partea central-sudica a Romaniei,

intre Carpatii Meridionali si Dunare, in nord-vestul Munteniei, la confluenta raului Arges cu

Raul Doamnei, in puncul de intersectie al paralelei de 44° 51' 30'' latitudine nordica cu

meridianul de 24° 52' longitudine estica, la distanta relativ egala fata de Polul Nord si de

Ecuator, paralela de 45° trecand prin comuna Merisani, la 20 km nord de Pitesti. ">

Dand click pe unul din cele patru gifuri animate se va intra in Stefanesti.htm, Budeasa.htm etc.(fig.3)Aici se gasesc :

Un derulator de imagini.Pentru acest derulator s-a folosit un java applet care are codul sursa in "slipper.class" si a fost inserat folosind comenzile:

<applet code="slipper.class" width="166" height="385">

<param name="Notice" value="Applet by www.CodeBrain.com">

<param name="KeyCode" value="FREE">

<param name="BackgroundColor" value="0,0,0">

<param name="Direction" value="0">

<param name="FrameThickness" value="5">

<param name="FrameColor" value="41,41,41">

<param name="BorderThickness" value="5">

<param name="BorderColor" value="111,0,0">

<param name="LinkMode" value="2">

<param name="LinkColor" value="91,191,41">

<param name="HorizontalMode" value="0">

<param name="Image1" value="masinast.jpg">

<param name="Image2" value="casaflorica.jpg">

<param name="Image3" value="stefapus.jpg">

</applet></div>

Un text despre suburbia respectiva

O bara de navigare

Aceasa a fost introdusa prin comanda:

<div align="center"><small><nobr><a href="pagina1.htm">Back</a></nobr></small><small>&nbsp;|<a href="index.htm">&nbsp;<nobr>

Home</nobr>&nbsp;|</a>&nbsp;<nobr></nobr>&nbsp;|<a href="prunduRO.htm">&nbsp;<nobr>Prundu</nobr>&nbsp;</a>|<a href="trivaleRO.htm">&nbsp;<nobr>Trivale</nobr>&nbsp;</a>|&nbsp;<nobr><a href="budRO.htm">Budeasa</a></nobr></small></div>

Pozele care apar in site sunt in formatele gif.(fig.6) si jpg.(fig.4,fig.5) si au fost prelicrate in Macromedia Fireworks pentru a avea o dimensiune cat mai mica la o rezolutie si marime acceptabila.

fig. 4 fig. 5 fig. 6

Animatia realizata in Max cu ael cap vorbitor a necesitat transformarea in format gif. deoarece extensia .max sau .3ds nu sunt suportate iar formatele .avi sau .mpg erau mult prea mari.

Muzica care se aude pe fundal este in format midi sise gaseste in J0074329.mid si ruleaza pe toata durata accesarii site-ului.

Din pagina Despre noi se pot trimite mailuri catre participantii la acest proiect.Pentru aceasta s-a folosit comanda :

<a href="mailto:[email protected]">

<i>[email protected]</i></a></p>

Site-ul mai cuprinde si variante in engleza si franceza dar care sunt identice cu cea in romana.