COALA PROFESIONAL 6 CHIINU NSRCINARE pentru teza de calificare Grupa OM 1 Meseria : Operator la calculatoare electronice Numele, prenumele: ve Doina

a Tema: Procesul investigrii Adobe Dreamweaver 1. Lista ntrebrilor destinate studierii i descrierii n memoriul explicativ:

Cuprins INTRODUCERE - Scurt istoric - Actualitatea temei investigate 1. PREZENTAREA GENERAL 2. APLICAREA N PRACTIC 3. FACILITI, PERFORMANE I DEZAVANTAJE. Concluzii BIBLIOGRAFIE 2. ndeplinirea lucrrilor grafice pe coli de formatul: A 1 - schema, schie, aplicaii A 4 pri funcionale (n memoriul explicativ) Termenul de ndeplinire: 31 mai 2013 Consultant: Elev(a) / A. u / / ve Doina /

Coala
Mod Coala

N Document

Semnat.

26

Data

DAP CUPRINS

/ A. Madan /

INTRODUCERE Scurt istoric ....... 4 Actualitatea temei investigate......5 1. PREZENTAREA GENERAL 1.1Ce este nou n (CS)...7 1.2mbuntirile CSS .......8 2. APLICAREA N PRACTIC 2.1 Spaiul de lucru i aspectul general Dreamweave....9 2.2 Lucrul n fereastra document - Code, Design sau Split......................14 2.3Inserarea tabelelor n Dreamweaver ..........18 2.4 Colorarea unei celule si a unui table..20 3. FACILITI, PERFORMANE I DEZAVANTAJE 3.1 Faciliti i Performane..........................................................................23 3.2 Avantaje i Dezavantaje ........................................................................24

CONCLUZII..................................................................................................26 BIBLIOGRAFIE............................................................................................27

Coala
Mod Coala

N Document

Semnat.

26

Data

INTRODUCERE Scurt istoric: 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.

Coala
Mod Coala

N Document

Semnat.

26

Data

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. Actualitatea temei investigate: Dreamweaver - este unul dintre cel mai convenabil HTML-editor. Dreamweaver este un editor HTML profesional pentru a crea, vizualiza i de a gestiona site-uri de diferit complexitate i a paginilor n Internet. Dreamweaver include mai multe instrumente i resurse pentru a edita i a crea un site web profesional: HTML, CSS, JavaScript, editorii de cod (cod revizuire i codul inspector), care ne permite s editm diferite documente de text care sunt acceptate n Dreamweaver. Posibilitatea de editare vizual n Dreamweaver, de asemenea, ne permite s crem rapid i s schimbm design-ul proiectului fr a scrie un cod. Dreamweaver se refer la aa-numitul editor "vizual", adic, putem vedea imediat pe ecran (cel puin aproximativ) un rezultat al muncii noastre. n acelai timp, Dreamweaver ofer acces deplin la codul surs, i nu introduce nimic n el prea mult, aa cum se ntmpl, de exemplu n FrontPage. Dreamweaver este complet personalizabil.

Coala
Mod Coala

N Document

Semnat.

26

Data

1. PREZENTARE GENERAL Spaiu de lucru Dreamweaver se regliaz pentru diferite stiluri i niveluri de cunotine. n continuare sunt unele din componentele cele mai frecvent utilizate: - Fereastra documentului ne afieaz documentul curent pe care l crem sau l editm. - Panoul de navigare n partea de jos a ferestrei Document conine butoane pentru deschiderea i nchiderea inspectorilor i panourilor ce sunt mai frecvent utilizate. Putem selecta pictogramele ce vor aprea n panoul Navigator pentru a crea diferite grupuri. - Bara de instrumente (toolbar) conine butoanele i meniurile pop-up care ne permit s navigm prin feriastra Document n diferite moduri, pentru a stabili opiunile de vizualizare, i accesul la anumite operaiuni, cum ar fi vizualizarea ntr-un browser. - Meniul contextual ne permite s accesm rapid comenzile utile care se refer la selecia curent sau zon. Pentru a afia meniul contextual facem clic dreapta pe un element din fereastr. - Panoul Obiecte conine butoane pentru crearea i introducerea diferitelor tipuri de obiecte, imagini, tabele, straturi, rame. Este de asemenea posibil comutarea ntre diferite tipuri de prezentarea standard a documentelor. - Inspectorul de proprieti afieaz proprietile pentru obiectul selectat sau textul, i ne permite s modificm aceste proprieti. (Unele proprieti apar n inspector, n funcie de obiectul selectat sau text.) Pentru a deschide fereastra Dreamweaver, inspectori i panouri, folosim fereastra de meniu. Marcajul de lng element n meniu indic faptul c elementul este deschis (dei ar putea fi ascuns n spatele altor ferestre). Pentru a afia un element care nu este deschis n prezent, selectm numele unui element din meniu.

Coala
Mod Coala

N Document

Semnat.

26

Data

Dac panoul sau inspectorul verificat, nu apare, selectm Fereastr> Aranjare panouri.

1.1 Ce este nou n (CS) Adobe BrowserLab Dreamweaver CS5 se integreaz cu Adobe BrowserLab, una din cea mai nou reea de servicii CS Live, care prevede o soluie rapid i precis pentru testarea de compatibilitate cross-browser. Cu BrowserLab putem vizualiza pagini Web i coninutul local, utiliznd mai multe instrumente de vizualizare i compararea.

Integrarea cu Business Catalyst Adobe Business Catalyst - este o aplicaie server care nlocuiete instrumentele desktop tradiionale cu o singur platform central pentru web designeri. Aceast aplicaie funcioneaz cu Dreamweaver i ne permite s crem totul, de la site-uri de baz bazate pe date pn la magazine on-line mari.

Coala
Mod Coala

N Document

Semnat.

26

Data

1.2 mbuntirile CSS Pornire/Oprire CSS Pornire /Oprire CSS ne permite s dezactivm i reactivm proprietaile CSS direct de la Stiluri CSS. Cnd oprim proprietile CSS, aceasta se ascunde n comentariu rmnnd activ toat aceast perioad. Aspecte de abloane CSS Dreamweaver CS5 include actualizri i sabloane CSS simplificate. Selectore complicate de machete CS4 au fost eliminate i nlocuite cu altele simplificate, uor de neles. O configurare mai uoar a site-ului Este modificat caseta de dialog (definire siteu) n (configurare Siteu) ce uuriaz reglarea opiunilor ce face mai comod i mai rapid crearea paginilor locale a site-ului. Categoriea server la distan ne permite s specificm serverele de testare de la distan ntr-o singur vizualizare.

Coala
Mod Coala

N Document

Semnat.

26

Data

2. APLICAREA N PRACTIC 2.1Spaiul de lucru i aspectul general Dreamweaver

a c

a- Panoul cu aplicaii, b- Bara de instrumente "Document", c- Comutator spaii de lucru, d- Feriastra documentului, e- CS LIVE, f- Grupuri de panouri, g- Selectorul de teguri, h- Property Inspector, i- Panoul "Files" Planificarea i configurarea site-ului Trebuie s determinm unde vor fi plasate fiierile, i s analizm ce cerine va cere site-ul, scopul i auditoriul site-ului. Mai mult dect att, va trebui s lum n considerare cerinile tehnice pentru accesul utilizatorilor la siteu, precum i limitrile asociate cu browserul, plug-in-uri i ncrcri. Dup ce informaiea va fi sortat i structura definit putem trece la crearea site-ului. Organizare i gestionare fiierilor n site-u Din caseta "Files", putem aduga cu uurin, terge i redenumi fiierele i folderele, sau n alt mod adecvat s schimbm organizarea lor.

Coala
Mod Coala

N Document

Semnat.

26

Data

Caseta files

Caseta "Files" conine o gam larg de instrumente de gestionare a site-ului, schimbul de fiiere cu un server ndeprtat, reglarea procesului recuperare / retur previne suprascrierea fiierelor, i pentru sincronizarea fiierilor n site-ul local sau la distan. Setarea opiunilor pentru conexiuni locale i de reea Folosim acest parametru pentru a ne conecta la un dosar n reea sa-u n cazul cnd la calculatorul personal sunt salvate fiiere sau ruliaz un server test. 1 Selectm "-c (Web Site) "> " - (Gestionare Siteuri)"

Coala
Mod Coala

N Document

Semnat.

26

Data

2 Facem clic pe butonul " (Create)" pentru a crea un nou site web, sau selectai un site existent Dreamweaver i facem clic pe " (Modificare)".

3 n caseta de dialog " (Setri site)" selectm " (Servers)" i facem una dintre urmtoarele aciuni:
Coala
Mod Coala

N Document

Semnat.

26

