O portal que será apresentado nesse artigo é composto por apenas uma página que define a estrutura do site, mas permite que o conteúdo da mesma seja alterado conforme a opção selecionada. Na prática, o número de opções é limitado pelo espaço desatinado a elas no layout do site.
O nosso sistema será composto pelos seguintes arquivos:
=> dados.php - informações sobre as opções disponíveis (títulos e arquivos com conteúdo)
=> estilo.css – folha de estilo com as formatações para o HTML/XHTML.
=> index.php - layout do site e o único a ser executado pelo navegador do usuário.
=> arquivos de conteúdo - irão variar de acordo com a quantidade de opções disponíveis.
O sistema terá uma variável ($Escolha) que sempre armazenará a opção selecionada (no formato numérico), com isso sendo possível saber qual título e conteúdo carregar no arquivo index.php.
A seguir será apresentado o código do arquivo dados.php.
1 <?php
2 if (!isset($Escolha))
3 $Escolha = 0;
4 $Opc[0] = "INÍCIO";
5 $Opc[1] = "SERVIÇOS";
6 $Opc[2] = "CONTATO";
7 $Arq[0] = "inicio.php";
8 $Arq[1] = "servicos.php";
9 $Arq[2] = "contato.php";
10 ?>
Observe as linhas 1 e 2, onde é verificado a existência da variável $Escolha. Caso ela não exista será atribuído o valor zero, representado a primeira opção. Isso só ocorre na primeira vez em que o site é carregado.
As linhas 4 a 6 definem o vetor $Opc com os títulos das opções e as linhas 7 a 9 definem o vetor $Arq com os arquivos que armazenam os conteúdos de suas respectivas opções. Pode-se observar que a princípio não existe limite para a quantidade de opções.
Veja a seguir o código do arquivo index.php:
1 <?php
2 include("dados.php");
3 ?>
4 <html>
5 <head>
6 <link href="estilo.css" rel="stylesheet" type="text/css" />
7 <title>Exemplo de Portal</title>
8 </head>
9 <body>
10 <div id="cabecalho">
11 <h1>Exemplo de Portal</h1>
12 </div>
13 <div id="principal">
14 <div id="menu">
15 <p class="opcao">
16 <a href="index.php?Escolha=0">Início</a>
17 </p>
18 <p class="opcao">
19 <a href="index.php?Escolha=1">Serviços</a>
20 </p>
21 <p class="opcao">
22 <a href="index.php?Escolha=2">Contato</a>
23 </p>
24 </div>
25 <div id="conteudo">
26 <?php
27 echo "<h2>".$Opc[$Escolha]."</h2>";
28 include($Arq[$Escolha]);
29 ?>
30 </div>
31 </div>
32 <div id="rodape">
33 © 2005 <a href="mailto:webmaster@mmacedo.net">Marcelo S. Macedo</a>
34 </div>
35 </body>
36 </html>