Documente noi - cercetari, esee, comentariu, compunere, document
Documente categorii

DOSAR PRACTICA IN INFORMATICA - Realizarea site-ului cu tema "Biblioteca Centrala Universitara Mihai Eminescu" Iasi

Universitatea "Alexandru Ioan Cuza" Iasi

F E E A

DOSAR PRACTICA IN INFORMATICA

Realizarea site-ului cu tema "Biblioteca Centrala Universitara Mihai Eminescu" Iasi


Ne-am ales sa reprezentam prin intermediul proiectului pe care l-am realizat o institutie ieseana cu un prestigiu deosebit. Biblioteca Centrala Universitara din Iasi este reprezentativa pentru orasul nostru fiind una dintre cele mai mari biblioteci universitare din tara si prima infiintata in Moldova.




In realizarea acestui proiect am utilizat platforma HTML, ne-am documentat din carti, internet si alte mijloace proprii. Pentru a implementa limbajul HTML am utilizat doua programe si anume Macromedia Dreamweaver si HTML Kit, sau am programat in Notepad, iar apoi am salvat aplicatia cu extensia .html.


Site-ul realizat de noi cuprinde in total 8 pagini distincte, in prima parte pastrandu-se elementele comune. Fiecare pagina a fost realizata prin intermediul tabelelor, existand 8 linii de tabel si 3 coloane.

Inainte de a incepe sa programam site-ul, am realizat prin intermediul programului Macromedia Dreamweaver o pagina de stil. Cu ajutorul acestei pagini de stil am obtinut efectele pentru linkurile din bara de meniu si de la submeniu.


Ex pagina de stil:


body


td


a


a:hover


Dupa ce am inserat pagina de stil in fisierul sursa al fiecarei pagini, am trecut la realizarea paginilor. Am ales culoarea de background a paginii (<body bgcolor='#fffcc4'>), iar apoi am trecut la construirea efectiva a tabelului. Tabelul contine 8 linii, iar fiecare linie are cate 3 celule. Prima linie de tabel este reprezentata in susul paginii, cu o culoare de background pentru realizarea efectului unei dungulite verzi. In a doua linie a tabelului am inserat o culoare diferita, iar in prima celula am inserat poza bibliotecii ca si imagine de header. In a doua celula a celui de-al doilea rand am inserat numele site-ului, iar in functie de pagina pe care navigam, sub acest titlu apare scris si sectiunea respectiva a site-ului. Urmatoarele 3 linii de tabel au fost umplute cu culoare pentru a oferi un design special paginii web.

Cea de-a sasea linie de tabel este reprezentata de bara de meniu. Liniile de tabel in care trebuia sa pastram aceleasi caracteristici le-am lipit cu ajutorul instructiunii <td colspan='3' [alte caracteristici pentru linia de tabel] >. Fiecare link a fost inserat in fisierul sursa dupa modelul urmator:

Ex:<a href='home.html' target='_self'>| Home |</a>

Urmatoarea linie de tabel a fost umpluta cu culoare pentru a definitiva design-ul paginii. Ultima linie din tabel, cea de-a opta este practic zona din web site in care vor aparea informatiile din fiecare sectiune in parte.




Pentru pagina de produse si servicii am realizat in ultima linie de tabel, in cea in care apar informatiile, un submeniu pentru cele 3 sectiuni care trebuiau sa apara la acest subiect. Cele 3 linkuri au fost inserate in fisierul sursa inainte de informatia aferenta fiecarei pagini.


Ex:<a href='Program.html' target='_self'>| Program |</a>


In pagina intitulata program am inserat o fotografie cu programul institutiei dupa urmatorul model, poza inserata aflandu-se in folderul in care se afla aplicatia salvata:


Ex: <img src='poza program.jpg' width='560' height='250' border='0'>

Pentru pagina in care avem prezentat formularul de feedback, in ultima linie, cea in care anterior am prezentat informatiile, am apelat la o functie standard pentru inserarea unui formular de feedback dupa modelul urmator:


Ex: <form action method='POST'>Numele si Prenumele: <br>
<input type='text' name='realname'><br>
<br>
Adresa de e-mail: <br>
<input type='text' name='email'><br>
<br>

Comentariul tau: <br>
<textarea name='comments' rows='15' cols='50'></textarea><br><br>

<input type='submit' value='Trimite'>

</form>

Intrucat nu avem site-ul postat pe un domeniu si nu avem nici host, eventualul mesaj pe care un utilizator ar dori sa il trimita nu va ajunge la nicio adresa de mail. Daca, in schimb am adauga si o adresa de mail in antetul functiei, mesajul ar fi trimis automat catre adresa respectiva de mail.




Pentru pagina urmatoare, cea care contine formularul de cautare, am preferat sa introducem o functie predefinita pentru a trimite utilizatorul catre motorul general de cautare Google.ro. Am reazliat aceasta operatie utilizand functia <form action> dupa modelul urmator:


Ex: 


<form action='http://www.google.ro/ig?hl=ro&rlz=&btnG=C%C4%83utare+Google'><br>

<input type='submit' value='google.ro'>

</form>