Data

 Facem clic pe " (Add server)" pentru a aduga un nou server;

Alegem un server existent i facem clic pe " (Modificare server existent)." 4 n cmpul de text " (Nume Server)", introducem un nume pentru noul server. Putem alege numele dorit. Nume Server

5 Selectm "/ (Reea local /Reea global" din meniul pop-up " (Conectare prin)."

Coala
Mod Coala

N Document

Semnat.

26

Data

Selectare a Reelei

6 n caseta de text "URL-adres", introducem URL-adresa site-ul nostru. (de exemplu, http://www.mysite.com). Dreamweaver folosete cmpul URL-adres" pentru a crea legturi relative la rdcin sit-eu, precum i pentru verificarea referinelor atunci cnd se utilizeaz opiunile de testare.

Introduce rea Adresei

7 Facem clic pentru a " (Salva)" i a nchide " (Principale)". n categoria "Servere" indicm ce se adaug sau se modific n server: un server de la distan, server de testare sau se efectueaz ambele funcii concomitent.

Coala
Mod Coala

N Document

Semnat.

26

Data

Facem clic pentru a salva

2.2Lucrul n fereastra document - Code, Design sau Split Schimbarea modurilor de vizualizare n fereastra document Adobe Dreamweaver permite vizualizarea documentelor n mai multe moduri de afiare: Code (sursa documentului), Design (ceea ce afieaz browserul) sau Split (cod i design). Pentru a activa modul Code, se merge la View > Code sau se d click pe butonul Show Code View din toolbar-ul documentului:

Pentru a activa modul Design, se merge la View > Design sau se d click pe butonul Show Design View din toolbar-ul documentului:

Pentru a activa modul Split, se electeaz View > Code and Design sau se d click pe butonul Split (Show Code and Design View) din toolbar-ul documentului:

Coala
Mod Coala

N Document

Semnat.

26

Data

Trecerea succesiv ntre modul Code i Design se face apsnd tastele Ctrl+ "`". Dac ne aflm n modul Split i sunt afiate pe ecran ambele vizualizri, atunci aceast combinaie de taste mut cursorul ntre cele dou ferestre. Ferestre cascadate sau intercalate Dac sunt multe documente deschise n acelai timp,se pot aranja n cascad sau intercalate.Se alege una dintre cele dou opiuni: Window > Tile Horizontally sau Window > Tile Vertically pentru a afia toate ferestrele n acelai timp sau Window > Cascade pentru a le afia n cascada (una deasupra celeilalte). Redimensionarea ferestrei document Bara de stare afieaz dimensiunile curente ale ferestrei (in pixeli). Pentru a crea o pagin care s arate ct mai bine la o anumit rezoluie,se poate aduce fereastra la orice dimensiune predefinit sau se pot defini mrimi noi. Pentru a utiliza o mrime predefinit a ferestrei,se selecteaz una dintre dimensiunile din meniul pop-up Window Size aflat n partea de jos a ferestrei. Not (Numai pentru Windows): Se poate maximiza (mri) fereastra document astfel nct s ocupe ntreaga suprafa a documentului din fereastra integrat. Nu se poate redimensiona fereastra cnd este maximizat.

Dimensiunea reflect mrimea ferestrei de browser, fr margini; dimensiunea monitorului este trecut n paranteze. De exemplu,se va utiliza mrimea 536 x 196 (640 x 480, Default) dac vizitatorii site-ului tu vor folosi cel mai probabil Microsoft Internet Explorer sau Netscape Navigator pe un monitor de 640 x 480.

Coala
Mod Coala

N Document

Semnat.

26

Data

Pentru o dimensionare mai puin precis, se folosesc metodele standard ale sistemului de operare pentru redimensionarea ferestrelor (de exemplu tragnd colul dreapta-jos al ferestrei). Schimbarea valorilor listate n meniul pop-up Window Size

Se selecteaz din meniu Edit Sizes Click pe oricare din valorile de lime (width) sau nlime (height) din lista Window Sizes i tasteaz noua valoare.

Pentru ca fereastra s ajusteze numai limea (width) specific, se las nlimea nemodificat, se selecteaz i se terge valoarea cmpului nlime (height). Click pe Description i se adaug un text descriptiv pentru mrimea care s-a modificat. Adugarea unei noi dimensioni n meniul pop-up Window Size Se selecteaz din meniu Edit Sizes

Click pe spaiul gol de sub ultima valoare din coloana Width Se adaug valori pentru lime i nlime ( Width i Height). Pentru a seta numai una din valori, se las gol celellt cmp.

Click pe Description i adaug un text descriptiv pentru mrimea pe care ai creat-o. De exemplu, poti scrie "SVGA" sau "average PC" lng elementul de intrare pentru un monitor de 800x600px si "17-in. Mac" lng de dimensiuni. Dimensiunea ferestrei i viteza de conectare Pentru a modifica dimensiunea ferestrei i viteza de conectare:

elementul de intrare

pentru un monitor

832x624px. Majoritatea monitoarelor pot fi ajustate la o varietate

Se selecteaz Edit > Preferences (Windows) sau Dreamweaver > Preferences (Macintosh). Se selecteaz tab-ul Status Bar din lista Category aflat n partea stng.

Coala
Mod Coala

N Document

Semnat.

26

Data

Se seteaz oricare din urmtoarele opiuni: Mrimea ferestrei (Window Sizes) : - modific dimensiunile ferestrei din meniul pop-up al status bar. Viteza conexiunii (Connection Speed): - determin viteza conexiunii (n kb/sec) folosit pentru a calcula rata de download a unei pagini. Rata de download pentru pagin este afiat n status bar. Cnd o imagine este

selectat n fereastra document, rata de descrcare a imaginii este afiat n Property Inspector. Rapoarte in Dreamweaver Adobe Dreamweaver ofer o serie de rapoarte care se pot utiliza pentru a se verifica site-ul. Acestea pot fi accesate din fereastra Results (F7):

Search se caut tag-uri, atribute, text n cadrul tag-urilor. Validation se pot verifica erorile de sintax ale codului. Target Browser Check se poate testa codul HTML din documentele tale pentru a vedea dac unele tag-uri i atribute nu au suport pe anumite browsere. Link Checker se pot gsi link-uri deteriorate, externe, "orfane". Site Reports se pot mbunti atributele de test HTML i workflow-ul din site. Rapoartele Workflow includ note de design, "checked out by", modificri recente; rapoartele HTML includ taguri de font imbricate, accesibilitate, lipsa textului "alt", taguri imbricate "alt" redundante, tag-uri vide ce pot fi terse, documente fr titlu. FTP Log - permite vizualizarea activitii de transfer FTP. Server Debug - permite vizualizarea informaiei pentru a depana o aplicaie Macromedia ColdFusion de la Adobe.

Coala
Mod Coala

N Document

Semnat.

26

Data

2.3 Inserarea tabelelor n Dreamweaver Tabelele sunt folosite pentru a organiza informaia pe o pagina web. Ele sunt utilizate pentru pozitonarea imaginilor i a textului, permind realizarea de pagini html cu un design complex. Pentru a insera un tabel n Dreamweaver, se selecteaz Insert > Table din meniul principal.

Se selecteaz numrul de rnduri (rows), coloane (columns), distana dintre celule, limea (width) tabelului n procente sau pixeli i dimensiunea conturului (border), apoi se apas OK.

Pe ecran va aprea un tabel cu 3 rnduri i 3 coloane, lime 75% i marginea=1 ca mai jos.
Coala
Mod Coala

N Document

Semnat.

26

Data

Dup selectarea tabelului, fereastra de proprieti va arta ca mai jos. Se pot seta rndurile, limea, nlimea (height), distana dintre celule, alinierea la stnga/dreapta/centru i limea marginii.

Din panoul de proprieti adiionale se pot fundal (background image).

seta culoarea de fundal

(background color), culorile marginilor (border color) sau imaginea de

Formatarea oricrei celule sau grup de celule poate fi efectuat selectnd celula/celulele, iar fereastra de proprieti permite selectarea fontului i alte atribute.

Din panoul de proprieti adiionale se pot modifica alinierea orizontal, vertical, limea, nlimea, nowrapping, imaginea, culoarea de fundal i culoarea marginilor.

Coala
Mod Coala

N Document

Semnat.

26

Data

2.4 Colorarea unei celule si a unui table Interfaa Dreamweaver ofer posibilitatea de a schimba uor nuana unei celule dintr-un tabel sau conturul acesteia prin utilizarea Color Picker. Pentru exemplu nostru vom utiliza un tabel de 100 px lime pe care l vom crea selectnd din meniul principal Insert > Table.

n modul Design (View > Design), tabelul va arta astfel:

n panoul de proprieti, eticheta Bg arat faptul c celula nu este colorat (cmpul codului de culoare este gol).

Coala
Mod Coala

N Document

Semnat.

26

Data

Click pe casua i selecteaz System Colour Picker.

Selecteaz o culoare pentru a o aduga, apas butonul Add in Custom Colours i apoi OK.

Culorile sunt exprimate de 3 numere hexazecimale de la 00 la FF (255 n baza 10) ntr-o scar de poart denumirea de RGB (Red-Green-Blue). Primul numr reprezint cantitatea de rou, cel de-al doilea numr cantitatea de verde i ultimul cantitatea de albastru. n aceast scal, #FFFFFF este alb, iar #000000 este negru, ceea ce nseamn c nuana este cu att mai
Coala
Mod Coala

N Document

Semnat.

26

Data

deschis cu ct numerele sunt mai mari. Ca alte exemple, #FF0000 este rou, #00FF00 este verde i #0000FF albastru, iar nuanele de gri au toate cele 3 componente egale (de exemple #363636). n mod similar poi selecta o culoare pentru fundalul tabelului sau conturul acestuia, utiliznd campurile Bg Color i Brdr Color.

Observaie: Pentru a putea vizualiza conturul tabelului, campul Border trebuie s aib valoarea de cel puin 1 pixel.

Iat rezultatul:

Dac se vizualizeaz tabelul n modul Code (View > Code), codul html va arta astfel: <table <tr> <td bgcolor="#61B6CA">&nbsp;</td> </tr> </table> Dup cum se poate vedea, culoarea de fundal a unei celule este dat de atributul bgcolor="#61B6CA" al tag-ului <td>. n mod similar, tag-ul <table>
Coala
Mod Coala

width="100"

border="1"

cellpadding="0"

cellspacing="0"

bordercolor="#000000" bgcolor="#61B6CA">

N Document

Semnat.

26

Data

are trei atribute: border="1" bordercolor="#000000" (pentru contur) i bgcolor="#61B6CA" (pentru fundal). Cu alte cuvinte, un tabel poate fi colorat direct prin scrierea de cod html n document.

3 FACILITI, PERFORMANE I DEZAVANTAJE 3.1 Faciliti i Performane

Pachetul Macromedia este ideal pentru realizarea unor pagini de internet deosebit de utile, atractive si pline de interactivitate. Modul de utilizare a instrumentelor grafice pe care le gasim in pachetul Macromedia depinde de interesul fata de mediul web, de scopul pe care vrem sa-l urmarim si de asemenea de cunostintele noastre in materie de tehnologie si programare.

Interfata prietenoasa a acestui pachet de soft ne da posibilitatea de a utiliza instrumentele sale componente, de la un nivel scazut pana la un nivel ultraCoala
Mod Coala

N Document

Semnat.

26

Data

profesional, fiind astfel pe placul oricarui utilizator, satisfacand cerintele de baza. Pachetul Macromedia pentru realizarea paginilor web cuprinde nu doar Dreamweaver ci i programe precum: Fireworks (utilizat in speta pentru crearea elementelor active din pagina: butoane, campuri si diverse grafice); Freehand (avand cam aceleasi atribute ca Fireworks); Director (un instrument deosebit de util pentru crearea aplicatiilor interactive, utilizand scriptul lingo (movie script) ca mediu principal de programare, descriind toate instantele si posibilitatile de manipulare a frame-urilor) si nu in ultimul rand Dreamweaver (prin intermediul caruia inseram toate aplicatiile create, fiind intr-o anumita masura programul de implementare si constituire propriu-zisa a paginilor web). Dreamweaver este foarte prietenos si ne ajuta in realizarea siteului dorit punandu-ne la dispozitie o gama foarte variata de instrumente (de la tutoriale pana la exemple de scripturi si templat-uri pentru design), toate din prima pagina. Macromedia Dreamweaver este un editor HTML care ne permite crearea paginilor i lucrul cu imagini sau elemente multimedia ntr-un mediu vizual i/sau al codului. De asemenea, acesta ofer instrumente i pentru managementul i meninerea siturilor web. Una din cele mai mari provocri ale authoring-ului n HTML este creterea rapid a fiierelor hipertext, imaginilor i celor multimedia. Caseta de dialog Site Definition din Dreamweaver nu configureaz doar un sit pentru dezvoltare ci i activeaz facilitile de management a fiierelor i chiar cele de publicare pe web. 3.2 Avantaje i Dezavantaje Avantajele Utilizarii Programului Dreamweaver Dreamweaver, e o componenta software puternica, folosita pentru website design, care e foarte usor de folosit si da rezultate bune. Cu librariile si templateurile sale extensive, chiar si un incepator poate sa faca un site. Totusi, daca esti un designer mai experimentat, Dreamweaver poate fi folosit sa creezi site-uri construite in jurul bazelor de date, care-i sunt mult mai utile utilizatorului.
Coala
Mod Coala

N Document

Semnat.

26

Data

Interfata programului a fost conceputa astfel incat sa usureze creerea atat a site-urilor simple, cat si a celor complexe, folosind metoda point and click, care simplifica multe sarcini. Avantajele lui Dreamweaver asupra programarii in html incepand de la zero sunt infinite. Dreamweaver creaza o mare parte din cod pentru utilizator, ceea ce il face incredibil de folositor pentru cei ce nu stiu ce fac, iar pentru cei ce stiu ce fac, ei pot intodeauna sa adauge ce vor la codul existent, deoarece e mai simplu. Putem sa vizualizm atat codul cat si design-ul, sau chiar ambele deodata, ca sa vedem ce rezultat au provocat modificarile codului. In plus, cand salvm un site, putem s vizualizm pagina intr-un web browser, pentru a vedea cum ar arata pe internet. Nici nu trebuie sa fim conectai la internet pentru a face aceasta, deoarece o putem face si offline. Daca vrem sa modificm un cod, Dreamweaver are niste ustensii care ne ajuta sa corectm erorile de sintaxa. Mai sunt inca atat de multe functii grozave in Dreamweaver pe care nu le gasim in editoarele html obisnuite. Una dintre acestea este asa-numitul Layout Tool, cu care ne facem o idee despre unde sa-ne punem meniurile, pozele, etc. Dezavantaje n procesul de creare a unui site pot aprea o serie de greeli de design, cele mai multe datorate nerespectrii tehnicilor i principiilor. Pagini fr legturi ("fundturi") Una dintre cele mai frustrante situaii n care se poate gsi o persoan care navigheaz pe Web este o pagin fr instrumente de navigare i fr nici un indiciu privind site-ul cruia i aparine. Desigur, site-ul din care face parte pagina poate fi localizat observnd prima parte a adresei URL a paginii, care apare n bara de adrese a browserului. Dar a fora vizitatorul s efectueze aceast manevr este cu totul nerecomandat. Cel mai probabil acesta nu se va osteni s caute pagina Home a unui asemenea site ci l va prsi definitiv.
Coala
Mod Coala

N Document

Semnat.

26

Data

Pagini "uriae" Dac paginile "fundtur" ofer prea puine indicii vizitatorului, exist i reversul lor: paginile "uriae". Aceste pagini sunt ncrcate pn la refuz cu informaii, liste, imagini, link-uri i alte elemente. Paginile de acest fel ridic dou mari probleme:

Timpul de acces. Mai ales dac pagina conine foarte multe imagini, timpul de ncrcare al paginii poate fi foarte mare Suprancrcarea cu informaii. Dac vei pune prea mult informaie ntr-o singur pagin vizitatorul acesteia nu va fi capabil s o proceseze.

Concluzii 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-eu, 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

Coala
Mod Coala

N Document

Semnat.

26

Data

public (att comercial ct i gratuit) pentru probleme de dezvoltare web, de la simple efecte rollover pn la soluii complete de vnzare online, nInternet. n Dreamweaver, termenul site se refer la o locaie de stocare a documentelor care aparin website-ului. Un site n Dreamweaver furnizeaz o modalitate de a organiza i gestiona toate documentele web, ncrcarea site-ului pe un server, urmrirea i ntreinerea link-urilor, gestionarea i partajarea fiierelor. Dreamweaver permite lucrul cu o gam larg de fiiere, cum ar fi pagini html, css, imagini jpg sau gif, xml, pagini dinamice php sau asp. Cel mai ntlnit dintre acestea este formatul html.

Bibliografie Resurse informaionale din Internet: www.tutorialized.com/tutorials/Dreamweave http://renne.ro/ http://facultate.regielive.ro/ http://www.news42day.com/ online-tutoriale.blogspot.com/p/tutorial-adobe-dreamweaver.html http://vechi.upg-ploiesti.ro

Coala
Mod Coala

N Document

Semnat.

26

Data