Tech School

User Tools

Site Tools

Trace: • javascript • javascript • named_arrays
en:web_development:media:exercises

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
en:web_development:media:exercises [2021/12/21 17:38]
mag [Headline] 		en:web_development:media:exercises [2023/08/16 09:33] (current)
Line 11: Line 11:
   * In 'media.php', create a button to play / pause the video. Use the same techniques you used to play / pause the audio.   * In 'media.php', create a button to play / pause the video. Use the same techniques you used to play / pause the audio.
  
-==== Headline ====+==== PHP Arrays ====
   * In the 'project' folder, create a file called 'album.php'.   * 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.   * 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.+  * Create an album showing the photos for the Colombian footballers as shown in the following table. Try to do it using PHP arrays. 
 ^ Player ^ Image ^ ^ Player ^ Image ^
 | Andrés Felipe Mosquera Marmolejo | https://secure.cache.images.core.optasports.com/soccer/players/150x150/132914.png | | Andrés Felipe Mosquera Marmolejo | https://secure.cache.images.core.optasports.com/soccer/players/150x150/132914.png |
Line 26: Line 27:
 | William José Tesillo Gutiérrez | https://secure.cache.images.core.optasports.com/soccer/players/150x150/125048.png | | William José Tesillo Gutiérrez | https://secure.cache.images.core.optasports.com/soccer/players/150x150/125048.png |
  
-  * Try it using PHP arrays. 
   * Style the album as you like.   * Style the album as you like.
-  * For a bonus, include the name of the player with the photo.+  * For a bonus, display the name of the player with the photo. 
 + 
 +==== Link Javascript Files ==== 
 +  * Recall that we used a PHP variable <html>$page</html> to link the Javascript file for 'media.php'. Now the Javascript files for 'lists.php' and 'tables.php' don't work. 
 +  * Add the PHP variable to these pages to reenable their Javascript code. 
 +  * Do the same with all pages in the 'project' folder. You'll also need to add the relevant code into 'header.php'.
  
 ==== Add Menus ==== ==== Add Menus ====
en/web_development/media/exercises.1640137134.txt.gz · Last modified: 2023/08/16 09:33 (external edit)

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki