Liceul Teoretic “JOZEF GREGOR TAJOVSKY”

Nădlac, judeţul Arad

LUCRARE DE ATESTAT

DISCIPLINA INFORMATICĂ

Candidat: Coordonator:

Chepeţan Beatrice

2014
“Consumul de droguri nu este decât o sinucidere în mai multe etape; un
fel de sinucidere în serial!”

A. Carter (n. 23 octombrie 1956)

2
 Cuprins

1. Introducere..........................................................4

2. Resurse hardware şi software necesare..............5

3. Despre Adobe Dreamweaver.............................6

4. Structura aplicaţiei..............................................8

5. Concluzii...........................................................18

6. Bibliografie......................................................19

3
 1. Introducere

Drogurile constituie o problemă îngrozitoare a cărei seriozitate devine cu fiecare zi mai

vizibilă. Problemele produse de abuzul de droguri şi de traficul ilegal sunt printre cele mai grave
probleme cu care se confrunta lume de astăzi,ameninţând generaţiile viitoare.

Drogul este o substanţă - solidă, lichida sau gazoasă - care, introdusă în organism, modifica
imaginea asupra propriei persoane şi asupra realităţii înconjurătoare.

Eu am ales această temă deoarece cred că problema drogurilor nu este destul de serios
luată în seamă. Oamenii ar trebui să ştie despre problemele consumului de droguri şi despre ce
poate cauza consumul dar unii dintre ei nu ştiu şi se lasă înşelaţi, păcăliţi, ademeniţi de către
persoane necunoscute sau chiar de persoane care se dau drept prieteni şi le oferă plante sau
substanţe care îi îmbolnăvesc şi le aduc moartea.

Deasemenea am ales această temă pentru că am considerat că am ceva de învăţat din

documentarea pentru droguri şi realizarea unei asemenea lucrări.

Lucrarea mea de atestat este un site realizat în programul Adobe Dreamweaver care
prezintă informaţii despre dependenta de droguri, riscurile consumului de droguri, depistarea
consumatorilor, dar şi măsuri de prim ajutor. Această lucrare mai conţine şi nişte sfaturi, o galerie
foto şi sunt descrise câteva tipuri ilegale de drog.

4
 2. Resurse hardware şi software necesare

Pentru realizarea acestui site au fost utilizate ca programe de lucru, Adobe Dreamweaver,
Adobe Photoshop precum şi browserele Opera şi Mozilla Firefox.

NECESITĂŢI HARD

Pentru a putea naviga pe internet avem nevoie de un calculator care să fie conectat la o reţea
de internet.

Conectarea la reţeaua de internet se efectuează cu ajutorul unei plăci de reţea care poate fi
exterană sau incorporată. Pentru a ne putea conecta la internet mai avem nevoie si de un modem
care poate fi WIRELES, WI-FI sau CLASIC-cu cablu. În afara de toate aceste componente un
lucru foarte important este sa fim abonati la un PROVIDER de internet.

NECESITĂŢI SOFT

Calculatorul cu care dorim sa navigăm pe internet trebuie sa aibă instalat un sistem de operare.
Cele mai cunoscute sisteme de operare sunt WINDOWS de 32 sau 64 de biţi, MAC OS si
LINUX. Pentru a putea naviga pe internet sistemul trebuie să aiba instalat un browser. Cele mai
cunoscute browsere sunt:INTERNET EXPLORER, MOZZILA FIRE FOX, GOOGLE CHROME
si OPERA.

Resurse recomandate:

Hardware

- Procesor (CPU) : 1200 MHz+

-Memorie (RAM) : 256Mb

5
 -Spaţiu liber : 380Mb

-Monitor : VGA (1028 x 768)

Software

-Sistem de operare : Windows XP

- Internet Browser : Mozilla Firefox18.01 sau Opera 11.62

