Está en la página 1de 4

Menú de opciones con PHP y Css

===============================

Para supongamos que vamos a hacer una web que presente un menú de
dos niveles con la siguiente estructura:

 Inicio
 Dibujos animados
o Los Simpson
o Los Picapiedra
o Dragones y mazmorras
 Tebeos
o Conan el bárbaro
o Las aventuras de Tintín
o El hombre araña
 Contáctanos

PASOS A SEGUIR

Para conseguir ello, se debe seguir los siguientes pasos:

1. Crea el archivo menu.php con la estructura de la web:

En ello la clave start del menú indica la página de inicio de la web

Dr. Reynaldo Sucari León Programación avanzada


2. Crea la subcarpeta paginas y dentro haz los siguientes archivos
siguiendo las claves propuestas en el menú anterior:

a. start.php C:\xampp\htdocs\menu\paginas
b. dibus.php
c. dibus_simpsons.php
d. dibus_picapiedra.php
e. dibus_dragmaz.php
f. tbo.php
g. tbo_conan.php
h. tbo_tintin.php
i. tbo_spiderman.php
j. contacto.php

En cada archivo escribe el código HTML que iría dentro del <body>;
sin poner ni la etiqueta <html> ni <head>

EJEMPLO:

3. Descarga el archivo Plantilla6.php y ponlo en la raíz de tu web

4. Crea la página index.php en la raíz de tu web. Esta será la plantilla


de la web y contendrá las etiquetas <html> y <head> que no
pusimos antes.

Dr. Reynaldo Sucari León Programación avanzada


Con este paso ya funciona la web, pero lo vamos a mejorar un poco
más

5. Crea el archivo estilos.css donde vamos a poner los estilos mínimos


para que el menú sea desplegable

Dr. Reynaldo Sucari León Programación avanzada


El resultado final de la aplicación debe tener la siguiente apariencia:

Dr. Reynaldo Sucari León Programación avanzada