Universitatea „Dunărea de Jos”, din GalaţiFacultatea de Economie şi Administrarea Afacerilor

Proiect Pachete Software

Adobe Dreamweaver CS3

Conducător ştiinţific, Student,

Lect. univ. drd. Maria Cristina Enache Marinescu Alina

Galaţi2012

1

Cuprins

Capitolul 1 – Introducere.....................................................................................................31.1 Cuvânt introductiv...............................................................................................31.2 Scopul lucrării......................................................................................................3

Capitolul 2 – Prezentare soft................................................................................................42.1 Generalităţi................................................................................................................42.2 Cerinţe de sistem........................................................................................................52.3 Formate de intrare/ieşire suportate............................................................................5

Capitolul 3 - Utilizarea software-ului..................................................................................63.1 Instalarea programului...............................................................................................63.2 Exemplu.....................................................................................................................9

Capitolul 4 – Concluzii......................................................................................................15Bibliografie........................................................................................................................15

Capitolul 1 – Introducere

1.1 Cuvânt introductiv

Am ales Adobe Dreamweaver pentru că este un pachet software de creeare a site-urilor de prezentare şi dinamice care pune la dispoziţia utilizatorilor o gamă foarte bogată de funcţii care permit acestora să realizeze orice fel de site.

1.2 Scopul lucrării

Scopul lucrării este de a explica modul de lucru în program prin exemplificare atât în fereasta de design cât şi în cea de cod sursă.

„Dacă nu pui pasiune în ceea ce faci nu îţi vei atinge idealul niciodată.”

3

Capitolul 2 – Prezentare soft

2.1 Generalităţi

Adobe Dreamweaver (cunoscut anterior ca Macromedia Dreamweaver) este o aplicaţie de dezvoltare web a companiei americane Adobe Systems, disponibilă atât pentru MS Windows, cât şi pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, cât şi cadre ASP.

Dreamweaver s-a bucurat de un larg succes încă de la sfârşitul anilor 1990 şi momentan deţine aproximativ 80 % din piaţa editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac OS, 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 acestora şi 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 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 îmbunătăţit în versiunile recente. Cu toate acestea, compania Macromedia a îmbunătăţit suportul pentru tehnologia CSS precum şi alte modalităţi de design, fără a fi necesară folosirea designului pe bază de tabel.

Dreamweaver permite folosirea majorităţii browserelor instalate pe calculatorul utilizatorului, pentru a previzualiza situl web creat. De asemenea conţine şi câteva utilitare pentru administrarea siturilor, cum ar fi cele pentru a găsi şi modifica un paragraf sau o linie de cod, în întregul sit, 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 cele de tip MySQL şi Microsoft Access) pentru a filtra şi afişa conţinutul folosind scripturi 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 sunt mici programe pe care orice dezvoltator le poate scrie (de obicei în HTML şi JavaScript) şi pe care oricine le poate descărca ş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, în Internet.

2.2 Cerinţe de sistem

Hardware: Pentium, Celeron, sau procesor mai bun. 800 MB spaţiu 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 2000o Windows XP Proo Windows XP Homeo Windows Vista*o Windows 7*o Mac OS

Rulează ca o aplicaţie pe 32 de biti pe Windows x64. Windows x64 nu este încă suportat. Rulează pe Mac OS X,

2.3 Formate de intrare/ieşire suportate

5

Capitolul 3 - Utilizarea software-ului

3.1 Instalarea programului

Programul se instalează astfel:

Fig 1 Sursele programului

Fig 2 Licenţa programului

6

Fig 3 Resurse necesare

Fig 4 Instalarea soft-ului

7

Fig 5 Finalizarea instalarii

Menţiuni:Dupa instalarea soft-ului se copie folderul cu resurse Crack în folderul unde este instalat programul şi apoi se rulează aplicaţia.

8

3.2 Exemplu Aplicaţia 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

9

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 conţinutul site-ului<footer></footer> - taguri care cuprind banda de jos a site-ului (footer-ul)<a href=” ” ></a> - taguri care realizeaza legături î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 informaţiilor 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ă aplicaţie 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 putând fi apelate de către limbajul HTML prin comanda: id=”<numele id-ului din tema>”.

Legătura dintre tema Style.css şi pagina HTML se va face prin sintaxa :

<link rel="stylesheet" type="text/css" href="style.css" />

Aplicaţia propriu-zisă

Aplicaţia pe care am realizat-o conţine o galerie foto,bara de meniu fiind formată din 5 butoane : Home, Gallery , About me, Video si Contact.

Fişierul index.html conţine pagina de început HomePagina face legăturile cu toate paginile site-ului prin meniul principal afişând câte o

bandă albastră deasupra paginii curente.

11

Fig. 11 Pagina Home

Pagina Galerie

Fig. 12 Pagina galerie În fişierul index2.html se încarcă pagina Gallery cu galeria de fotografii People

din bara alaturată. Pagina mai prezintă 2 sublink-uri Nature si City încărcate în fişierele city.html şi nature.html .

12

Urmatoarea pagină About me conţine informaţii despre motivul realizării acestui site.

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

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 priveşte domeniul aplicaţiilor web,pentru că oferă o gama largă de limbaje de programare care pot fi implementate foarte uşor.

Modul de utilizare al programului oferă o interfaţă user friendly utilizatorului făcând astfel posibilă învăţarea rapidă a soft-ului.

Aplicaţia realizată reprezintă o interfaţă care poate fi dezvoltată şi într-o aplicaţie dinamică cu o multitudine de posibilităţi.

Bibliografie

Resurse internet:

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

15