Grupul Scolar "Carmen Sylva", Eforie Sud


 

Club web Carmen Sylva 2002

 

 

Home
De ce un curs de web?
Introducere in HTML
Primul HTML
Editoare HTML
Tagurile HTML
Elementele de baza Formatarea
Grafica
Legaturi
Caractere speciale
Preformatarea
Tabele
Frame-uri
Java script, Java applets
Servere de web
Design de web
Dezvoltare de web
Proiecte
Evaluare
Resurse

Frame-uri

O sa examinam in continuare sintaxa pentru crearea unei structuri frame.Exemplul de mai jos creaza un document frame cu zone separate sus, jos si in stinga. Zona dreapta este cea care afiseaz continutul documentelor.

<HTML>
<HEAD>
</HEAD>
<FRAMESET ROWS="10,80,10">
<FRAME SRC="topbanner.html">
<FRAMESET COLS="30,70">
<FRAME SRC="index.html">
<FRAME SRC="results.html">
</FRAMESET>
<FRAME SRC="bottombanner.html">
</FRAMESET>
<NOFRAMES>
<B>I'm sorry, you don't have frames.
</NOFRAMES>
</HTML>

Un document care contine tagul FRAMESET are aceiasi structura de baza cu documentele HTML obisnuite cu exceptia faptului ca tagul BODY este inlocuit cu tagul FRAMESET.

<FRAMESET ROWS="lista de valori" COLS="lista de valori"></FRAMESET>
Acest tag divizeaza fereastra in linii si coloane.

ROWS="lista de valori"
Lista de valori este formata din mai multe numere separate de virgula. Valorile pot fi exprimate in procente (intre 1 si 100) sau direct in pixeli. Numarul de linii este determinat de numarul de valori din lista.
Exemplu:
<FRAMESET ROWS="20%,60%,20%">
Este o lista de procente.

<FRAMESET ROWS="100,500,100">
Este o lista de valori exprimata in pixeli.

<FRAMESET ROWS="50, 2*, *">
Este un exemplu mixt: valori fixe si relative. Prima linie are 50 pixeli, iar cea de-a doua si a treia impart spatiul ramas a doua 2/3 si a treia 1/3 din spatiul ramas. Un singur "*" inseamna tot spatiul ramas.

COLS="lista de valori"
Lista de valori este formata din mai multe numere separate de virgula. Valorile pot fi exprimate in procente (intre 1 si 100) sau direct in pixeli. Numarul de linii este determinat de numarul de valori din lista.
Exemple:
<FRAMESET COLS="30%,70%">
Doua coloane cu 30% respectiv 70% din spatiul disponibil.

<FRAMESET COLS="100,100,20%,*">
Patru coloane primele doua de 100 pixeli, a treia de 20% din fereastra si ultima spatiul care ramane.

<FRAME SRC="url" NAME="nume fereastra" SCROLLING=YES|NO|AUTO NORESIZE MARGINWIDTH="valoare" MARGINHEIGHT="valoare">
Acest tag defineste fisierele care se incarca in frame. Fara un URL fram-ul ramane alb.
SRC="url"
Examplu: <FRAME SRC="http://www.lefo.ro">

NAME="nume fereastar"
Exemplu<FRAME NAME="banner">
Acest tag asigneaza un nume fram-ului. Acest nume poate fi utilizat ca o tinta de alte legaturi dinalte ferestre. Este optional.
O referinta catre acest frame se poate face ca mai jos:
<A HREF="http://www.foo.com" TARGET="banner">link</A>

MARGINWIDTH="valoare"

MARGINHEIGHT="value"

SCROLLING=YES|NO|AUTO
Example <FRAME SCROLLING=YES>
Indica daca frame-ul are sau nu scrollbar. YES -indica ca framul are scrollbar iar NO indica absenta scrollbar-ului. AUTO indica ca browserul decide daca va exista scrollbar.

NORESIZE
Example <FRAME NORESIZE>
Acest tag indica ca framul nu va putea fi redimensionat..

<NOFRAMES></NOFRAMES>
Acest container este utilizat pentru a crea o solutie alternativa de afisare a documentelor incazul browserelor care nu suporta fram-uri.

Exemple de frame-seturi

Doua coloane
<frameset cols="33%,66%">
<frame src="framesets1hindex.html">
<frame src="A.html" name="CONTENT">
</frameset><A HREF="A.html" name="CONTENT">

Framset 2x3
<frameset rows="50%,50%">
<frameset cols="33%,33%,33%">
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
<frameset cols="33%,33%,33%">
<frame src="D.html">
<frame src="E.html">
<frame src="F.html">
</frameset>
</frameset>

Exercitii:

  1. Creati o pagina web utilizand fram-uri cu doua coloane
  2. Creati o pagina web utilizand fram-uri cu trei linii
  3. Creati o pagina web utilizand fram-uri cu doua linii si doua coloane

 





Coduri culori

Tester culori
     

| Home | Lefo | Carmen Sylva |
Pagina a fost updata ultima oara pe 09-Oct-2004 9:16 PM
Pentru comentarii legate de aceasta pagina [email protected]