Home
Group Aims
First Session
The Brief
Interviews
The Questionnaire
Our Results
Junior Citizen
The Presentation
Home
Group Aims
First Session
The Brief
Interviews
The Questionnaire
Our Results
Junior Citizen
The Presentation
There were two parts to the Challenge 5 brief. Firstly, they were asked to come up with ideas for the design of a Spelthorne Website for children which would be presented to Spelthorne Borough Council at their offices in Knowle Green during the Junior Citizen Event. Secondly they were asked to present their work in a website that would resemble in some ways their Spelthorne design.
The children created this website without the aid of any website creation software, but instead used only notepad and internet explorer. The primary reason for this was to demonstrate to the children the very important engineering principle of the "separation of concerns".
In designing their web page, the children created two types of file, ".html" (hyper-text mark up language) and .css (cascading stylesheet).
Using these two types of file we separated content from presentation. In large software engineering/web development project this is a key concept.
I'm sure a number of the Challenge 5 group members will ask themselves this when they view their pages. In school, you chose lots of strange and wonderful fonts for the different parts of you web page, but they will only be displayed properly if the computer you are looking at the site on has the same fonts as the school computers. Otherwise, the computer you are viewing the site on will choose a font of its own to use! NB. The same is also true of the Spelthorne Presentation.
During our evaluation at the end of the Challenge 5 sessions, the children were able to describe many ways in which we had achieved our aims, and also raised the point that they would have appreciated perhaps just one more session to consolidate what they had learned about HTML and CSS since we had moved very quickly due to time constraints.
Something to try at home would be to view the page source, copy it into a notepad file on your home computer and try changing one thing at a time to see what it does to your web page.
It may not be possible to view the page source in Internet Explore (you will instead see some HTML that I have written which links the web address to the computer with the web files on it), but with Firefox (an alternative browser which you can download for free from "www.mozilla.com/firefox/"), you can do the following:
Right click on your web page, choose "This Frame" and then "View Frame Source" and hey presto up pops all your blood, sweat and tears!
I have created links to click on to view the your css files below: