Você está na página 1de 17

Frame

Os frames são divisões da tela do


browser em diversas telas (ou
“quadros”).
Composição com Frames
<FRAMESET COLS="x, y">
<FRAME SRC="col1.html">
<FRAME SRC="col2.html">
</FRAMESET>
<HTML>
<HEAD>
<TITLE>Frames</TITLE>
</HEAD>
<FRAMESET COLS="20%, 80%">
<! Divide a tela em duas partes
</FRAMESET>
</HTML>
Composição com Frames
<FRAMESET ROWS="x, y">
<FRAME SRC="lin1.html">
<FRAME SRC="lin2.html">
</FRAMESET>
<HTML>
<HEAD>
<TITLE>Frame</TITLE>
</HEAD>
<FRAMESET COLS="20%, 80%">
<FRAME SRC="indice1.html">
<FRAME SRC="apresenta.html"
NAME="principal">
</FRAMESET>
</HTML>
<FRAME SRC="apresenta.html"
NAME="principal">
Neste código o frame associado a apresenta.html
tem um atributo NAME. Nomear um frame permite
que direcionemos o frame em que será apresentado
o documento de destino de um link. No exemplo
visto, o arquivo indice1.html tem um link da seguinte
forma: <A HREF=“Destino.html">Ajuda</A>

<a href="apresenta2.html"
target=principal>Exemplo nº.2</a>.
Link
<A HREF=“Destino.html">Ajuda</A>

No exemplo visto, o arquivo indice1.html tem


um link da seguinte forma:

<a href="apresenta2.html" target=principal>


Exemplo nº.2</a>.
Link
<a href="pagina2.html" target="principal">
Portal</a>

<a href="produtos.html" target="principal">


Produtos</a>

<a href="contato.html" target="principal">


Contato</a>
Noframes
<noframes>
<p>Você entrou numa página que usa frames,
um recurso não suportado pelo browser que
está usando. Sugerimos obter uma versão
atualizada do Firefox ou do Internet Explorer
através dos seguintes sites:
<p>Microsoft: <a href="http://
www.microsoft.com“>
http://www.microsoft.com</a>
...
</noframes>
<HTML>
<HEAD><TITLE>Assunto X</TITLE></HEAD>
<FRAMESET COLS="20%, 80%">
<FRAME SRC="indice1.html">
<FRAME SRC="apresenta.html"
NAME="principal">
<NOFRAME>
<BODY>
<H2>Bem-vindo à página!</h2>
<P>
Exemplo
Exemplo
</BODY>
</NOFRAME>
</FRAMESET>
</HTML>
Composição com Frames
<FRAMESET COLS="x, y">
<FRAME SRC="col1.html">
<FRAMESET ROWS="x, y">
<FRAME SRC="lin1.html">
<FRAME SRC="lin2.html">
</FRAMESET>
</FRAMESET>
Composição com Frames
<FRAMESET ROWS="x, y">
<FRAME SRC="lin1.html">
<FRAMESET COLS="x, y">
<FRAME SRC="col1.html">
<FRAME SRC="col2.html">
</FRAMESET>
</FRAMESET>
Limpando a tela
Há basicamente dois efeitos possíveis
para limpar a apresentação de frames, e
isso é feito com "targets" especiais :
TARGET="_top" limpa os frames que
estiverem ativos, apresentando a página
de destino na tela inteira
TARGET="_blank" abre uma nova janela
do browser para apresentar a página de
destino
Atributos para
<FRAMESET ...>
FRAMEBORDER = YES | 1 | NO | 0
FRAMESPACING = integer
BORDER = integer
Atributos para
<FRAMESET ...>
<FRAMESET ROWS="50%,*" BORDERCOLOR=RED>

Exemplo:
<FRAMESET ROWS="*,*,50%,*,*" bordercolor=YELLOW>
<FRAME SRC=“pag1.html">
<FRAME SRC=“pag2.html">
<FRAME SRC=“pag3.html" BORDERCOLOR=RED>
</FRAMESET
Atributos para
<FRAME ...>
SCROLLING = YES | NO | AUTO
<FRAMESET ROWS="30%,30%,*">
<FRAME SRC="scrollingYes.html"
SCROLLING=YES>
<FRAME SRC="scrollingNo.html"
SCROLLING=NO>
<FRAME SRC="scrollingAuto.html"
SCROLLING=AUTO>
</FRAMESET>
Atributos para
<FRAME ...>
SCROLLING = YES | NO | AUTO
<FRAMESET ROWS="30%,30%,*">
<FRAME SRC="scrollYes.html"
SCROLLING=YES>
<FRAME SRC="scrollNo.html"
SCROLLING=NO>
<FRAME SRC="scrollAuto.html"
SCROLLING=AUTO>
</FRAMESET>