Example Websites in argles.org/examples
=======================================

The various sub-directories in this part of the website each contain some example code that fits with the lecture course I'm running (Applications of Scripting).  They are designed to take you through the steps for building of a simple, but complete website, and illustrating the various points made in each lecture.

As with this main directory, you are able to browse each sub-directory.  This means you can see what files are there, and you can download the individual page files.  With the later examples which use PHP, you won't be able to see the content of the PHP, so I've provided zip files that you can download and inspect on your own computer.

There will also be another readme.txt in each sub-directory explaining any issues with that particular version of the website.

A quick guide to the examples:

* step1: illustrates the content of video 3 (https://www.youtube.com/watch?v=dqGfZiZB0mU).
         It demonstrates basic HTML5 with no style definitions.

* step2: illustrates the content of video 4 (https://www.youtube.com/watch?v=7v1CuWoxe9Q).
         It demonstrates the effect of adding style definitions in a CSS.

* step3: illustrates the content of video 5 (https://www.youtube.com/watch?v=PLYyo75N6Z4).
         It demonstrates the effect of converting our html page to an oophp object.

* step4: illustrates the content of video 6 (https://www.youtube.com/watch?v=FO4jLl5lvFc).
         It demonstrates the effectiveness of creating a little oophp-based library
         that allows the rapid creation of a new website.

* step5: illustrates the content of video 7 (https://youtu.be/HVX225VS5xA).
         It introduces an "ini" file as a way of configuring key values for our
         boilerplate website.  It makes the maintenance of the site much easier; 
         but it also makes it much simpler if we want to re-use our boilerplate 
         for several different sites.

* step6: illustrates the content of "video" 8.  This wasn't created as a video, 
         but given as a lecture (see 
          https://secure.ecs.soton.ac.uk/notes/comp2203/slides/COMP2203-DA8.pdf 
         for the slides and 
          https://secure.ecs.soton.ac.uk/notes/comp2203/audio/DS500502-vid8.mp3 
         for the audio).
         It illustrates the use of $_SERVER variables to identify the active 
         page in the menu bar for example.

* step7: illustrates the content of video 9 ().
         It demonstrates a couple of simple ways to ensure cross- and legacy- 
         browser compatibility.

* step8: illustrates the content of video 10 ().
         It demonstrates the basic principles of responsive design.


D.A.Argles
02.11.2015 @ 23:27h