Universitatea Dunrea de Jos, din Galai

Facultatea de Economie i Administrarea Afacerilor

Proiect Pachete Software

Adobe Dreamweaver CS3

Conductor tiinific, Lect. univ. drd. Maria Cristina Enache

Student, Marinescu Alina

Galai 2012

Cuprins
Capitolul 1 Introducere.....................................................................................................3 Cuvnt introductiv...........................................................................................................3 Scopul lucrrii..................................................................................................................3 Capitolul 2 Prezentare soft................................................................................................4 2.1 Generaliti.................................................................................................................4 2.2 Cerine de sistem........................................................................................................5 2.3 Formate de intrare/ieire suportate.............................................................................5 Capitolul 3 - Utilizarea software-ului..................................................................................6 3.1 Instalarea programului...............................................................................................6 3.2 Exemplu.....................................................................................................................9 Capitolul 4 Concluzii......................................................................................................15 Bibliografie........................................................................................................................15

Capitolul 1 Introducere
Dac nu pui pasiune n ceea ce faci nu i vei atinge idealul niciodat.

Cuvnt introductiv
Am ales Adobe Dreamweaver pentru c este un pachet software de creeare a siteurilor de prezentare i dinamice care pune la dispoziia utilizatorilor o gam foarte bogat de funcii care permit acestora s realizeze orice fel de site.

Scopul lucrrii
Scopul lucrrii este de a explica modul de lucru n program prin exemplificare att n fereasta de design ct i n cea de cod surs.

Capitolul 2 Prezentare soft

2.1 Generaliti
Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicaie de dezvoltare web a companiei americane Adobe Systems, disponibil att pentru MS Windows, ct i pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, ct i cadre ASP. Dreamweaver s-a bucurat de un larg succes nc de la sfritul anilor 1990 i momentan deine aproximativ 80 % din piaa editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac OS, Windows, dar suport n acelai 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, fcnd astfel posibil crearea cu uurin a acestora i de ctre utilizatorii neexperimentai. Unii creatori de pagini web critic aceste tipuri de editoare deoarece produc pagini de dimensiuni mult mai mari dect ar fi necesar, ceea ce conduce la o funcionare neperformant a browserelor web. Aceast afirmaie este n mare parte adevarat deoarece paginile web produse folosesc designul 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 mbuntit n versiunile recente. Cu toate acestea, compania Macromedia a mbuntit suportul pentru tehnologia CSS precum i alte modaliti de design, fr a fi necesar folosirea designului pe baz de tabel. Dreamweaver permite folosirea majoritii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza situl web creat. De asemenea conine i cteva utilitare pentru administrarea siturilor, cum ar fi cele pentru a gsi i modifica un paragraf sau o linie de cod, n ntregul sit, pe baza oricror parametri specificai de ctre utilizator. Cu ajutorul panourilor de stare se poate crea cod JavaScript fr a avea cunotine de programare. Odat cu apariia versiunii MX, Macromedia a ncorporat utilitare de generare dinamic a coninutului. De asemenea este oferit suport pentru conectarea la baze de date (cum ar fi cele de tip MySQL i Microsoft Access) pentru a filtra i afia coninutul folosind scripturi de genul PHP, ColdFusion, Active Server Pages (ASP) i ASP.NET, fr a avea nevoie de o prealabil experien n programare. Un aspect foarte ludat al Dreamweaver-ului l reprezint arhitectura sa extensibil. Extensiile sunt mici programe pe care orice dezvoltator le poate scrie (de obicei n HTML i JavaScript) i pe care oricine le poate descrca i instala, acestea aducnd un spor de performan i funcionalitate mbuntit programului. Exist o comunitate de dezvoltatori care produc aceste extensii i le public (att comercial ct i gratuit) pentru

probleme de dezvoltare web, de la simple efecte rollover pn la soluii complete de vnzare online, n Internet.

2.2 Cerine de sistem

Hardware: Pentium, Celeron, sau procesor mai bun. 800 MB spaiu pe hard disc. 512 MB RAM. 1 GB sau mai mult recomandat. Orice fel de plac grafic. Sisteme de operare: Adobe Dreamweaver ruleaz pe: o Windows 2000 o Windows XP Pro o Windows XP Home o Windows Vista* o Windows 7* o Mac OS

Ruleaz ca o aplicaie pe 32 de biti pe Windows x64. Windows x64 nu este nc suportat. Ruleaz pe Mac OS X,

2.3 Formate de intrare/ieire suportate

Capitolul 3 - Utilizarea software-ului

3.1 Instalarea programului
Programul se instaleaz astfel:

Fig 1 Sursele programului

Fig 2 Licena programului

Fig 3 Resurse necesare

Fig 4 Instalarea soft-ului

Fig 5 Finalizarea instalarii

Meniuni: Dupa instalarea soft-ului se copie folderul cu resurse Crack n folderul unde este instalat programul i apoi se ruleaz aplicaia.

3.2 Exemplu
Aplicaia pe care o vom realiza const n crearea unui site de prezentare a unei galerii foto. Primul pas este alegerea formatului de limbaj de cod, n cazul nostru vom alege limbajul HTML.

Fig 6 Alegerea limbajului dorit

Programul permite crearea, vizualizarea precum i modelarea obiectului creat n dou ferestre simultan,una pentru limbajul de cod i una pentru design.

Fig 8 Prezentarea celor dou ferestre

Pentru nceput vom lucra n fereastra de sus a programului unde vom scrie limbajul de cod n HTML,dup care n fereastra de jos,n urma comenzii REFRESH vom vedea rezultatul. Pentru vizualizarea online a rezultatului final vom folosi instrumentul din Fig. 9 (Preview/Debug in browser) care va deschide automat un broswer de internet n care se ncarc pagina creat.

Fig. 9 Vizualizare browser

Descrierea codurilor folosite: <html></html> - taguri care reprezint limbajul utilizat <head></head> - taguri care sunt utilizate pentru header-ul site-ului <body></body> - taguri care cuprind coninutul site-ului <footer></footer> - taguri care cuprind banda de jos a site-ului (footer-ul) <a href= ></a> - taguri care realizeaza legturi ntre pagini <img src=> - taguri pentru introducerea de imagini video sau foto <title></title> - taguri pentru introducerea titlurilor paginilor <br> - taguri pentru introducerea linilor noi <div></div> - suport pentru alte taguri <center></center> - taguri pentru plasarea pe centru a tuturor informaiilor de pe pagin <ul></ul> - taguri pentru a marca o lista neordonat <li></li> - taguri ce introduc un element dintr-o list neordonat

10

Pentru a realiza aceast aplicaie am utilizat o tem Style.css prezent n figura 10.

Fig. 10 Tema Style.css

Tema Style.css reprezint un template de site care ncadreaz toate elementele site-ului n anumite forme cu sintaxa id, formele putnd fi apelate de ctre limbajul HTML prin comanda: id=<numele id-ului din tema>. Legtura dintre tema Style.css i pagina HTML se va face prin sintaxa :
<link rel="stylesheet" type="text/css" href="style.css" />

Aplicaia propriu-zis Aplicaia pe care am realizat-o conine o galerie foto,bara de meniu fiind format din 5 butoane : Home, Gallery , About me, Video si Contact. Fiierul index.html conine pagina de nceput Home Pagina face legturile cu toate paginile site-ului prin meniul principal afind cte o band albastr deasupra paginii curente. 11

Fig. 11 Pagina Home

Pagina Galerie

Fig. 12 Pagina galerie

n fiierul index2.html se ncarc pagina Gallery cu galeria de fotografii People din bara alaturat. Pagina mai prezint 2 sublink-uri Nature si City ncrcate n fiierele city.html i nature.html . 12

Urmatoarea pagin About me conine informaii despre motivul realizrii acestui site.

Cel de-al 4-lea buton din bara de meniu ncarc pagina Video n care se pot vizualiza anumite filmri.

13

Ultimul buton din bara de meniu Contact me ncarc pagina de contact.

14

Capitolul 4 Concluzii
Adobe Dreamweaver reprezint unul dintre cele mai performante pachete software n ceea ce privete domeniul aplicaiilor web,pentru c ofer o gama larg de limbaje de programare care pot fi implementate foarte uor. Modul de utilizare al programului ofer o interfa user friendly utilizatorului fcnd astfel posibil nvarea rapid a soft-ului. Aplicaia realizat reprezint o interfa care poate fi dezvoltat i ntr-o aplicaie dinamic cu o multitudine de posibiliti.

Bibliografie
Resurse internet:
http://google.com

http://ro.wikipedia.org/wiki/Adobe_Dreamweaver http://www.uwec.edu/help/dreamweavercs3/dwcs3.htm

15