====== Desarrollo Web Lección 5 - Diseño ======
===== Ejercicios =====
==== Objetivo ====
En esta actividad, practicará cambiar el diseño y usar 'incluir' para garantizar la consistencia del sitio.

==== Configuración ====
  * Trabajaremos en los archivos que ha creado en su directorio usando Visual Studio Code.
  * [[https://techschool.murraygunn.id.au/webdev/classes/layout/3/diseno.es.php|diseno.php]]
  * [[https://techschool.murraygunn.id.au/webdev/classes/layout/3/style.css|style.css]]

==== Diseño ====
  * Abra 'style.css' en su directorio (no 'proyecto/style.css').
  * Usando solo CSS (es decir, sin cambiar nada en 'diseno.php'), modifique su página para que el encabezado se extienda a lo largo de toda la página y la sección de navegación comience justo debajo y se extienda hasta la parte inferior de la página.

==== PHP Incluir ====
  * Cree archivos llamados 'equipo.php', 'header.php', 'menu.php' y 'footer.php' en el directorio 'project'.
  * Aplique el mismo proceso que usó para dividir su archivo 'layout.html' en 'team.html'.
  * Cargue los archivos en el directorio de su 'proyecto' en el servidor.
  * Busque los archivos para comprobar que los cambios funcionaron.

==== Resultados ====
  * [[https://techschool.murraygunn.id.au/webdev/classes/layout/4/diseno.php|diseno.php]]
  * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/3/equipo.php|equipo.php]]

[[es:web_development:layout:summary|Siguiente: Resumen]]