Pentru o rularea normală a site-ului este necesară instalarea în sistem (recomandat Pentium
3, sau mai performant) a programului Java. Am folosit aceste programe atât din pricina cerinţelor
acceptabile de sistem a programelor cât şi usurinţa cu care se poate lucra cu ele. Din cauza acestei
usurinţe se ajunge la a se lucra cu o viteză deosebit de mare care oferă un avantaj destul de
considerabil in crearea unui proiect, site etc.

3. Despre Adobe Dreamweaver

Întreținere: Adobe Systems (fostă Macromedia)

Ultima versiune: 10.0 (CS4) / 23 septembrie 2008

SO: Microsoft Windows, Mac OS X

Tip: editor HTML

Licență: Closed source

Website:www.adobe.com/products/dreamweaver

Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicație de

dezvoltare web, disponibilă atât pentru Windows, cât și pentru Mac. Versiunile recente includ
suport pentru tehnologii web, cum ar fi CSS, JavaScript, PHP, Cold Fusion, cât și cadre ASP.

6
 Dreamweaver s-a bucurat de un larg succes încă de la sfârșitul anilor '90 și momentan
deține aproximativ 80% din piața editoarelor HTML. Produsul poate fi rulat pe variate platforme
software: Mac, Windows, dar suportă în același timp și platforme UNIX cu ajutorul unor
emulatoare software, cum ar fi Wine.Ca orice alt editor WYSIWYG, Dreamweaver poate ascunde
detaliile de implementare a paginilor HTML, făcând astfel posibilă crearea cu ușurință a paginilor
web de către utilizatorii neexperimentați. Unii creatori de pagini web critică aceste tipuri de
editoare deoarece produc pagini de dimensiuni mult mai mari decât ar fi necesar, ceea ce conduce
la o funcționare neperformantă a browserelor web. Această afirmație este în mare parte adevarată
deoarece paginile web produse folosesc design-ul pe bază de tabel. În plus, produsul a mai fost
criticat în trecut și pentru producerea de coduri care adesea nu erau conform standardelor W3C,
dar acest aspect a fost mult îmbunătățit în versiunile recente. Cu toate acestea, Macromedia a
crescut suportul pentru tehnologia CSS precum și alte modalități de design fără a fi necesară
folosirea design-ului pe bază de tabel. Dreamweaver permite folosirea majorității browserelor
instalate pe calculatorul utilizatorului, pentru a previzualiza website-ul creat. De asemenea conține
și câteva utilitare pentru administrarea site-urilor, cum ar fi cele pentru a găsi și modifica un
paragraf sau o linie de cod, în întregul web site, pe baza oricăror parametri specificați de către
utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fără a avea cunoștințe de
programare.

Odată cu apariția versiunii MX, Macromedia a încorporat utilitare de generare dinamică a

conținutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi MySQL
și Microsoft Access) pentru a filtra și afișa conținutul folosind script-uri de genul PHP,
ColdFusion, Active Server Pages (ASP) și ASP.NET, fără a avea nevoie de o prealabilă
experiență în programare.

Un aspect foarte lăudat al Dreamweaver-ului îl reprezintă arhitectura sa extensibilă. Extensiile,

așa cum sunt ele cunoscute, sunt mici programe, pe care orice dezvoltator le poate scrie (de obicei în
HTML și JavaScript) și pe care oricine le poate descarca și instala, acestea aducând un spor de
performanță și funcționalitate îmbunătățită programului. Există o comunitate de dezvoltatori care produc
aceste extensii și le publică (atât comercial cât și gratuit) pentru probleme de dezvoltare web, de la
simple efecte rollover până la soluții complete de vânzare online.

7
 4. Structura aplicaţiei

Index

| | | | | |

Acasa Informaţii Sfaturi, campanii Tipuri de drog Galerie foto Contact

| |

Mesaje (2 pagini) |

Campanii (1 pagina) |

Descriere droguri(6 pagini)

Descrierea paginilor web

Site-ul conţine o pagină principală pe care am denumit-o INDEX care cuprinde câteva
informaţii generale despre consumul de droguri şi modul în care acţionează acestea şi o imagine
care este reprezentativă pentru tema aleasă. În partea din stânga a site-ului este afişat meniul,
format din şase butoane prin care accesezi celelalte pagini. În partea de jos a site-ului, după
imagine, sunt prezentate câteva informaţii despre acest proiect, şi anume scopurile acestuia.

Codul sursă prin care este construit meniul este:

<div class="page">
<div class="sidebar">
<a href="index.html" id="logo"><img src="images/logo.png" alt="logo"></a>
<ul>
<li class="selected">
<a href="index.html">ACASĂ</a></li>
<li>
<a href="informatii.html">INFORMAŢI</a><a href="about.html">I</a> </li>
<li>
<a href="sfaturi.html">Sfaturi, Campanii</a> </li>
<li>
<a href="tipuri.html">Tipuri de dro</a><a href="portfolio.html">g </a></li>

8
 <li>
<a href="foto.html">Galerie fot</a><a href="contact.html">o </a> </li>
<li>
<a href="contact.html">cONTAC</a><a href="blog.html">T</a></li>
</ul>

Click Acasă –face transferul către prima pagină a site-ului.

Click Informatii- se face transferul pentru a vizualiza pagina care conţine informaţii despre
dependenta de droguri, riscurile consumului şi depistarea consumatorilor .

Click Sfaturi, campanii - se face transferul pentru a vizualiza pagina care conţine mesaje
pentru adolescenţi şi părinţi dar şi o campanie antidrog.

Click Tipuri de drog - se face transferul pentru a vizualiza pagina care conţine mai multe
tipuri de droguri legale şi ilegale descrise.

Click Galerie foto - se face transferul pentru a vizualiza câteva imagini motivaţionale şi de
la alte campanii antidrog..

Click Contact - se face transferul pentru a vizualiza datele noastre de contact.

9
 Al doilea buton al meniului trimite către o nouă pagină numită Informaţi care conţine în
partea de sus o imagine reprezentativă. În continuare conţine informaţii despre dependenta de
droguri. Sunt reprezentate riscurile la care se supun consumatorii de droguri, câteva moduri de a-i
depista pe consumatori dar şi câteva măsuri de prim ajutor în cazul în care se întâmplă ceva cu u
consumator de droguri.

Imaginea este atasata prin folosirea următorului cod sursă :

<html>
<head></head>
<body>
<div class="border">
<div id="bg"></div>
<div class="page">
<div class="sidebar"></div>
<div class="body">

10
 <div class="about">
<h2></h2>
<img width="707" height="433" src="images/7_2-960x500.jpg"></img>
<h4></h4>
<p></p>
<p></p>
<h4></h4>
<p></p>
<p></p>
<h4></h4>
<p></p>
<p></p>
<h4></h4>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
</div>
</div>
</body>
</html>
Al treilea buton trimite către o altă pagină intitulată Sfaturi şi campanii. Aceasta pagină
conţine în partea de sus două sfaturi, primul fiind mesajul unui doctor pentru tineri şi pentru
părinţii acestora iar al doilea fiind povestea unie fete care a fost dependenta de droguri. În
continuare urmează o imagine care conţine un motto antidrog iar după imagine este prezentată o
campanie antidrog. Pentru a citi în întregime mesajele şi datele despre campanie trebuie să daţi
click pe butonul „ Citeşte” care vă va trimite la pagina dorită.

11
 În pagina intitulată Tipuri de drog sunt descrise câteva droguri legale precum alcoolul,
tutunul, nicotina şi cafeină în partea de sus iar în partea de jos conţine link-uri către alte pagini.
Link-urile trimit către păgâni care conţin 6 tipuri de droguri ilegale, imagini cu fiecare, formula
chimică şi descriere.

12
 Al cincelea buton al meniului trimite la o pagină intitulată Galerie foto. Aceasta pagină
conţine imagini cu texte antidrog sau făcută în timpul desfăşurării unor campanii antidrog.

