====== Desarrollo Web Lección 6 - Medios ======
===== Ejercicios =====
==== Objetivo ====

En esta actividad aplicarás lo aprendido a otros elementos y crearás un álbum de fotos de futbolistas colombianos.

==== Preparación ====

  * Basaremos algunos ejercicios en el trabajo realizado hasta la fecha en esta lección en 'media.php' y 'style.css'.
  * Otros se basarán en archivos creados en lecciones anteriores en el directorio 'proyecto'.

==== Vídeo JavaScript ====

  * En 'media.php', cree un botón para reproducir/pausar el video. Usa las mismas técnicas que usaste para reproducir/pausar el audio.
==== Matrices de PHP ====

  * En la carpeta 'proyecto', cree un archivo llamado 'album.php'.
  * Configure el código base para que el archivo incluya el encabezado, el menú y el pie de página.
  * Cree un álbum que muestre las fotos de los futbolistas colombianos como se muestra en la siguiente tabla. Intenta hacerlo usando arreglos de PHP.

^ Jugador ^ Foto ^
| Andrés Felipe Mosquera Marmolejo | https://secure.cache.images.core.optasports.com/soccer/players/150x150/132914.png |
| David Ospina Ramírez | https://secure.cache.images.core.optasports.com/soccer/players/150x150/22426.png |
| Camilo Andrés Vargas Gil | https://secure.cache.images.core.optasports.com/soccer/players/150x150/22456.png |
| Yeimar Pastor Gómez Andrade | https://secure.cache.images.core.optasports.com/soccer/players/150x150/308766.png |
| Jhon Janer Lucumí Bonilla | https://secure.cache.images.core.optasports.com/soccer/players/150x150/394760.png |
| Johan Andrés Mojica Palacio | https://secure.cache.images.core.optasports.com/soccer/players/150x150/173784.png |
| Daniel Muñoz Mejía | https://secure.cache.images.core.optasports.com/soccer/players/150x150/473447.png |
| Davinson Sánchez Mina | https://secure.cache.images.core.optasports.com/soccer/players/150x150/290497.png |
| William José Tesillo Gutiérrez | https://secure.cache.images.core.optasports.com/soccer/players/150x150/125048.png |

  * Dale estilo al álbum como quieras.
  * Para obtener una bonificación, muestra el nombre del jugador con la foto.

==== Vincular Archivos Javascript ====

  * Recuerde que usamos una variable PHP $pagepara vincular el archivo Javascript para 'media.php'. Ahora los archivos Javascript para 'lists.php' y 'tables.php' no funcionan.
  * Agregue la variable PHP a estas páginas para volver a habilitar su código Javascript.
  * Haz lo mismo con todas las páginas de la carpeta 'proyecto'. También deberá agregar el código relevante en 'header.php'.

==== Agregar Menús ====

  * Agregue un enlace para 'album.php' al archivo del proyecto 'menu.php'.
  * Agregue un enlace para 'media.php' al archivo 'menu.php' en el directorio de nivel superior.

==== Resultados ====
  * [[https://techschool.murraygunn.id.au/webdev/classes/media/8/media.php|media.php]]
  * [[https://techschool.murraygunn.id.au/webdev/classes/proyecto/4/album.php|proyecto]]

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