Pular para o conteúdo principal

Como inserir uma página dentro de outra com ajuda do PHP



Uma duvida de várias desenvolvedores web é como inserir uma página dentro de outra, dando o efeito de um frame. Existe várias maneiras de se fazer isso, e na minha opinião a melhor é através de includes com PHP.

O primeiro passo para fazer isso é instalar o Apache e o PHP.

O PHP, ao contrário do HTML, é uma linguagem sever-side. O servidor é que faz todo o trabalho, enquanto que o cliente (um browser por exemplo) só renderiza o resultado, que são as páginas HTML, Javascript, CSS, imagens, sons, etc. Por esse motivo a instalação do Apache é necessária, porque ele é o servidor que vai transformar todos os comandos em PHP que forem digitados em HTML para que o browser entenda.

Depois de ter o Apache e o PHP funcionando, é hora de começar a brincar!


HTML

<body>
    <?php include("topo.php") ?>
    <?php include("menu.php") ?>
    <div id="conteudo">
        Conteudo do site
    </div>
    <?php include("rodape.php") ?>
</body>

Nesse exemplo de código foram incluídas 3 páginas dentro de uma só. É como usar 3 <IFRAMES> dentro de uma página, mas com a vantagem de fazer isso sem que o usuário perceba.

O código que fez essa "mágica" é o include do PHP. Funciona assim:

<?php - Indica aonde começa uma tag php.
include() - É o comando que será utilizado.
"nomedapagina.php" - É a página que vai ser incluida.
?> - fim da tag php

É importante criar as páginas "topo.php", "menu.php", "rodape.php" e todas as outras que vão ser incluídas. Nessas páginas é só usar o trecho do HTML que você quer que elas usem. Por exemplo o "menu.php"

HTML - menu.php


<div id="menu">
<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
</div>

Não é necessário colocar toda aquela sequência HTML > HEAD > BODY nas páginas que serão incluídas, só é necessário o código HTML que realmente vai ser usado.

Quando um visitante vê uma página que o PHP foi usado, ele nem percebe pois o servidor (no nosso caso o Apache) transforma o código PHP em HTML.

Comentários

Postagens mais visitadas deste blog

Configurar rotas estáticas no Linux Debian ou Red Hat Enterprise

Tabela de roteamento Usando o comando ip Usando o comando ip, pode encaminhar a instalação e visão estática.   Por exemplo, para exibir tabela de roteamento atual, você pode digitar o comando:   # ip route show A saída de exemplo: 192.168.2.0/24 dev eth1 proto link âmbito kernel src 192.168.2.1 192.168.1.0/24 dev eth0 proto kernel link âmbito src 192.168.1.2 default via 192.168.1.254 dev eth0 Você pode adicionar rotas estáticas usando seguinte comando:   ip route add {Rede} {via IP dev} {DEVICE}   Por exemplo, 192.168.55.0/24 rede disponível via 192.168.1.254:   # ip route add 192.168.55.0/24 via 192.168.1.254 dev eth1 Alternativamente, você pode usar o comando route bom e velho:   # route add -net 192.168.55.0 netmask 255.255.255.0 gw 192.168.1.254 dev eth1 Persistência Rotas Linux A desvantagem do 'ip' ou 'rota' comando é que, quando o Linux for reinicializado ele vai esquecer rotas estáticas.   Então guarde-os em arquivo de configuração. ...

Burlando a Pré-Ativação do Windows 8 na BIOS

Dias atrás, ao tentar instalar o Windows 8 no notebook de um amigo, durante o programa de instalação, me deparei com a seguinte mensagem: A chave do produto (Product key) digitada não corresponde a nenhuma imagem do Windows disponível para instalação. Digite uma chave do produto diferente.

ATIVAR WINDOWS XP COMO ORIGINAL SEM INSTALAR NADA

Nesse tutorial abaixo irei mostrar de forma eficaz como validar seu Windows XP  sem gastar se quer um real, apenas alguns minutos: 1. Vá em Iniciar > Executar 2. Digite regedit e clique em OK. 3. Já dentro do regedit, navegue até a chave: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsNT\CurrentVersion\WPAEvents 4. No painel à direita, clique duas vezes em OOBETimer 5. Na janela que foi aberta, apague qualquer valor e clique em OK. Feche o regedit 6. Vá novamente em Iniciar > Executar e dessa vez digite: %systemroot%\system32\oobe\msoobe.exe /a 7. Na janela que foi aberta, escolha a opção Sim, desejo telefonar… 8. Na próxima etapa, clique no botão Alterar chave de produto. 9. Na etapa seguinte, digite a CD-Key: THMPV-77D6F-94376-8HGKG-VRDRQ D6FY9-288V2-QHKC8-WW9DY-YCKJJ (Funcionando 14/03/14) e clique no botão Atualizar 10. Após clicar no botão Atualizar, o assistente para ativação voltará para a janela anterior, então, clique em Lembrar mais tarde e rei...