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