1 / 13

Utilizarea cadrelor (frames) în Macromedia Dreamweaver 8

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.

venice
Télécharger la présentation

Utilizarea cadrelor (frames) în Macromedia Dreamweaver 8

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Utilizareacadrelor (frames) în Macromedia Dreamweaver 8

  2. Cuprins • Utilizareacadrelor (frames) în Macromedia Dreamweaver 8 • Exemplu • Frameset • Selectarea cadrelor • Configurareacadrelor • Bibliografie

  3. Utilizareacadrelor (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ă.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  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.

  9. 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: meniulFile → Save Frameset (Ctrl+S).

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

  11. Fiecarecadru are atribuit un nume care poatefischimbatîncaseta text Frame name. Numele nu trebuiesăconținăspații. • Srcestenumelefișierului HTML care vafiafișatîncadru. • ÎnBordersputețiselecta o linie care sădespartăcadrul de celelalte cadre. PutețispecificaculoarealinieiînsecțiuneaBorder 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țiuneutilă î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.

  12. Configurareacadrelor • 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.

  13. Bibliografie • http://www.teacherclick.com/dreamweaver8/t_8_2.htm • Manual de informatică pentru clasa a XII-a, autor Alin Burța, Editura All

More Related