Lucrare de atestat

Creator: Nume Prenume Profesor indrumator: Nume Prenume

Dej 2009

I.Cerinte de sistem :
- Sistem de operare : Windows 98, NT sau XP cu Internet Explorer 6, sau
mozilla firefox 2.0, flash player 8;

Procesor cu frecventa de lucru la cel putin 0.8 GHz; 128 Mb memorie RAM Placa video cu minimum 16 Mb memorie video 100 Mb spatiu liber Rezolutie minima a monitorului de 1024x768 cu adancime de culoare pe 32 biti; - CD-ROM 32X;

II.Introducere
Proiectul de fata prezentat se adreseaza tuturor celor interesati de unele dintre cele mai renumite manastiri din Romania, marea majoritate situandu-se in Bucovina,cu detalii despre istoria si arta care invaluie misterul acestora, harta cu amplasarea manastirilor si galerii flash cu fotografii reprezentative. Informatiile din proiect au fost ordonate/prezentate asftel incat sa scurteze timpul de gasire a informatiilor cautate, eficientizand studiul.

III.Prezentare
Lucrarea se prezinta sub forma unei pagini web cu butoane, linkuri si imagini dispuse intr-o structura usor de folosit fara a necesita importante cunostinte de navigare pe internet.

Imaginea de mai sus reprezinta pagina principala, in cadrul careia se realizeaza vizualizarea si controlul asupra subpaginilor. Se pot accesa urmatoarele subpagini: Voroneti, Sucevita, Moldovita, Putna, Probota, Humor, fiecare cu un alt set de subpagini accesibile din bara verticala din stanga casutei in care se va afla informatia(text, fotografii), cu doua subpagini: Descriere si fotografii.

Mai jos este prezentata bara de navigare, care contine link-urile din pagina principala spre subpaginile site-ului.

In partea superiara se afla bara de navigare accesibila in orice subpagina a site-ului, cu link-uri catre cele 6 manastiri prezentate.

Pe coloana din stanga se afla doua butoane, reprezentand bara de navigare interioara a fiecarei subpagini, cu link-uri catre alte doua subsubpagini, una destinata descrierii manastirii iar cealalta ne duce la galeria flash foto cu fotografii reprezentative ale manastirii.

Structura grafica a paginii este realizata prin tabele, fiecare element prezent avand

o pozitie bine determinata pe spatiul de lucru, de exemplu barele de navigare prezentat in imaginea de mai sus sunt un tabel cu imagini tip rollover, ceea ce inseamna ca in momentul in care mutam cursorul mouse-ului deasupra unui buton de genul rollover, va aparea o alta imagine fata de cea ulterioara. Aceste imagini au fost create in Photoshop pentru a realiza o armonie intre fundal(background) si culoartea de baza a imaginilor butonului cat si pentru a pastra o legatura intre imaginea initiala si cea de dupa amplasarea cursorului. Din punct de vedere al eficientei ideea de rollover image este mai putin practica, dar avand in vedere faptul ca acest site este de dimensiuni relativ mici, am pus accentul pe placut spre deosebire de practic. Liniile de cod de mai jos reprezinta implementarea imaginilor de tip rollover in site prin codul HTML: <td align="center" valign="middle"><a href="moldovita.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('moldovita','','foto/moldovita-on.gif',1)"><img src="foto/moldovita-off.gif" name="moldovita" width="160" height="70" border="0" id="moldovita" /></a></td> Se poate observa faptul ca imaginea aflata in foto/moldovita-on.gif este inserata intr-un tabel td, este aliniata in centrul casutei si are atasat un link catre pagina moldovita.html. Mai jos sunt prezentate mai multe linii de cod pentru: Inserarea textului: <td colspan="6" rowspan="2" align="center" valign="middle"><p>&nbsp;</p> <p>Anul construc&#355;iei: 1532 <br /> Construit&#259; de: Domnitorul Petru Rare&#351; <br /> Loca&#355;ia: Vatra Moldovi&#355;ei, jude&#355;ul Suceava <br /> Sumar: Cea mai important&#259; caracteristic&#259; a Bisericii &bdquo;Buna Vestire&rdquo; este exonartexul cu cele trei bol&#355;i &icirc;n fa&#355;ada vestic&#259;. Dintre toate bisericile bucovinene, picturile exterioare de aici s-au pastrat cel mai bine.</p> <p>Chiar sub stre&#351;ini, sunt 105 ni&#351;e, fiecare cu un &icirc;nger pictat. Pe pilonul vestic, &icirc;n partea st&acirc;ng&#259; a intr&#259;rii &#351;i pe &icirc;nalta deschiz&#259;tur&#259; a fa&#355;adei sudice, sunt trei Sfin&#355;i militari pe cai care stau &icirc;n picioarele dinapoi &#351;i cu o sabie sau o suli&#355;&#259; &icirc;n m&acirc;ini. Cel mai sus se afl&#259; Sf. Gheorghe, apoi Sf. Dumitru &#351;i Sf. Mercurius.</p> <p>Ca de obicei, pe fa&#355;ada sudic&#259;, se afl&#259; c&acirc;ntecul religios Acatistul. Cele 24 de strofe ale imnului acoper&#259; patru catastifuri. Primele sunt cele 12 strofe istorice care relateaz&#259; na&#351;terea lui Hristos: Buna Vestire, Z&#259;mislirea, Fecioara Maria o cunoa&#351;te pe Sf&acirc;nta Elizabeta, &Icirc;ndoiala lui Iosif, Na&#351;terea lui Iisus, Calea celor trei magi la Bethleem, Adorarea Magilor, &Icirc;ntoarcerea Magilor, Fuga &icirc;n Egipt &#351;i Aducerea lui Iisus la templu.</p>

