This is an old revision of the document!

Desarrollo Web Lección 6 - Medios

Ejercicios

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

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'.

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

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'.

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.