CADRE
Cadrele (frames) sunt sectiuni ce ofera posibilitatea de a vizualiza simultan în fereastra browser-ului mai multe pagini Web.
Bazele organizarii cadrelor
Fiecare pagina afisata într-un cadru se specifica utilizând marcajul <FRAME> ce este inserat în marcajul <FRAMSET>.
Prin intermediul parametrilor ROWS sau COLS al marcajului <FRAMSET> se defineste spatiul din cadrul ferestrei browser-ului, alocat fiecarei 919f54j pagini Web în parte.
Definirea spatiului alocat fiecarei 919f54j pagini Web se poate face în pixeli sau în procente, procentul se refera la cât la suta din fereastra browser-ului este alocata fiecarei pagini Web în parte.
6.1. Cadre orizontale
Exemplul1: Împartirea browser-ului în doua sectiuni orizontale.
|
Cadre1.html |
|
<HTML> <FRAMESET ROWS="80, *"> <FRAME SRC ="unu.html"> <FRAME SRC ="doi.html"> </FRAMESET> </HTML> |
Exemplul2: Împartirea browser-ului în trei sectiuni orizontale.
|
Cadre2.html |
|
<HTML> <FRAMESET ROWS="80,50, *"> <FRAME SRC ="unu.html"> <FRAME SRC ="doi.html"> <FRAME SRC ="trei.html"> </FRAMESET> </HTML> |
6.2. Cadre verticale
Exemplul1: Împartirea browser-ului în doua sectiuni verticale.
|
Cadre3.html |
|
<HTML> <FRAMESET COLS="80,*"> <FRAME SRC ="unu.html"> <FRAME SRC ="doi.html"> </FRAMESET> </HTML> |
Exemplul2: Împartirea browser-ului în trei sectiuni verticale.
|
Cadre4.html |
|
<HTML> <FRAMESET COLS="80,50,*"> <FRAME SRC ="unu.html"> <FRAME SRC ="doi.html"> <FRAME SRC ="trei.html"> </FRAMESET> </HTML> |
6.3. Cadre în cadre
Exemplul1: Putem afisa în aceeasi fereastra a browser-ului simultan atât cadre orizontale cât si cadre verticale.
|
<HTML> <FRAMESET COLS="80%,*"> <FRAMESET ROWS="30%,70%*"> <FRAME SRC="unu.html"> <FRAME SRC ="doi.html"> </FRAMESET> <FRAMESET ROWS="33%,33%,*"> <FRAME SRC ="rosu.html"> <FRAME SRC ="galben.html"> <FRAME SRC ="verde.html"> </FRAMESET> </FRAMESET> </HTML> |
Exemplul2: Unui cadru i se poate asocia un nume prin intermediul parametrului NAME al marcajului <FRAME>.
|
Documentul prima.html |
|
<HTML> <FRAMESET COLS="30%,*"> <FRAME SRC ="ROSU.html"> <FRAMESET ROWS="30%,*"> <FRAME SRC ="NEGRU.html"> <FRAME SRC ="ALB.html" NAME=REFER> </FRAMESET> </FRAMESET> </HTML> |
|
Documentul rosu.html |
|
<HTML> <HEAD> </HEAD> <BODY BGCOLOR="RED"TEXT="#FFFFFF"> <A HREF="VERDE.html" TARGET=REFER>Referire catre pagina Web verde</A> <BR> <A HREF="ALBASTRU.html"TARGET=REFER>Referire catre pagina Web albastra</A> </BODY> </HTML> |
|
Documentul alb.html |
|
<HTML> <HEAD> </HEAD> <BODY BGCOLOR="WHITE"TEXT=#000000"> <H1><CENTER>PAGINA ALBA</CENTER></H1> </BODY> </HTML> |
|
Documentul negru.html |
|
<HTML> <HEAD> </HEAD> <BODY BGCOLOR="BLACK"TEXT=#FFFFFF"> <H1><CENTER>PAGINA NEAGRA</CENTER></H1> </BODY> </HTML> |
|
Documentul verde.html |
|
<HTML> <HEAD> </HEAD> <BODY BGCOLOR="GREEN"TEXT=#000000"> <H1><CENTER>PAGINA VERDE</CENTER></H1> </BODY> </HTML> |
|
Documentul albastru.html |
|
<HTML> <HEAD> </HEAD> <BODY BGCOLOR="BLUE"TEXT=#000000"> <H1><CENTER>PAGINA ALBASTRA</CENTER></H1> </BODY> </HTML> |
Exercitii:
Scrieti codurile HTML anterioare (prima.html, rosu.html, alb.html, negru.html, verde.html, albastru.html) creând paginile Web corespunzatoare.
Vizualizati pagina Web prima.html.
Vizitati pe rând referintele: "Referire catre pagina Web verde" si "Referire catre pagina Web albastra". Ce constatati?
|