<p>Manastirea Moldovita este la 27 km la nord de Campulung Moldovenesc, unde pute&#355;i g&#259;si cazare &#351;i informa&#355;ii despre c&#259;l&#259;torie. Campulung Moldovenesc se afl&#259; la 72 km de Suceava, pe E58. Se poate ajunge &icirc;n Suceava pe drumurile europene E85, E58, cu trenul Bucure&#351;tiCern&#259;u&#355;i-Liov sau cu avionul. Ora&#351;ul are un aeroport cu zboruri spre Bucure&#351;ti &#351;i spre alte locuri din afara &#355;&#259;rii. </p></td> </tr>

Determinarea linkurilor:

<td align="center" valign="middle"><a href="voroneti.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Voronet','','foto/voronet-on.gif',1)"><img src="foto/voronet-off.gif" name="Voronet" width="160" height="70" border="0" id="Voronet" /></a></td> td align="center" valign="middle"><a href="sucevita.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sucevita','','foto/sucevita-on.gif',1)"><img src="foto/sucevita-off.gif" name="sucevita" width="160" height="70" border="0" id="sucevita" /></a></td> <td align="center" valign="middle"><a href="moldovita.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('moldovita','','foto/moldovita-on.gif',1)"><img src="foto/moldovita-off.gif" name="moldovita" width="160" height="70" border="0" id="moldovita" /></a></td> <td align="center" valign="middle"><a href="putna.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('putna','','foto/putnaon.gif',1)"><img src="foto/putna-off.gif" name="putna" width="160" height="70" border="0" id="putna" /></a></td>

Un alt atu al proiectului este simplitatea utilizarii tabelului pentru reglarea parametrilor, stabilirea pozitiei fixe a butoanelor si a pagini de prezentare. Dupa cum se poate observa in urma rularii site-ului, acesta este format dintr-un tabel cu o casuta superioara care

cuprinde bannerul, o bara de navigare pentru implementarea link-urilori, si o coloana amplasata in stanga sub bara de navigare care contine trei butoane care apar in momentul in care accesam una dintre subpaginile de la link-urile de pe bara de navigare superioara.Acest tip de amplasare permite vizualizarea informatiei corespunzatoare paginilor si subpaginilor in cadranul central iar accesul la butoane se face rapid si simplu, acestea find accesibile in fiecare subpagina.

Imaginea de mai jos reprezinta galeria flash, localizata in subpagina fotografii a fiecarei manastiri. Sunt prezentate imagini cu harti si fotografii cu manastiri.

Un atu al galeriei este acela ca are posibilitatea de slide-show, adica de a rula singur pozele, una dupa alta, dupa un anumit interval de timp, prin simpla actionare a butonului play (antepenultimul din dreapta jos). Fiind o galerie flash am profitat de versatilitatea programului si am creeat un efect frumos de fade vizibil in momentul in care se trece de la o fotografie la alta. O alta caracteristica a galeriei flash o reprezinta thumbnails-urile, adica acele fotografii mai mici la baza galeriei, care pot fi accesate la o rezolutie mai mare printr-un singur click. Linii de cod ce prezinta modul de inserare a galeriei flash in codul sursa: <td colspan="6" rowspan="2" align="center" valign="middle"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version =7,0,19,0" width="600" height="600"> <param name="movie" value="gallery.swf" /> <param name="quality" value="high" /> <embed src="gallery.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/xshockwave-flash" width="600" height="600"></embed> </object></td>

Programe folosite la crearea paginii:

- Macromedia Dreamweaver 8: aranjarea elementelor pe pagina; - Adobe Photoshop CS3 : editarea imaginilor. - LIMBAJ HTML (creeare sursa). - Macromedia Flash 8

Bibliografie: - sursa internet