Iframe é uma função(código) que substitui as Frames. Páginas que utilizam frames são formadas por 3 ou mais páginas, com o objetivo de atualizar apenas uma parte da página.
Como dito anteriormente a Iframe substitui a frame, pois é possível carregar páginas externas ou de arquivos em uma área determinada de nossa página, bastando inserir o código no local reservado.
A iframe pode ser utilizada com tabelas ou com tableless(padrão que utiliza css, para o desenvolvimento de páginas), funcionando da mesma forma para ambas formatações.
Sua maior vantagem é a troca de conteúdo de somente uma parte da página, assim podendo ser construído um layout com "Desenhos(ou seja muitas, imagens)", consequentemente deixando um pouco pesada nossa página, mas com a vantagem do "refresh" em apenas uma das partes, as imagens não serão carregadas novamente, passando o aspecto de rapidez para seu site, pois somente o conteúdo será carregado.
Comandos:
Tag inicial
<iframe>
É o começo do iframe. Deve ser usado juntamente com os demais comando.
Atributos
Name = "qualquer nome"
Esta opção é uma indentificação caso voce deseje abrir algum link dentro da iframe.
Src = "conteudo.htm"
É a url do arquivo que vai ficcar dentro do iframe, exemplo <iframe src="conteudo.html">
Scrolling = "valor"
Determina se aparecerá barra de rolagem. Os valores podem ser yes (com barra de rolagem), no (sem barra de rolagem) ou auto (barra de rolagem só aparecerá quando o conteúdo da página ultrapassar o tamanho do frameset.
Marginwidth = "x"
Determina a largura em pixels da margem horizontal.
Marginheight = "x"
Determina a largura em pixels da margem vertical.
Frameborder="x"
Determina a espessura da linha divisória que aparece entre a página e a iframe. Sendo que x é o valor da linha em pixels.
Vspace="x"
Determina o espaço vertical entre o iframe e o resto do documento html, sendo que x é o valor do espaço em pixels.
Hspace="x"
Determina o espaço horizontal entre o iframe e o resto do documento html, sendo que x é o valor do espaço em pixels.
Width="x"
Especifica o largura do iframe, onde x é o valor sendo tanto em pixels quanto porcentagem.
Height="x"
Especifica o altura do iframe, onde x é o valor sendo tanto em pixels quanto porcentagem.
Exemplo:
Codigo de uma simples pagina com iframe:
<html>
<head>
<title> Sua página </title>
</head>
<body bgcolor="#000000">
<iframe name="meio" src="conteudo.htm" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" width="500" height="100" ></iframe>
</body>
</html>
Para voce abrir um link dentro de uma iframe.
Em destino "target" coloque o nome que voce deu a iframe, pronto.
Ex.:
<a href="pagina.htm" target="meio">clique Aqui</a>
Postagens
2 comentários:
Oi....
Estou com uma duvida,
-Tenho um site, e gotsaria que as pessoas quando clicasse no menu, altomaticamente a pagina abrisse no meio do site.
-Criei um "iframe" com a pagina inicial, até ai deu certo, ele abre certinho no meio, mas depois pra abrir as outras pagina não consigo.
-meu site tem 4 paginas, mas so consigo abrir uma.
...tens como me ajudar?
Quando você criou a iframe provavelmente você colocou o atributo "name=algumacoisa" pegue a palavra que você colocou depois do igual em name, selecione o botão ou link que você deseja abrir na iframe utilizando o dreamweaver, vá na opção target e cole ou digite o nome da iframe.
Abraços.
Postar um comentário