Aceste imagini au fost ataşate prin folosirea următorului cod sursă:

</div>
<div class="body">
<div>
<h2 align="left">galerie foto</h2>
<p align="left"><img src="images/1.jpg" width="297"
height="248" border="0"> <img src="images/5.jpg" width="358"
height="247"></p>

13
 <p class="style1"><img src="images/3.jpg" width="444"
height="301"><img src="images/7.jpg" width="214"
height="300"></p>
<p class="style1"><img src="images/2.jpg" width="659"
height="422"></p>
<p class="style1"><img src="images/6.jpg" width="218"
height="247"><img src="images/9.jpg" width="441"
height="247"></p>
<p class="style1"><img src="images/8.jpeg"
width="658" height="399"></p>
<p class="style1">&nbsp;</p>
</div>
</div>

Ultima pagină a meniului intitulată "Contact" conţine datele de contact ale unor centre de
prevenire şi consiliere şi conţine şi un mod de a lăsa un mesaj acestui site.

14
 Codul sursă prin care este ataşată căsuţa pentru mesaj este:

</p>
<form action="index.html">
<label for="firstname">
<div align="center">First Name</div>
</label>
<div align="center">
<input name="text" type="text" id="firstname">
</div>
<label for="lastname">
<div align="center">Last Name</div>
</label>
<div align="center">
<input name="text2" type="text" id="lastname">
</div>
<label for="email">
<div align="center">Email Address</div>
</label>
<div align="center">
<input name="text2" type="text" id="email">
</div>
<label for="subject">
<div align="center">Subject</div>
</label>
<div align="center">
<input name="text2" type="text" id="subject">
</div>
<label for="message">
<div align="center">Message</div>
</label>

15
 <div align="center">
<p>
<textarea name="textarea" cols="30" rows="10"
id="message"></textarea>
</p>
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ver
sion=5,0,0,0" width="93" height="33">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<embed src="button1.swf" quality="high"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="93"
height="33" ></embed>
</object>
</p>

16
 În partea de jos stânga apar butoanele care fac legătura cu conturile site-ului de pe
Facebook, Twitter şi Google +.

17
 5. Concluzii

Oricine dispune de un calculator conectat la internet ar putea naviga pe ceea ce am creat eu

foarte uşor şi simplu, deoarece are o grafică prietenoasă încât orice utilizator se poate descurca cu
usurinţă în navigarea site-ului indiferent de nivelul de cunostinţe pe care le are acesta în folosirea
unei astfel de interfeţe. Astfel prin simpla apăsare a unui buton utilizatorul poate ajunge cu
usurinţă la informaţiile dorite.

Toate informaţiile sunt bine structurate, astfel încât chiar şi cineva care ar ajunge pe acest site
din intâmplare să poată înţelege despre ce e vorba aici.

Folosind aceast program am descoperit un nou mod de a lucra interactiv, de asemenea am avut
ocazia să-mi verific şi cunoştinţele HTML, să învăţ să utilizez diferite programe de modificare a
fotografiilor, de asemenea am dus o muncă intensivă de cercetare pentru oferirea unor informaţii
cât mai adecvate. Am învaţat că pentru a realiza o muncă de calitate este nevoie de foarte mult
timp.

18
 6. Bibliografie

1. http://ro.wikipedia.org/wiki/Sit_web

2. http://www.logogenerator.com/

3. http://www.e-learn.ro/tutoriale/adobe-dreamweaver/26.htm

4. www.w3schools.com

5. Dumitrascu L., Liviu Ionita, Zoltan Borsos, Florentina Alina Toader, Cristian
Loloiu, Stelian Gutu, Bogdan Dumbravescu,  Adobe Dreamweaver CS6,
Editura Universitatii din Ploiesti, 2012

6. Khristine Page, Dreamweaver 8, Editura All, 2008

7. Teodoru Gugoiu, HTML prin exemple, Editura Teora, 2002

19