Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jorda

Iframe - definicao...

Recommended Posts

Pessoal. Acho q uma das coisas mais complexas pra quem estah aprendendo o DW eh entender o processo de iframe.Esse negocio de nome, id, target, confunde tudo!!!!!! Serah q alguem tem uma ideia de onde os novatos podem pegar a definicao passo-a-passo desse bendito pra utiliza-lo corretamente... a gente nunca sabe se usa ele soh na pagina principal ou se cita o codigo dele em cada pagina do site onde ele parece.Por favor, alguem pode dar alguma sugestao? :( :( :( :unsure:

Compartilhar este post


Link para o post
Compartilhar em outros sites

:unsure: Ai Jorda!não tem segredo! claro desde que se pegue a definição como voce falou.Mas é o seguinte o iframe e como se fosse um frame que voce abrisse no DW mas ele voce pode colocar dentro de tasbelas e ate mesmo em layer se estiver usando um brehavior específico.Voce náo precisa colocar o codigo dele dentro de cada pagina que for chamdo nele, porque ele funcionma como um frame em sua home estáo voce somente ira chamr paginas dentro dele, para isso é simples é so anotar o nome dele e colocar nos links o target com o nome do iframe e pronto quanse clica ela chamada no iframe, lembrando que voce pode estar usando tambem oi iframe com tamanho em % digamos den tro de tabela.Qualquer coisa de mando um modelo.Mas uma é certa p oframe revulocionou o metodo de criação de sites e ate mesmo para programadores. :( \ Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Falae!

 

O que o biano_cba disse está perfeito!

 

Só acrescentando que o iframe é basicamente um frame comum, só que aberto dentro de uma tabela. O que você escreveria na célula desta tabela, você apenas informa o código do iframe. O conteúdo propriamente dito você vai fazer numa página independente, que será "chamada" pelo iframe.

 

Por exemplo: sabe aquelas propagandas em grandes portais como UOL e Terra, que geralmente ficam à direita, e basicamente são imagens pequenas? Estas são constantemente trocadas.Já pensou o cara ter que alterar o código de trocentas páginas em função de uma única propaganda nova?!

 

Com o iframe isso fica muito fácil... O cara cria uma tabela de 1 coluna e 5 linhas por exemplo. Logo terá 5 células, certo? Em cada célula ele insere um iframe chamando em cada uma página diferente (propaganda1.html, propaganda2.html, propaganda3.html, propaganda4.html e propaganda5.html por exemplo).

 

Em seguida ele crias cada uma destas páginas. Daí ele precisa apenas alterar uma destas páginas sempre que uma propaganda nova for inserida no portal. Todas as demais páginas/seções deste portal exibirão a propaganda nova, sem precisarem ser alteradas.

 

Sugiro você dominar o bom e velho HTML primeiro, daí você verá que tudo fica muuuuito mais fácil. Aprende à escrever na mão mesmo, depois o DW você tira de letra. Assim você vai evoluindo gradativamente.

 

Espero ter ajudado de alguma forma. :unsure:

 

[]'s!

Compartilhar este post


Link para o post
Compartilhar em outros sites

ola pessoalvcs acham que é possivel copiar o codigo fonte depois que coloquei uma pagina dentro de um i frame??? ou seja o codigo das paginas e não do i frame...premiere

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dago, valeu a super explicacao. Soh pra arredondar a sua ideia, dentro do exemplo q você deu, seria muito te pedir pra exemplificar nessa sua citacao (de propaganda1.html, 2, etc. )como seriam neste caso o NOME do iframe, o ID do iframe e o target? E esse papo ai de criar uma pagina independente, nao entendi muito bem, Bianco. Na verdade, o iframe eh a janela onde vao inserir os htmls e o target sao esses htmls q serao linkados, serah q eh por ai?Valeu a boa vontade, galera!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dai turma,Um exemplo postado pelo Babu tempos atras...Jorda, veja se consegue pegar o jeito ae.. duvidas, por favor, envie um email!!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>:: Exemplo - Coluna 33 - iFrame ::</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table width="500" height="300" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" background="bg.gif"> <tr> <td><table width="480" height="228" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="103"><div align="center"><a href="images/01_jpg.jpg" target="main"><img src="thumbnails/01_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td width="82"><div align="center"><a href="images/02_jpg.jpg" target="main"><img src="thumbnails/02_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td width="298" rowspan="4"><br> <table width="251" height="188" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"> <div align="center"> <table width="207" height="138" border="0" cellpadding="0" cellspacing="0"> <tr> <td><iframe name="main" leftmargin=0 topmargin=0 marginWidth=0 marginHeight=0 frameBorder=0 width=207 height=138 scrolling=no></iframe></td> </tr> </table> </div></td> </tr> </table></td> </tr> <tr> <td><div align="center"><a href="images/03_jpg.jpg" target="main"><img src="thumbnails/03_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td><div align="center"><a href="images/04_jpg.jpg" target="main"><img src="thumbnails/04_jpg.jpg" width="72" height="48" border="1"></a></div></td> </tr> <tr> <td><div align="center"><a href="images/05_jpg.jpg" target="main"><img src="thumbnails/05_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td><div align="center"><a href="images/06_jpg.jpg" target="main"><img src="thumbnails/06_jpg.jpg" width="72" height="48" border="1"></a></div></td> </tr> <tr> <td><div align="center"><a href="images/07_jpg.jpg" target="main"><img src="thumbnails/07_jpg.jpg" width="72" height="48" border="1"></a></div></td> <td><div align="center"><a href="images/08_jpg.jpg" target="main"><img src="thumbnails/08_jpg.jpg" width="72" height="48" border="1"></a></div></td> </tr> </table></td> </tr></table></body></html>[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamos lá.

O exemplo de iframe seria:

<IFRAME src="propaganda1.html" width="100%" height="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" target="bottom"></IFRAME>

 

OBS 1: veja que eu coloquei width="100%" height="100%", pois este ficaria dentro de uma tabela, cuja célula teria um tamanho estipulado. Logo, o iframe SEMPRE acompanhará o tamanho da célula.

 

OBS 2: Usei um target="bottom", mas você pode usar aí um "self".

 

Crie então uma página "propaganda1.html" e pronto! Vai rodar!!!

 

QQ outra dúvida, manda um PM ou e-½... Ok?!

 

[]'s!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Legal a dica da porcentagem! Soh nao entendi pq você nao colocou ID e NOME do iframe, como eu sempre vejo. O q você quis dizer com target bottom ou self? :lol: :P :P

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.