Liceul Teoretic ,,Jozef Gregor Tajovsky”

Nădlac

LUCRARE DE ATESTAT
DISCIPLINĂ INFORMATICĂ

Candidat:
Prof. Coord: Chepețan Beatrice

2016
 TEMA:

CAMPANIE UMANITARA

2
 Cuprins

I.Introducere………………………………………………………………4

II.Partea teoretică………………………………………………………….5

III.Partea practică…………………………………………………………7

IV.Concluzii………………………………………………………………15

V.Bibliografie…………………………………………………………….16

3
 I. Introducere
Am ales sa creez un site cu tema campanie umanitară, denumită Alături de TINE deoarece
am fost foarte impresionată de multe cazuri pe care le-am văzut atât la televizor cât si pe internet.

M.au uimit mai ales cazurile cu copii mici, dar nu numai. Fiecare caz te surprinde si îți dă
lacrimi când citești sau auzi prin ce greutăți trec oamenii respecivi.

Site-ul creat de mine este de informare. Am ales să scriu despre câteva cazuri care m-au
uimit. Site-ul prezintă majoritate cazuri ale unor copii. Ei suferă de diferite boli cum ar fi
scolioză toraco-lombară, diferite tumori, cardiomiopatie dilatată, mastocitoză, neurofibrom dar și
altele.

Campania acesta s-a implicat în diferite proiecte și în ajutorul altor fundații.

Prima noastră implicare în campanii umanitare a fost în 2011. A continuat apoi cu susținerea
operației lui Sabin din Uricani. Operația a fost la inima și a fost un succes.

Cu ocazia Sărbătorilor de Paște ne-am implicat în campanii umanitare în care am oferit

alimente pentru bătrânii străzii și copiii străzii. În momentul de față suntem implicați în ajutarea
mai multor cazuri de copii.

Dorim să vă mulțumim dumneavoastră, că ne oferiți susținerea voastră de ai ajuta pe cei

aflați în nevoie.

4
II. Partea teoretică
1.Aplicația Adobe Dreamweaver

Adobe Dreamweaver este un program pentru web design a companiei americane Adobe.

System, mai avansat, dupa cum s-a confirmat în mai multe feluri. Deși un expert programator
HTML, utilizatorul care se ocupa de el, a declarat că mereu se vor găsi în acest program motive
pentru a-l folosi, mai ales cea ce privește productivitatea. Dreamweaver este un program
fascinant pentru crearea de pagini web. Potențialul său este mai larg decât celelalte editoare de
pagini web. Dreamweaver vă permite să creați obiecte și pagini web folosind HTML, sprijină
Cascading Style, Sheets, precum și straturi și JavaScript.

Caracteristicile aplicației Dreamweaver ușurează foarte mult procesul de creare a

paginilor web și de gestionare a site-ului. Aceste orientări prevâd pas cu pas instrucțiunile de a
efectua operțiuni diverse pentru crearea și editarea de pagini web, precum și elementele sale
individuale de gestionare a site-ului.

Acest program a început să cunoască succesul la sfârșitul anilor 1990. În prezent deține
aproximativ 80% din piața editorilor HTML. Produsul poate fi rulat pe variate platforme
software: Mac OS, Windows, dar suporta în același timp și platforme UNIX cu ajutorul unor
emulatoare cum ar fi Wine.

Îndeplinește perfect scopul de a proiecta pagini cu aspect profesional și suportă o gamă

largă de tehnologii de asemenea foarte ușor de utilizat:

-Foi de stil și straturi

-JavaScript pentru crearea efectelor și inteactivitate

5
-Introducerea fișierelor multimedia

Dreamweaver a evoluat foarte mult în această versiune care include un suport pentru
crearea paginilor dinamice de serverul in ASP, cu acces la baze de date.

Acest program poate fi descărcat de pe site-ul Adobe:

http://www.adobe.com/products/dreamweaver.html fiind o versiune limitată în timp, dar

suficientă pentru a învața bine, dacă este programul pe care îl căutați.

Limbajul de programare care domină Dreamweaver sunt ASP,CSS,HTML,JSP și

GoldFusion. Potențialul software-ului în aceea ce privește capacitatea de programare în
limbajele citate anterior, este la fel de larg permițând crearea de aplicații și design web
complexe.

Unul dintre punctele de accent, în această ediție de Dreamweaver sunt suportul și

caracteristicile de dezvoltare în Cacading Style Sheet care fac posibile creațiile cu mai
multă uțurință și precizie, folosind instrumente care pot inspecta codul scris. Un alt
aspect care poate fi analizat este compatibilitatea site-uli nostru ca browsere diferite,
pentru ca toata lumea să poată viziualiza corect pagina.

Ofera posibilitatea de a crea butoane flash, formulare, JavaScript și altele. Pe

lăngă posibilitatea de a insera elemente Web am găsit o mare precizie în informațiile din
Word și Excel, cu funcțiile de copiere și lipire.

Dreamweaver este cunoscut pentru furnizarea de instrumente avansate, pentru

dezvolatrea site-urilor, în timp ce acesta este rezultatul caracteristicilor mai mari pe piață,
utilizarea sa este limitată la utilizatorii cu experiență, deoarece în caz contrar, unul se va
confrunta cu o dificultate de a nu va știi de unde să înceapă.

Pe de altă parte este un obicei de a identifica prima pagină ca un produs ușor de

