Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Frames

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Frames   6/8/2008, 12:17 am

OQUE SÃO FRAMES?

Frames são divisões criadas na janela do navegador, permitindo que esta seja dividida em diversas partes, criando assim um ambiente em que mais de uma página possa ser vista na mesma janela.

As Frames são recursos muito utilizado atualmete em home pages, usadas para elaboração de barras de menus e banners fixos na tela, já que as páginas colocadas em frames são completamente independentes umas das outras.

Para definirmos de frame em uma página, devemos primeiramente trocar a TAG <body> pela TAG <frameset> que irá definir a divisão, barras de rolagem, e outros que veremos a seguir.

Esta mesma página na qual você está agora navegando é uma página dividida em Frames, veja o menu ao lado, a área definida para os banners acima e estas área definida para o corpo do texto.

Vamos então à montagem de uma página simples com frames. O primeiro passo é definir o layout da página, ou seja, como ela será dividida, quantas janelas ela irá conter e quais as suas dimensões.

Para tal iremos utilizar as TAG´s <frameset> e <frame src> vejamos como funciona.

Sintaxe:

Código:
<frameset rows="n" cols="n" narginwidth="n" marginheight="n" scrolling="yes/no/outo"
frameborder="yes/no" border="n" bordercolor="cor" name="nome" noresize>

ROWS/COLS.



Os parâmetros rows e cols definem de que forma será dividida a página, rows define a divisão em linhas (horizontal) e cols a divisão em colunas (vertical), aceitam valores em pixels ou em percentuais, indicando o tamanho de cada frame em relação ao tamanho total da página.

O valor percentual é mais indicado, já que assim não haverá a necessidade da preocupação com a resolução de tela que o visitante está utilizando.


O exemplo abaixo define uma página dividida em quatro partes.

Primeiro com a o atributo rows a divide horizontalmente em duas partes, utilizando 20% para esquerdo e 80% do tamanho total da página para o lado direito.
Segundo com o atributo cols a divide verticalmente, também em duas partes, utilizando para a parte de cima 25% do tamanho total da página e utilizando o símbolo * define o tamanho restante da página para a parte de baixo.

As páginas que irão ocupar o espaço definido por cols e rows serão indicadas em frame src.

Vejamos como funciona.

Código:
<html>
<head>
<title>FRAMES</title>
</head>
<frameset rows="20%,80%" cols="25%,*">
<frame src="lin1.html">
<frame src="lin2.html">
<frame src="col1.html">
<frame src="col2.html">
</frameset>
</html>

[Você precisa estar registrado e conectado para ver esta imagem.]

NORESIZE

O parâmetro noresize faz com que as linhas que dividem as frames não possam ser redimensionado.

Quando não indicado as linhas poderão ser redimensionadas livremente.


Código:
<html>
<head>
<title>FRAMES</title>
</head>
<frameset cols="25%,*" noresize>
<frame src="col1.html">
<frame src="col2.html">
</frameset>
</html>


MARGINWIDTH / MARGINHEIGHT

Os parâmetros marginwidth e marginheight definem respectivamente as margens horizontais e verticis da página dentro da frame.

Os valores devem ser passados em pixels.

Para serem utilizados individualmente na TAG <frame src>


Código:
<html>
<head>
<title>FRAMES</title>
</head>
<frameset cols="25%,*" noresize>
<frame src="col1.html" marginwidth="5" marginheight="5">
<frame src="col2.html" marginwidth="50" marginheight="50">
</frameset>
</html>

SCROLLING:

O parâmetro scrolling define a utilização ou não de barras de rolagem em uma´página com Frames.
Os valores aceitos para scrolling são:

yes - As barras de rolagem serão apresentadas, mesmo que não haja necessidade.
no - As barras de rolagem não serão apresentadas, mesmo que haja necessidade.
auto - As barras de rolagem será exibida ou ocultada, conforme a necessidade. Este é o valor padrão, não havendo a necessidade de ser definida.
Para serem utilizados individualmente na TAG <frame src>

FRAMEBORDER:

O parâmetro frameborder permite determinar se a linha divisória de um frame será ou não apresentada.
Os valores aceitos para frameborder são:

yes - As linhas divisórias serão apresentadas.
no - As linhas divisórias não serão apresentadas.

Para serem utilizadas na TAG <frameset>.

BORDER:

O parâmetro border permite deterrminar a espessura da linha divisória de um Frame.

Para serem utilizados na TAG <frameset>.

BORDERCOLOR:

O parâmetro bordercolor determina a cor da linha divisória de um frame.
Para serem utilizados na TAG <frameset>

Ae galera ja expliquei tudo certinho agora vamos dar um tempo para mim bolar a proxima lição ok :P.... até la então :cheers:

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
helaissa
Convidado



MensagemAssunto: Re: Frames   7/5/2010, 9:22 am

:oi': sera que posso colocar tabelas nos frames?
Voltar ao Topo Ir em baixo
Diego
Convidado



MensagemAssunto: Re: Frames   10/5/2010, 6:43 pm

pode sim
Voltar ao Topo Ir em baixo
Otome
Admin
Admin
avatar

Feminino
Número de Mensagens : 190
Idade : 25
Localização : *~ Project-HTML ~*
Experiencia em Webdesign : Medio
Pontos : 3693
Reputação : 15
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Frames   13/9/2010, 4:58 pm

Dexa Dexaa eu pegunnteii plimelo

_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://projecthtml.tk
Ronieli
Novato
Novato


Masculino
Número de Mensagens : 1
Idade : 17
Experiencia em Webdesign : Não sei nada pretendo aprender.
Pontos : 2594
Reputação : 1
Data de inscrição : 15/09/2010

MensagemAssunto: Dúvida sobre o frame   16/9/2010, 1:47 pm

Olá, eu gostaria se é possivel colocar arquivo em flash no frame.

Eu construir uma página com 4 frames, mas não estou conseguindo colocar arquivo em flash em nenhum deles.

Devo utilizar outra linguagem para colocar?

Obrigado pela atenção
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Frames   16/9/2010, 2:24 pm

Olá Ronieli, boa tarde?
Você pode sim usar flash dentro de um frame sem problema, claro que tem outras linguagens que permitem o mesmo, mais mesmo assim vamos ver como por flash dentro de um frame.

Usamos esse código para a pagina inicial que dividira em 4 frames:
Código:
<html>
<head>
<title>FRAMES</title>
</head>
<frameset rows="50%,50%" cols="50%,*">
<frame src="pagina1.html">
<frame src="pagina2.html">
<frame src="pagina3.html">
<frame src="pagina4.html">
</frameset>
</html>

e em cada uma das 4 paginas, ou seja, pagina1.html, pagina2.html, pagina3.html e pagina4.html
usamos o seguinte código com o frame:
Código:
<html>
<head>
<embed src="flash.swf" width="900" height="105"></embed>
</head>
</html>
Ficaria da seguinte forma:
[Você precisa estar registrado e conectado para ver esta imagem.]

Espero ter ajudado, mais alguma duvida pergunte, estamos a sua disposição!

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Otome
Admin
Admin
avatar

Feminino
Número de Mensagens : 190
Idade : 25
Localização : *~ Project-HTML ~*
Experiencia em Webdesign : Medio
Pontos : 3693
Reputação : 15
Data de inscrição : 05/07/2008

MensagemAssunto: Re: Frames   17/9/2010, 10:48 am

Ui.. Mtu boa explicação, até eu entendi e vc sabe que comigo só no tranco kkkkkkkkkkkkkk

_________________
[Você precisa estar registrado e conectado para ver esta imagem.]
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://projecthtml.tk
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5438
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Frames   22/9/2010, 1:33 pm

Brigado amor =$ eu me esforcei

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Conteúdo patrocinado




MensagemAssunto: Re: Frames   

Voltar ao Topo Ir em baixo
 
Frames
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» [EPS]Damask Frames-Stock Vector
» PB Dicas #1 - FPS (frames por segundo)
» High Res Frame Brushes
» Brush de frames:
» Convertendo número de frames em contador no formato MM:SS

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: HTML :: HTML avançado-
Ir para: