Na primeira aula, vamos aprender a construir um menu muito básico para permitir a navegação na página sem que esta recarregue completamente, apenas atualizando uma "secção" específica.

Deste modo, vamos utilizar o PHP para fazer essa seleção, empregando a estrutura de decisão switch {...}.

Importante salientar que para o correto funcionamento da linguagem PHP, é imperativo que esta seja executada a partir de um servidor (wampserver ou xampp server). Além disso, para um carregamento automático da página, o ficheiro inicial deve ser denominado index.php.

Para a elaboração deste exemplo, vamos criar quatro ficheiros (index.php, inicio.html, mapas.html e passeios.html).

No ficheiro index.php, iremos construir uma tabela com três secções: topo, menu e conteúdo. Na secção de conteúdo, serão exibidas as páginas inicio.html, mapas.html e passeios.html.

Vamos agora analisar o código do ficheiro index.php:

Código do ficheiro inicio.html:

Destinos turísticos

Código do ficheiro passeios.html:

Rotas que aquecem a alma!!!

Código do ficheiro mapas.html:

Mapas de Portugal

Como podem observar, nos últimos três ficheiros, não é necessário utilizar as tags HTML, uma vez que estão incorporados na página index.php, que já as possui.

Espero que este exemplo simples sirva como ponto de partida para a construção das vossas páginas web.