Technology, Teaching and Learning
but not necessarily in the correct order
The Web Scripting for Applications module has one assessment and one exam.
The assessment is collated from the exercises you have worked on every week, as detailed in Web Scripting for Applications Coursework
A word document containing all your work will be automatically generated for you – you do NOT have create this document yourself.
The final date for submission of work to the foliocube system will be December 21st @ 6:00pm. At this point no other work will be accepted by the system.
The taught material for this week is covered in the slides from weeks 3 and 4
Source code file for exercises 4-7
This weeks material is very practical, involving the redesign of a website into semantic XHTML and CSS. As this is exactly the same process that you will be performing in the assignment, the lecture has been duplicated below, so that you can repeat the process should you wish (or if you missed the lecture).
The lecture notes can be downloaded as a PDF – lecture 5 handouts
If you attended the lecture and feel confident, you can jump straight into the lab exercise
Lab Exercise Styling the page – exercise sheet for Lab 5 and the Zip file containing HTML, CSS and images for lab 5
A solution for the complete site is available (i.e. the completed redesign shown in lecture and attempted in lab from the zip file)
If you missed the lecture or wish to see the process again, you can start from here:
This weeks materials are all about using Semantic XHTML and CSS to style a preexisting web site. The web site in question is the (old) version of the Faculty of Business Website (see image).
Activity One Download, extract and then have a look at the markup for this page Faculty of Business and Law.html (zip) – see if you can understand it.
Activity Two Watch the first part of the video – the lecture notes used in all these videos can be downloaded as a PDF – lecture 5 handouts
Video 1 is about 15 minutes long
Activity Three Try and edit your file (from Activity One) to remove all the excess HTML and CSS, like in the video. A completed solution is available to see if what you’ve created matches the video version
Activity Four Watch the second part of the video – where the logical parts of the document are marked up using DIVs and SPANs
Video 2 is about 7 minutes long
Activity Five Edit your document (or the solution given in Activity Three) to mark up the logical parts of the document – a completed version is available to check against. Watch out for the correct number of closing DIV tags where there are DIVs within DIVs – the trick is to have two closing DIVs at the end of the central column (closing the news area and the contentMain area), and two closing DIVs at the end of the column on the right (closing the badges part and the contentSub part).
Activity Six Watch the third part of the video on how to structure and add CSS files – and then what normalisation does
Video 3 is about 6 minutes long
Activity Seven Watch the final parts of the video which shows the steps required to style the site to recreate the original design markup used in the lecture Because this is the longest part of this process, this has been split into two parts
Styling the whole document – sorting out the column placement and overall styles (such as fonts) – about 7 minutes
Styling each individual sub area and tidying up – about 18 minutes
You should now be prepared for the Lab Exercise which asks you to style the page
Lab Exercise Styling the page – exercise sheet for Lab 5 and the Zip file containing HTML, CSS and images for lab 5
A solution for the complete site is available (i.e. the completed redesign shown in lecture and attempted in lab from the zip file)
One of the nicest books explaining the whole semantic xhtml and structured CSS approach is Transcending CSS by Andy Clarke
Normalisation part 2 (continued from last week)
Connolly, T., Begg, C., 2005, Database Systems, 4th Ed.: Chapter 13 – FDs and normalisation
Connolly, T., Begg, C., 2010, Database Systems, 5th Ed.:Chapter 14 – FDs and normalisation
Elmasri, R., Navathe, S., Database Systems, 6th Ed.: Chapter 14 Normalisation using FDs, pp. 507 – 513
Silbershatz, A., Korth, H., Sudarshan, S., Database System Concepts, 6th Ed.: Chapter 8, pp. 333- 337
The following material is available for Business Internet Systems and was used in the first session
Introduction to Database Systems materials
Materials for week 4
The newspaper.php and response.php files are in the zip file …
PHP files for lab exercise (zip file)
These are the materials for week 4
Notes on binary and hexadecimal
Lab exercise for week 4
lab4 files for lab exercise
Solutions for the CSS exercises are available
Slides for Normalisation part 1
Some notes on functional dependencies and keys
Connolly, T., Begg, C., 2005, Database Systems, 4th Ed.: Chapter 13 – FDs and normalisation
Connolly, T., Begg, C., 2010, Database Systems, 5th Ed.:Chapter 14 – FDs and normalisation
Elmasri, R., Navathe, S., Database Systems, 6th Ed.: Chapter 14 Normalisation using FDs, pp. 485 – 507
Silbershatz, A., Korth, H., Sudarshan, S., Database System Concepts, 6th Ed.: Chapter 8, pp. 323- 333
Lecture Materials for Week 3
soapform1.html used in the lab
PHP Exercises for the lab
form required for the lab work (zip file)
These are the materials for week 3 of the ITB course
Lecture Materials
lecture 3 handouts, in colour with 3 slides per page
css cribsheet from Phil Molyneux
This page contains the neatest summary of xhtml elements and their semantic use (there are tags here which we have not used yet – only tags shown in the slides and materials will be in the test)
Lab Materials
The compressed zip file lab3 is available for the lab activity