utilizat, cu beneficii puține și eșecuri brute, adică un produs non-profesional. Am văzut
acest lucru în faza de început a ei, dar în ultimii ani a evoluat considerabil, prima pagină

6
 fiind aplicație profesională care menține o ușurință de utilizare combinată cu
instrumente utile.

III.Partea practică

Pentru crearea acestui site am utilizat aplicația Dreamweaver. Accesând site-ul se va

deschide pagina principală cu denumirea index.html, unde veți găsi meniul paginii web și o
scurtă descriere. Meniul conține următoarele elemente: ACASA, INFORMATII, CAZURI,
CONTACT.

Acest meniu a fost realizat prin următorul cod:

<div class="menu_nav">

<ul>

<li class="active">

<a href="index.html">

<span>Acasa</span>

</a>

</li>

<li>

<a href="informatii.html">

<span>Informatii</span>

</a>

</li>

<li>

<a href="cazuri.html">

<span>CAZURI</span>

7
 </a>

</li>

<li>

<a href="contact.html">

<span>Contact </span>

</a>

</li>

</ul>

</div>

Culoarea textului și mărimea din meniul de navigare a fost setată prin următorul cod CSS:

.menu_nav ul li a {

display:block;

margin:0;

padding:19px 24px;

font-size:14px;

line-height:19px;

font-weight:bold;

color:#fff;

text-decoration:none;

text-transform:uppercase;

text-align:center;

8
Imaginile sub meniu au fost adăugate folosind următoru cod:

<p>

<img src="images/Alex-Matei-8848.jpg" width="180" height="120" alt="Alex Matei" />

<img src="images/luminita.jpg" width="189" height="120" alt="Luminita" />

<img src="images/daria.jpg" width="180" height="120" alt="Daria" />

<img src="images/denisa.jpg" width="182" height="120" alt="Deisa" />

<img src="images/florina.jpg" width="180" height="120" alt="Florina" />

</p>

Pentru a preveni dislocarea designului în cazul unor probleme la încărcarea imaginilor este
folosit atributul alt. În cazul în care imaginea nu este încărcată corect, apare textul din atributul
alt.

9
Imaginile din partea stângă au fost aliniate folosind următorul cod:

.sidebar {

float: left;

width: 100px;

padding-top: 10px;

padding-right: 0;

padding-bottom: 0;

padding-left: 0;

Si codul:

.sidebar_right{

float:right;

width: 100px;

padding-top"10px;

padding-right:200px

Pentru imaginili aliniate în partea dreaptă a paginii principale.

10
 Pagina INFORMATII conține un text scurt cu câteva detalii despre această campania
Alaturi de TINE.

Pagina următoare este denumită CAZURI. Această pagină conține 16 subpagini. Aici
sunt prezentate 16 cazuri. Fiecare caz este structurat astfel: prima este poza pe urmă este numele
persoanei și câteva propoziții despre caz. Derulând în jos este un hyperlink cu “citește mai mut”,
care îți permite să afli mai multe despre fiecare caz.

În următoarea poză se poate vedea ce am spus mai sus.Pentru fiecare caz am creat câte o
subpagină. Fiecare subpagină este denumită după numele persoanei.

11
 Derulând în jos sunt și restul cazurilor. La fiecare caz este creat link-ul “citește mai mult”:

<p >

<a href="mario.html">Citeste mai mult &gt;&gt;</a>

</p>

Imaginile sunt, de asemenea foarte importante într-o pagina web și se pot insera cu
ajutorul programului Macromedia.

Am inrodus toate imaginile de pe site cu ajutorul butonului Insert-Image. Am

stabilit dimensiune imaginilor la 360x240.

Marginea textului este dată de următorul cod:

infopost {

margin:0 0 8px;

padding:6px 0;

12
La fiecare caz am selectat descrierea utilizând fontul Arial, Helvetica și dimensiunea medie.

Următorul buton este denumit CONTACT. Aici întâi este o hartă cu locația noastră
urmată de adresa, numărul de telefon, FAX, și e-mail-ul nostru.

13
Toate paginile conțin următorul subsol pagină, informând despre drepturile de autor:

<div class="footer">

<div class="footer_resize">

<p class="lf">&copy; Copyright <a href="#">

<span class="ex_menu">Alaturi de tine</span></a>

</p>

<div style="clear:both;"></div>

</div>

</div>

14
 VI.Concluzii

Am ales pentru site-ul meu această tema “Campanie umanitară”, deoarece îmi place să
ajut pe alți oameni. Deși site-ul meu este doar de informare am vrut să prezint cazurile care
chiar m.au impresionat. Unii oameni au sănătate și nu știu să o prețuiască, iar pe de altă parte
sunt oameni care ar da orice sa fie sănătoși.

Am realizat site-ul cu ajutorul aplicației Macromedia Dreamweaver.

În concluzie, pot spune că datorită programului Macromedia Dreamweaver munca a fost

mult mai ușoară, deoarece acesta ascunde detalii de implementare a paginilor HTML, făcând
astfel posibilă crearea cu ușurință a paginilor web chiar de câtre utilizatorii mai puțin
experimentați

Dreamweaver permite folosirea majorității browser-elor instalate pe calculatorul

utilizatorului, pentru a previzualiza website-ului creat.

15
 V.Bibliografie

1.http://ro.wikipedia.org/wiki/Adobe_Dreamweaver
2.http://ro.wikipedia.org/wiki/Adobe_Photohop
3. http://fundatiamereuaproape.ro/
4. http://all-free-download.com/free-website-templates/

16