https://techschool.murraygunn.id.au/wiki/ 2026-04-12T19:10:52+00:00 https://techschool.murraygunn.id.au/wiki/ https://techschool.murraygunn.id.au/wiki/lib/tpl/dokuwiki/images/favicon.ico text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:audio&rev=1692203632&do=diff Web Development Lesson 6 - Media Audio Objectives In this activity you'll learn how to add an audio element to a page. Setup * We'll continue working in 'media.php' and 'style.css' in Visual Studio Code. If you need the code so far, here it is. Don't worry if yours is different. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:exercises&rev=1692203632&do=diff 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'. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:flexbox&rev=1692203632&do=diff Web Development Lesson 6 - Media Flexbox Objective In this activity you'll learn a very powerful modern tool for laying out your pages. Setup * We'll continue to use 'media.php' and 'style.css' for this activity. Here is the code so far if you need it. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:images&rev=1692203632&do=diff Web Development Lesson 6 - Media Images Objectives In this exercise you will * add images to a page of text * wrap the text around the images Setup * Create a file in your directory called 'media.php'. * Add the relevant PHP code to set the page up. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:javascript&rev=1692203632&do=diff Web Development Lesson 6 - Media Javascript Media Objectives In this activity you'll use Javascript trigger media in response to user input. Setup * We'll continue using 'media.php' and 'style.css' in Visual Studio Code. If you need the code again, here it is. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:named_arrays&rev=1692203632&do=diff Web Development Lesson 6 - Media Named Arrays Objective In this activity you will learn some advanced array techniques for arrays in PHP, which will be useful when processing data from a database. Setup * We will continue using 'media.php' and 'style.css' in Visual Studio Code. Here's the code again if you need it. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:php&rev=1692203632&do=diff Web Development Lesson 6 - Media PHP Arrays Objective In this activity we'll use PHP to generate the list of photos in our album. Setup * We'll continue using the 'media.php' and 'style.css' files from the previous activities. Here they are again if you need them. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:summary&rev=1692203632&do=diff Web Development Lesson 6 - Media Summary In this lesson we have covered the following concepts for media and PHP. HTML Tags * img * audio * video * input button HTML Attributes * src * alt * title * value * onclick Styles * float * clear * max-height * max-width * border-radius * input[type=input] * display: flex * flex-wrap * justify-content Javascript text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:media:video&rev=1692203632&do=diff Web Development Lesson 6 - Media Videos Objectives In this activity you will add video to a web page. Setup * We'll continue to use 'media.php'. * If you need the code again, here it is. Don't worry if yours is different to this - you've probably changed your page to your own taste.