Crie um Iframe para abrir uma página dentro de outra e exibir um conteúdo extra dentro de suas páginas.
O que é o Iframe
É um código HTML que faz com que uma determinada página seja aberta dentro de outra.
Trata-se de um código HTML, portanto só é possível utilizar um Iframe em páginas que aceitem HTML. Confira um exemplo.
Pra que serve
É muito útil quando é necessário inserir algum conteúdo dentro de uma página que não o comporta.
Como inserir o Iframe em uma página
Primeiramente é necessário que a página a ser incluída dentro do Iframe esteja em algum lugar na internet. Neste artigo estou utilizando uma página chamada iframe.html que está hospedada dentro do servidor do Criar Sites.
Depois acesse este link e copie o código e cole no local em que deseja que o Iframe apareça.
Altere os seguintes valores:
Name: Este é o nome do Iframe. Pode ser qualquer nome.
SRC: Link para a página que será exibida no Iframe
FrameBorder: Borda do Iframe. É recomendado deixar esse valor em Zero.
Width: Comprimento do Iframe.
Height: Altura do Iframe
Scrolling: Controla o aparecimento da barra de rolagem, altere para “no” caso não queira que ela não seja exibida.
Para que você entenda melhor o funcionamento, você pode acessar diretamente a página iframe.html que aparece dentro do utilizado no exemplo acima.
Dica
Se você pretende adicionar links dentro da página que aparece dentro do Iframe, é necessário que os links estejam configurados para abrirem em uma nova página (blank) ou para abrir em “parent” que faz com que o link seja aberto na mesma página em que o Iframe está sendo exibido.
{ 48 comments… read them below or add one }
Olá gostaria de saber se voces tem modelos de codigos pronto, para iniciantes que queiram montar um site, estou tentando montar, mas estou encontrando algumas dificuldades,na pagina inicial e na galeria de fotos. (estou usando a linguagem PHP)
se puderem me ajudar.
Grata: Gina
Gina,
Não entendi direito sua pergunta, estou supondo que perguntou sobre templates. Aqui vai uma página com vários sites para baixar templates.http://www.criarsites.com/templates-gratis/
Uma geleria de imagens simples que eu recomendo é o Gallery Thingie http://www.criarsites.com/galeria-de-imagens-gallery-thingie/
Qualquer dúvida deixe outro comentário. Abraço!
Celso,Estou tentando aprender Iframe
Nao existe outro Tutorial que aprende mais profundmente?
Ladimir,
Infelizmente eu não conheço nenhum site que ofereça esse tipo de tutorial.
Abraço!
amigo por favor estou editando uma pagina so em html, estou com uma pequena duvida, eu não faço isso a muito tempo, bom eu estou criando uma pag para meu grupo bem simples so para msotrar nossa esistencia ao mundo, e no centro uso um iframe para que fique mais facil atualização, porem fora dele na pagina principal existe um menu eu gostaria que as novas paginas do menu abridem dentro do iframe, seria isso possivel sem a ajuda de php. pois o servidor é gratuito e não da suporte a php, so css e alguns scrip em java desde que nada demasiado.
obrigado
Ronaldo,
Isso só é possível com programação ou com a ajuda do Front Page que faz isso por html.
Para fazer isso clique em “Arquivo” > “Novo” > “Página ou Web”
No menu que se abre a direita clique em “Modelos de Página”.
Na nova janela clique na aba “Página de quadro” e escolha o estilo do seu site.
Espero que consiga, Abraço!
Boas..
É possível actualizar o iframe? Por exemplo, ter um menu e quando carregamos no botão, o conteúdo do iframe é alterado.
Obrigado
Tiago
Tiago,
É possível sim, no Front Page pode ser feito com facilidade, porém eu não sei os códigos necessários para fazer isso.
Também não recomendo esse tipo de técnica por que seu site não seria indexado corretamente pelos buscadores.
Abraço!
Obrigado Celso,
Como não recomenda esse método, conhece alguma maneira de actualizar apenas uma determinada parte da pagina, sem carregar a pagina completa?
Obrigado,
Tiago
Tiago,
O Iframe trás problemas porque os buscadores reconhecem a página dentro do Iframe como uma página diferente.
Tem também o problema de que a página do Iframe não conterá o menu de navegação, dificultando que os buscadores encontrem a página em questão.
A inclusão de páginas poderia ser feito por PHP com o comando include. O código abaixo carregaria uma página dentro de outra.
<?
include("arquivo.php");
?>
Porém isso só funciona se for colocado em uma página em PHP.
Como eu falei anteriormente, eu não entendo muito sobre isso, e não poderei lhe ajudar a criar algo assim.
Abraço!
estou tento problemas com as imagens esta dando erro ao carregar
e fala q esse tipo de imagem n é aceita
o tipo de imagem é Jpg
me ajude obrigado
olha oq aparece no admin
Error: Este tipo de imagem não é permitido.
e noa carrega a imagem
ah e outra tentei outras fotos
de tamanho menor e nada
tem algum tamanha especifico?
obrigado
Dimmy,
Não entendi suas dúvidas. Sobre o que você está falando?
Abraço!
Celso lemes desculpa…
sem querer pensei que eu estava na parte do Gallery Thingie….
acho q cliquei na parte do iframe sem querer….
é sobre o Gallery Thingie quando vou colocar a imagem ele me fala que da um erro e o formato da imagem nao é aceito tipo isso…
Error: Este tipo de imagem não é permitido
desculpa…. posso fazer esse comentario la na parte da galeria… foi falta de atenção minha..
abraços e se puder me ajudar agradeço!
manim te amo! heuheueh
tava a muito tempo tentando aprender mais naum achava o codigo brigadu.
Jhoow,
Que bom que lhe ajudou. Ah! eu não te amo não.
Brincadeira!
Abraço!
Olá, parabéns pelo post.
Eu uso um Iframe do blogspot dentro do web acappella. Como as os links abriam dentro do iframe coloquei um codigo pra todos os links abrirem em uma nova página. Acontece que se a pessoa por exemplo clicar em notícias antigas, vai abrir em uma nova página e mostra só o iframe.
Vi que você citou o recurso parent.
gostaria de saber como eu coloco isso no blogspot.
Obrigado, desde já grato.
Dante,
O link deve ficar assim
<a href="http://criarsites.com" target="_parent">Criar Sites</a>
Abraço!
Valeu, eu coloco isso no blogspot certo?
Se sim, e eu coloco o codigo no body ou no cabeçalho?
Obrigado brother!
Dante,
Você deve colocar no local que desejar que o frame apareça. Que pode ser qualquer local que suporte html.
Abraço!
Celso, eu estava kerendo um codigo de uma pagina q quando vc abre o site lah vai estar ela, e qualquer outra pagina, do mesmo site, que vc entre ela vai estar la no mesmo lugar.
Alberto,
Eu não entendi a sua pergunta, tente se explicar melhor.
Abraço!
:cs: o celso vlw pela ajuda,mas o web acapella
tem uma opção onde vc inserir frame.mas poblema e q nao consigo colokar aquele codigo php do readme
por iframe como vc tinha me dito..poderia me dar um ex:se nao for pedir d+.sou iniciante. e tenho pouco conheçimento.pois estarei fazendo um curso
de php ,e estarei a dispor ,tirar duvidas futuramente.aqui no site. obrigado .
Rafael,
Eu ando meio atarefado, mas vou ver se consigo criar uma vídeo aula sobre como fazer isso durante a semana.
Abraço!
Rafel,
Eu criei o vídeo, você pode conferir neste endereço http://www.youtube.com/watch?v=6XzP-jCU8hE&eurl=http%3A%2F%2Fwww.youtube.com%2Fmy_videos_edit&feature=player_embedded
Abraço!
Dj,
Isso poderia ser feito utilizando frames.
Eu não sei direito como fazer isso, por isso vou te indicar este artigo publicado no Imasters http://imasters.uol.com.br/artigo/1684?cn=1684&cc=48
Abraço!
muito bom seu artigo parabens…!!
Celso,
Rodei 1001 sites e blogs em busca de auxílio e não encontrei mesmo… O seu artigo é muito bem explicado e simples. Vc está de parabéns !!!
Já indiquei para mais 2 pessoas q, assim como eu, estão com dificuldades em Iframes.
Gostaria de tirar mais uma dúvida… É o seguinte:
Estou a criar um site e nele vou inserir propagandas (Adsense, Mercado Livre, Etc.)
Me corrija se eu estiver errado: Essas propagandas são inseridas no site através de um Script, certo ?
Pois bem. É correcto eu usar o tal script que me for fornecido dentro de um Iframe, para facilitar a actualização, já que o Iframe eu vou colocar em todas as páginas ???
Achei conveniente essa idéia, pois se todas as páginas chamarem um mesmo Iframe, poderei actualizar todas, em simultâneo. Oque acha ? Estou correcto ?
Fiquei um pouco preocupado, pois li logo acima que Iframe atrapalham na Idexação por Motores de busca… Você acha que terei algum problema ???
Muito Obrigado em desde já.
SCG,
Realmente os frames ajudam na manutenção do site, porém atrapalham na indexação. É claro que isso não quer dizer que seu site não será encontrado nos buscadores, porém seria muito mais eficaz se a página fosse construída em uma única página.
Quanto aos programas de afiliados, o único que eu sei que não permite que os anúncios sejam incluídos em frames é o Adsense. Neste caso você não poderia utilizar em seu site.
Minha dica é que crie seu site utilizando sistemas CMS que facilitam a manutenção do site. Confira os melhores sistemas CMS que possuem suporte da comunidade Brasileira.
Abraço!
Boa tarde.
Em primeira instância, gostaria de vos agradecer pela atenção a meu problema. Obrigado de coração.
Se não for pedir em demasiado, gostaria de pedir-lhe mais algumas instruções.
Celso, eu olhei o tópico que me indicaste… Seria algo como criadores de sites On-line, não é isso ? Pois é, procurei informações acerca disso na internet e me parecram meio complicados, já que sou leigo. De qualquer forma agradeço a dica.
Meu site, eu estruturei da seguinte maneira: Criei uma página (Index) no Dreaw e criei mais 2 HTML’S, um entitulado MENU e outro entitulado BANNER.
Em MENU, eu criei um Menu pop-up com diversos links para diversas páginas (Criado No Fireworks e inserido na página como um arquivo HTML do Fireworks…. E o BANNER, é um mecanismo JAVA que fiz também no Fire, visando exibir anúncios de forma mais criativa.
Vale notar que em nenhum dos dois casos eu inserí tais HTML’s no INDEX em FRAMES ou IFRAMES… Eu apenas chamei para dentro através do próprio Dream.
Pois bem. Baseado nisso, minhas dúvidas são:
- O facto de ser utilizado HTML dentro de HTML também me prejudicará na indexação ???
- É verídico que links dentro menus pop-up’s também confundem os spiders ??? Se positivo, oque fazer á respeito ?
- Estou á usar tables dentro do meu site… Não uso tags de cabeçalho ou parágrafos… Toda a formatação será promovida através da forma tradicional. Esse procedimento também prejudica a indexação ???
- Mecanismos JAVA prejudicam indexação ?
- Usar tables ao invés de DIVS também atrapalham ?
Para que você não fique a pensar quão tamanha a gambiarra, coloquei on-line o projecto da INDEX para que você possa entender melhor oque estou a fazer…
http://www.chimelli.com.br/veja_celso.htm
Não repare a precariedade, sou iniciante
Só para terminar, Celso: Estou á desconfiar que dei um tiro n’agua com este projecto… Tudo está me levando a crer que a indexação será altamente problemática. Por gentileza, poderias dar-me tua opinião ??? Oq poderia eu fazer para melhorar a indexação do site sem descaracterizá-lo tanto ???
Se puder me responder, meus mais sinceros agradecimentos… Se não for possível, muito obrigado por do mesmo jeito… Principalmente pelos Artigos Geniais.
Abraços.
Olá SCG,
Se a página for feita em HTML não creio que terá problemas por causa disso.
Os links em menu drop down são reconhecidos pelos indexadores dos buscadores, porém não creio que isso seja um problema.
As tags ajudam o indexador a identificar o que é mais importante no site, portanto sua ausência pode prejudicar o posicionamento.
Mecanismos Java não prejudicam o posicionamento.
Alguns experts em SEO dizem que sites feitos com tabelas tem menos valor para os buscadores, mas eu discordo. Creio que o que conta é o conteúdo de qualidade e uma boa otimização.
Repare que eu não sou um profissional em otimização, apenas sei o básico necessário para conseguir boas posições. eu não me preocupo em saber pequenos detalhes que pouco ajudam a melhorar o posicionamento do site. Prefiro me preocupar em criar conteúdo.
Abraço!
Estou passando aqui apenas para AGRADECER suas dicas e instruções. Muito obrigado mesmo… !
Continue este teu trababalho maravilhoso no CS e muito sucesso !!!
Muito bem, salvou a minha web page
Bom dia Celso, Tudo bem contigo ?
Espero que sim.
Voltei aqui pq estou com um problema relacionado á Iframes.
Eu gostaria de inserir um Iframe dentro de minha página mas não queria que aparecesse a barra de rolagem horizontal…
- Já ví em vosso tutorial que é possível ocultar as duas… Mas não é essa minha idéia. Preciso esconder apenas a HORIZONTAL.
Me parece ser possível realizar esta façanha em CSS… Ví algo á respeito por ai.
Mas o grande problema é que não consegui entender oque andam a dizer nos Fóruns, Já que de CSS só sei o básico, além de ter visto também muito absurdo á respeito.
Existe mesmo uma forma ? Se sim e for de seu conhecimento, por gentileza, me oriente sobre como proceder com o CSS, pois estou com dificuldade extrema.
Agradeceria se você pudesse me auxiliar.
Muito Obrigado
SCG,
Desculpe mas eu não sou programador e não tenho idéia de como isso pode ser feito.
Recomendo que procure ajuda em fóruns especializados em programação.
Abraço!
Olá Celso !!!
Passei para vos agradecer a atenção em responder meu post. Obrigado !
Vou seguir vosso conselho e fazer mais umas pesquisas.
Até logo e sucesso aqui no CS !
Olá Celso,
Estou fazendo um site com o Web Acapella e preciso fazer conexão com banco utilizando motor de busca feito em php. Gostaria de saber como faço para fazer essa conexão com o banco e como insiro esse motor de busca.
Se não for possível inserir esse motor de busca em php, existe outro modo?
Aguardo.
Ricel,
Desculpe mas os meus conhecimentos sobre programação são muito limitados e eu não poderia te ajudar com isso.
Abraço!
tem como fazer com que um iframe que toma toda a pagina,fique só dentro do iframe??
tem algum programa para fazer isso??
se puder faz isso com esse iframe por favor.
Responda neste e-mail leofalaserio16@yahoo.com.br
obrigado!!!!!!!!!!!!!!
Leo,
Eu não sei como isso pode ser feito.
Abraço!
Oi, gostaria de saber uma coisa:
Eu tenho um blog que tem uma caixa de pesquisa, e estou pensando em por i-frame nele! Você sabe como eu posso fazer para o resultado das pesquisas apareçam dentro da pagina do i-frame?
Minako,
Isso vai depender de como funciona essa caixa de pesquisa. Se os links abrirem na mesma página, você só precisa de adicionar a página de pesquisa no iframe.
Abraço!
Celso , ve se pode me ajudar , fiz um site no frontpage , quero colocar uma música em mp3 , até ai já consegui , só que gostaria de que ela tocasse sem parar em todas as paginas sem parar , continuadamente , ouvi falar desse iframe que você postou lá em cima , tentei , mas não estou conseguindo , podes me dar algumas dicas ou como procedo…….de antemão…”"”"”OBRIGADO”"”"”"”
JOSÉ
José Neto,
No FrontPage não dá para usar este Iframe porque o FrontPage não trabalha com PHP.
Uma solução seria você utilizar este código pronto. Apenas troque o código do player com o seu player.
Abraço!
Olá Celso!!
só uma observação na explicação so iframes…
na parte que diz: “Altere os seguintes valores:”
o segundo item não é SCR, é SRC…
sei que isso acontece, mas so chamei a atenção por causa da galera que não tem muita pratica no códico HTML…
vlw abraços!!
Lucas,
Obrigado pela dica, vou arrumar o erro.
Abraço!