MACROMEDIA DREAMWEAVER MX

Editor HTML Instrument de gestionare a unui site

web Instrument de dezvoltare aplicaţiilor

Web Instrument de tip WYSIWYG Excelează în Dynamic HTML (animaţie

controlată în timp, poziţionare exactă a conţinutului unei pag Web şi crearea scriptului care o face să funcţioneze)

Elementele suprafeţei de lucru Bara de titlu Bara de meniuri Bara de inserări (două modalit. de

vizualiz) Bara de instrumente Fereastra document Grupul de panouri (Files, Tag, Aplication,

Code) Fereastra de inspectare a proprietăţilor Bara de stare

Definirea unui site Web nou Definirea unui site este necesară pt ca

Dreamweaver să ştie unde este rădăcina site-ului

Meniul Site New Site – caseta de dialog Site Definition – programul wizard de definire a site-ului are 3 pagini principale: Editing Files (stab. dir. local) Testing Files (numai pt site-urile care folosesc

tehnologii de server) Sharing Files

Fereastra Site (meniul Site - c-da Site Files) are 2 compartimente : fişierele locale (dreapta) şi site-ul de pe server

Este indicat să organizaţi site-ul Web în foldere pt: imagini, scripturi, flash, etc.

În interiorul site-ului se folosesc căile relative la document pt a putea muta oriunde site-ul (astfel legăturile vor funcţiona)

Moduri de vizualizare Design Code Show Code and Design ViewsPt. vizualizarea Code, meniul View Options:

Word Wrap Line Numbers Highlinght Invalid HTML Syntax Coloring Auto Indent

Afişarea imaginilor în cadrul unei pagini 1. Bara Insert Insert Image(din caseta de dialog Select Image Source

aflăm şi timpul necesar descărcărcării)2. Insert Rollover Image (sunt necesare

2 fişiere de aceleaşi dimensiuni)3. Insert Navigation Bar (pt o bara de

navigare cu imagini rollover şi cu legături)

Adăugarea fişierelor multimedia Indiferent de tipul fişierelor multimedia

(.mov, .avi, .wav, .aiff) trebuie să existe un program pt a fi rulate de browser Pulg-in (Netscape) Controale Active X (Internet Explorer)

Există o funcţie behavoir care detectează dacă vizitatorul are un anumit program de redare (player).

Adăugarea fişierelor Flash Standarde pentru animaţie pe Web:

Macromedia Flash (.swt, .swf,.fla) Director are un program de redare pe

Web numit Shockwave (.dcr)Pt a insera conţinut multimedia:<embed> - pt. module plug-in<object> - pt. Internet ExplorerObs. Dreamweaver inserează automat

ambele tag-uri.

Crearea unui text Flash Avantaje ale unui text Flash:

textul poate fi mai mare decât în HTML poate fi prelucrat prin dezimţuire poate fi folosit orice font, chiar dacă acesta

nu se găseşte pe calculatorul vizitatoruluiPt a insera un obiect Flash: Salvăm pagina Bara Insert - secţiunea Media – Flash Text se crează un film pt textul Flash

Crearea unui buton Falsh

Există mai multe machete pt. butoane Flash.

Bara Insert - Media - Insert Flash Button În caseta de dialog Insert Flash Buttonselectăm un buton şi se introduce textul(Button text) Extensia filmelor text Flash şi a

butoanelor Flash este .swf.

Adăugarea unei legături la un fişier PDF

Se creează o hiperlegătură la URL-ul fişierului .pdf (portable digital format)

Dacă există un modul plug-in, Acrobat Reader se va deschide în cadrul browserului; dacă nu există modul, dar există Acrobat Reader, acesta se va deschide în afara browserului.

Adăugarea unui fişier de sunet

Bara Insert - Media – Plug in Redimensionarea controlului Implicit un obiect plug-in are 32x32 pixeliParametri pt sunete Loop (true, false, N) Autostart (true, false) Hidden (true, false) Volume (0- 100) Playcount (pt. Internet Explorer)

Instalarea unui applet Java Media – Applet în caseta de dialog

Select File selectăm fişierul corespunzător şi introducem toţi parametrii ceruţi de documentaţia applet-ului (butonul Parameters).

Obs. - nu plasăm informaţii vitale într-un applet.

- trebuie să citim instrucţiunile de configurare

Gestionarea componentelor cu panoul Assets Scop: organizare mai bună, eficienţă Assets=componente - imagini, filme, culori,

URL-uri, filme Flash, filme Shockwave, filme, scripturi (externe .js) , machete, bibliotecă

În cadrul panoului acestea sunt grupate pe categorii.

Obs.- componentele sunt specifice site-ului curent- la deschiderea acestui panou Dreamweaver plasează fişierele în categ. corespunzătoare

Elementele de bibliotecă Sunt porţiuni dintr-o pagină (spre

deosebire de şablon, care este o pagină întreagă). Ambele însă pot actualiza automat toate legăturile şi paginile.

Elem de bibliotecă pot fi create din orice obiect conţinut în secţiunea <body>.

Inserarea de funcţionalităţi de tip script folosind funcţiile behavior (comportamentale) O fcţ. behavior este o acţiune declanşată de un

eveniment (ex: onMouseOver, onMouseDown, onMouseUp, onClick, onLoad, onBlur, onFocus)

Funcţie behavior=eveniment+acţiune Acţiunile implică existenţa codului JavaScript

(acesta este inserat în pag. de către Dreamweaver).

Pot fi ataşate mai multe funcţii behavior unui obiect. Un eveniment poate declanşa mai multe acţiuni.

Lista de funcţii behavior o găsim în meniul Behaviors(+).

Din meniul derulant Show Events For se poate alege un anumit browser, sau o anumită versiune.