User Tools

Site Tools


en:web_development:media:exercises

This is an old revision of the document!


Web Development Lesson 6 - Media

Exercises

Objective

In this activity you'll apply what you've learnt to other elements and create a photo album of Colombian footballers.

Setup

  • We'll base some exercises on work done to date in this lesson in 'media.php' and 'style.css'.
  • Others will be based on files created in previous lessons in the 'project' directory.

Javascript Video

  • In 'media.php', create a button to play / pause the video. Use the same techniques you used to play / pause the audio.

Headline

  • In the 'project' folder, create a file called 'album.php'.
  • Set up the base code for the file to include the header, menu and footer.
  • Create an album showing the photos for the Colombian footballers as shown in the following table.

^ Player ^ Image ^

* Try it using PHP arrays.

  • Style the album as you like.
  • For a bonus, include the name of the player with the photo.

Add Menus

  • Add a link for 'album.php' to the project 'menu.php' file.
  • Add a link for 'media.php' to the 'menu.php' file in the top level directory.

Next: Summary

en/web_development/media/exercises.1640137094.txt.gz · Last modified: 2023/08/16 09:33 (external edit)