utilizarea cadrelor (frames) în macromedia dreamweaver 8

13
UTILIZAREA CADRELOR (FRAMES) ÎN MACROMEDIA DREAMWEAVER 8

Upload: venice

Post on 11-Jan-2016

36 views

Category:

Documents


1 download

DESCRIPTION

Utilizarea cadrelor (frames) în Macromedia Dreamweaver 8. Cuprins. Utilizarea cadrelor (frames) în Macromedia Dreamweaver 8 Exemplu Frameset Selectarea cadrelor Configurarea cadrelor Bibliografie. Utilizarea cadrelor (frames) în Macromedia Dreamweaver 8. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

UTILIZAREA CADRELOR

(FRAMES) ÎN MACROMEDIA

DREAMWEAVER 8

Page 2: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

CUPRINS

Utilizarea cadrelor (frames) în Macromedia Dreamweaver 8

Exemplu Frameset Selectarea cadrelor Configurarea cadrelor Bibliografie

Page 3: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

UTILIZAREA CADRELOR (FRAMES) ÎN MACROMEDIA DREAMWEAVER 8 Cadrele oferă posibilitatea ca aceeași

fereastră a browser-ului să afișeze mai multe fișiere HTML (sau alte resurse). Un cadru se comportă ca și cum ar fi o fereastră independentă în cadrul ferestrei navigatorului (browser-ului).

O practică frecventă printre creatorii de site-uri este aceea de a utiliza două cadre verticale: în cadrul stâng se află de obicei meniul principal, acționarea unei opțiuni din acesta determinând afișarea unui document HTML în cadrul din partea dreaptă.

Page 4: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

EXEMPLU Spre exemplu, în figura de mai jos,

avem o pagină cu două cadre. Cadrul din stânga conține fișierul meniu.html și cadrul din dreapta fișierul dogs.html.

Page 5: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

FRAMESET Împărțirea ferestrei navigatorului în

cadre presupune crearea a cel puțin trei documente HTML distincte:

documentul părinte: conține marcajul container FRAMESET, care realizează împărțirea ferestrei navigatorului în mai multe cadre și definește un set de cadre;

câte un document pentru fiecare cadru pe care intenționăm să-l definim.

Page 6: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

FRAMESET Pentru a crea un cadru, trebuie mai întâi

să deschideți un fișier nou (sau unul existent). Apoi, trebuie să mergeți la meniul Insert → HTML → Frames și să selectați cadrul pe care doriți să-l creați.

Page 7: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

FRAMESET Spre exemplu, dacă dăm click pe Left,

un nou cadru va fi creat în partea stângă a paginii curente. Se observă o linie care împarte documentul.

În acest caz, avem 3 fișiere: un fișier stâng, unul drept și un fișier care conține setul de cadre. Pentru a selecta setul de cadre trebuie să dați click pe linia care desparte cadrele.

Page 8: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

SELECTAREA CADRELOR Dacă doriți să selctați cadrele

documentului, va trebui să mergeți în panoul Frames care poate fi deschis din meniul Window. Dacă opțiunea Frames nu este în meniul Window, poate fi în opțiunea Others. De asemenea, puteți deschide panoul Frames apăsând pe combinația de taste Shift+F2.

Panoul Frames conține toate cadrele care sunt conținute de document. Un cadru poate fi selectat dând click pe el în panoul Frames sau dând click pe bordura cadrului în pagina cu cadre.

Page 9: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

SALVAREA CADRELOR

Toate documentele care conțin cadre trebuie să aibă asociată câte o pagină în fiecare cadru. Pagini noi pot fi deschise ulterior în locul celor inițiale.

Salvarea paginii cu cadre se face astfel: meniul File → Save Frameset (Ctrl+S).

Page 10: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

CONFIGURAREA CADRELOR

După ce selectăm un cadru din panoul Frames, îi putem defini caracteristicile din inspectorul de proprietăți (Properties Inspector).

Page 11: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

Fiecare cadru are atribuit un nume care poate fi schimbat în caseta text Frame name. Numele nu trebuie să conțină spații.

Src este numele fișierului HTML care va fi afișat în cadru. În Borders puteți selecta o linie care să despartă cadrul

de celelalte cadre. Puteți specifica culoarea liniei în secțiunea Border Color.Scroll = “yes | no | auto” , stabilește comportamentul cadrului atunci când mărimea conținutului său depășește aria de afișare. Valoarea yes permite afișarea permanentă a barelor de derulare, valoarea no inhibă afișarea acestora, iar valoarea auto (implicită) afișează barele de derulare doar atunci când este nevoie.

No resize interzice utilizatorului redimensionarea cadrului; este o opțiune utilă în cazurile în care afișarea corespunzătoare a conținutului cadrului este dependentă de dimensiunea sa.

Margin width și Margin height reprezintă distanța dintre conținutul cadrului și marginile acestuia.

Page 12: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

CONFIGURAREA CADRELOR Dacă toate cadrele sunt selectate, atunci Propertis

inspector va afișa următoarele opțiuni:

În Borders puteți adăuga o linie care să despartă cadrele. Pentru această bordură (linie) puteți stabili grosimea și culoarea.În câmpul Column (sau Row) puteți stabili dimensiunea cadrului și aceasta poate fi exprimată în pixeli, procente din fereatra browser-ului sau poate fi relativă (proporțională) în raport cu restul cadrelor.De obicei, când folosim două cadre, dimensiunea unuia o exprimăm în pixeli, iar dimensiunea celuilalt va fi relativă pentru a se ajusta la dimensiunea ferestrei browser-ului.

Page 13: Utilizarea cadrelor  (frames)  în Macromedia  Dreamweaver 8

BIBLIOGRAFIE

http://www.teacherclick.com/dreamweaver8/t_8_2.htm

Manual de informatică pentru clasa a XII-a, autor Alin Burța, Editura All