https://techschool.murraygunn.id.au/wiki/ 2026-04-12T19:26:38+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:layout:exercises&rev=1692203632&do=diff Web Development Lesson 5 - Layout Exercises Objective In this activity you'll practise changing the layout and using 'include' to ensure site consistency. Setup * We'll work on the files you've created in your directory using Visual Studio Code. 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:layout:padding_margin&rev=1692203632&do=diff Web Development Lesson 5 - Layout Padding and Margins Objective In this activity we'll test some tools for making the page more appealing and readable by introducing some spacing. Setup * We'll be continuing on from the previous activity, but hopefully you've lost the final code because you've been playing around with positioning elements. If that's so, please replace your code with the following code. 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:layout:php&rev=1692203632&do=diff Web Development Lesson 5 - Layout Maintaining Consistency with PHP Objective In this activity we'll use PHP to separate our pages into pieces - some that change and some that remain consistent between pages - so that we can reuse consistent pieces to facilitate easy changes. 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:layout:position&rev=1692203632&do=diff Web Development Lesson 5 - Layout Forced Positioning Objective This activity introduces some predefined HTML tags for structuring pages and looks at using 'position' to force your page into a particular layout. Setup * Create a new file called 'layout.html' in your personal directory. 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:layout:predefined_html&rev=1692203632&do=diff Web Development Lesson 4 - Layout Predefined Page Elements Objectives In this activity you'll create the basic structure of a traditional web page using HTML. 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:layout:summary&rev=1692203632&do=diff Web Development Lesson 5 - Layout Summary In this lesson, we have covered the following concepts for layouts and PHP in web pages. HTML Tags * header * nav * main * footer CSS * display:inline-block * position * top * bottom * left * right * margin * overflow PHP * include Tools * FileZilla tutorial Next Lesson: Media