Descriere:Utilizarea cadrelor
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial): Propria parere:Util.
Tutorialul:
Cadrele, sau frame-urile, sunt folosite pentru împărţirea ferestrei browser-ului astfel încât să fie afişate mai multe pagini în aceeaşi fereastră de browser.
Un frame (cadru) este o parte din suprafaţa ferestrei browserului.
Fiecare frame prezintă în interior un document propriu (în general un document HTML). De exemplu puteţi creea două cadre într-o fereastră, în primul cadru puteţi încărca un document HTML (ex. doc1.htm) iar în al doilea cadru un alt document HTML, de la altă adresă (ex. doc2.htm)
După cum puteţi vedea în imaginea de mai jos.
cadre
Pentru crearea de frame-uri se pot folosi următoarele etichete HTML:
<frameset> şi <frame> sau <iframe>
1. Configurarea cadrelor
Pentru început se adaugă un element <FRAMESET> ... </FRAMESET> în interiorul documentului HTML, în secţiunea HEAD.
<FRAMESET> determină cât din spaţiul ferestrei este atribuit fiecărui cadru, folosind atributele ROWS sau COLS care împart ecranul în Linii sau Coloane.
Acesta va conţine elemente <FRAME>, câte unul pentru fiecare divizare a ferestrei din browser.
ROWS
Determină numărul de linii şi mărimea cadrelor care vor fi aşezate în linie, începând de sus.
Pot fi folosite următoarele valori:
- pixeli absoluţi ; ex : "360,120"
- procente din înălţimea ecranului ; ex : "75%,25%"
- valori proporţionale, folosind
. Acesta putând fi combinat cu procente sau pixeli. Ex : "120,*" sau "30%,*"COLS
Determină numărul de coloane şi mărimea cadrelor care vor fi aşezate pe coloane, începând din stânga.
Pot fi folosite următoarele valori:
- pixeli absoluţi ; ex : "380,120"
- procente din lungimea ecranului ; ex : "33%,77%"
- valori proporţionale, folosind
. Acesta putând fi combinat cu procente sau pixeli. Ex : "120,*" sau "30%,*"Alte atribute ale elementului <FRAMESET>
FRAMEBORDER - Stabileşte afişarea sau nu a unei borduri în jurul cadrelor. Posibile valori: 0, 1 sau YES, NO.
FRAMESPACING - Acest atribut este specificat în pixeli. Dacă FRAMEBORDER este 0 atunci şi acesta trebuie să aibă valoarea 0
BORDER - Marginea cadrelor. Valori posibile: 0 sau 1
BORDERCOLOR - Acest atribut permite să alegi culoarea bordurii.
Elementul <FRAME>
Acest element defineşte un singur cadru , este scris în interiorul elementului <FRAMESET>
Pentru fiecare cadru trebuie scris câte un element <FRAME>
Acesta are următoarele atribute:
SRC - Aici trebuie scrisă adresa şi numele paginii folosite pentru cadru
NAME - Aici trebuie scris numele de identificare al cadrului.
MARGINWIDTH - Atribut opţional, valoare în pixeli. Determină spaţiul orizontal dintre conţinutul cadrului şi marginea acestuia
MARGINHEIGHT - Atribut opţional, valoare în pixeli. Determină spaţiul vertical dintre conţinutul cadrului şi marginea acestuia.
SCROLLING - Afişează un Scroll Bar în cadru. Valori posibile: YES (permite afişarea Scroll Bar-ului), NO (nu va fi prezentat nici un Scroll Bar) şi AUTO (browser-ul va decide dacă este nevoie de Scroll Bar. Această valoare este cea mai indicată)
NORESIZE - Opţional, împiedică utilizatorul să modifice mărimea cadrului, prin selectarea marginii acestuia şi mutarea în stânga sau dreapta ori sus sau jos.
Mai jos puteţi vedea cum poate fi creată o pagină HTML care să conţină două cadre, cel din stânga ocupând 23% din spaţiul paginii iar cel din dreapta 77%
Cod:
Cod: Selectaţi tot
<HTML>
<HEAD>
<TITLE> TITLU PAGINII </TITLE>
</HEAD>
<FRAMESET COLS="23%,77%">
<FRAME SRC="doc1.htm" NAME="left" SROLLING="NO">
<FRAME SRC="doc2.htm" NAME="right" SROLLING="YES">
</FRAMESET>
<BODY>
</BODY>
</HTML>În acest caz, un al doilea element "<FRAMESET>" va fi scris în locul elementului "<FRAME>" care descrie a doua linie. Al doilea element <FRAMESET> va divide spaţiul rămas în două coloane. Pentru aceasta, al doilea element "<FRAMESET>" trebuie urmat de încă două elemente "<FRAME>"
- Pentru o mai bună înţelegere puteţi studia exemplul de mai jos, care crează o pagină ce conţine trei cadre:
Cod:
Cod: Selectaţi tot
<HTML>
<HEAD>
<TITLE> TITLU PAGINII </TITLE>
</HEAD>
<FRAMESET COLS="120,*">
<FRAME SRC="baner.htm">
<FRAMESET COLS="120,*">
<FRAME SRC="Meniu.htm" NAME="meniu">
<FRAME SRC="Continut.htm" NAME="date">
</FRAMESET>
</FRAMESET>
<BODY>
</BODY>
</HTML>Când sunt create link-uri care sunt folosite pentru a deschide pagini în cadre, este nevoie de specificarea unui atribut în eticheta de link "<a>" numit target, acesta spune browser-ului în ce cadru să deschidă pagina.
Atributul target foloseşte ca valoare textul din atributul NAME al elementului FRAME în care se va deschide noua pagină.
De exemplu, dacă avem un link în Meniu.htm care vrem să deschidă pagina Doc3.htm în spaţiul în care se află celalalt cadru, de exemplu: Continut.htm; codul HTML pentru link va arăta astfel în Meniu.htm:
<a href="Doc3.htm" target="numele cadrului Continut.htm"> Numele link-ului </a>
- dacă nu se specifică atributul TARGET , pagina se va deschide în cadrul curent
- atributul TARGET trebuie să aibă acelaşi nume specificat în codul HTML, ca şi atributul NAME din FRAME-ul în care se doreşte afişarea paginii.
Special Target:
Sunt 4 nume speciale de TARGET, care nu pot fi asociate cu atributul NAME. Fiecare are o funcţie specială.
target="_top"
- acesta va încărca link-ul în toată fereastra browser-ului, dispărând astfel cadrele.
target="_blank"
- acesta va încărca link-ul într-o nouă fereastră de browser, astfel rămânând deschisă şi vechea fereastră.
target="_self"
- acesta va încărca link-ul în aceeaşi fereastră de unde a fost acţionat.
target="_parent"
- cadrul "_parent" este cadrul anterior de la care a fost deschis noul cadru, dacă acesta nu există atunci link-ul se va deschide în actuala fereastră de browser.
3. Adaugarea cadrelor iframe
Pentru crearea unui cadru cu "<iframe>" puteţi folosi, ca exemplu, următoarea sintaxă (aceasta se adaugă în secţiunea BODY, în locul unde doriţi să apară frame-ul):
<iframe src="url_pagina" width="600" height="200" align="center" scrolling="yes" frameborder="0" name="nume_frame"> </iframe>
- Unde "iframe" este elementul principal care indică adăugarea unui frame în pagină.
- "url_pagina" e adresa paginii care va fi încărcată în iframe, "width" şi "height" reprezintă lungimea respectiv înălţimea cadrului (exprimată în procente sau pixeli), "scrolling" reprezintă permisiunea de derulare a paginii din cadru (yes sau no), "frameborder" specifică dacă va fi sau nu afişată o margine (bordură) pentru cadru (1=da, 0=nu), iar "nume_frame" este numele cadrului (necesar pentru atributul "TARGET" în link-uri sau când frame-ul este folosit de JavaScript).