To start the day we had a practical session to:

• update our notes in Google Docs to include the topics that was of interest to you from yesterday
• login to Google Analytics to explore some of the web site reports
• create a database table 'tblUser' with different fields to store the registration details from the login form
• register a user and see the content within the database table

Afterwards the teaching centred around the important principles of structure emphasising that structure should exist within all documents, presentations, HTML and CSS files. Doing so, ensures that style changes can be made easily. For example, changing the style of the main title on a master slide means that main title will change throughout all slides where it is used. Same principle applies in CSS. We were introduced to Google Drawing to create drawings for the web projects.

We had an in-depth look at the power of cascading stylesheets CSS with examples showing how CSS can be used to change layout as well as style with the same content. It was shown how having structured content within news and blog items makes the setting up of a RSS feed easy. We covered good practice regarding graphical content and were introduced to the flexibility of using HTML canvas to generate graphical content within a web page.

During the practical sessions, we started to put into practice what we have learnt from the teaching regarding design, images, HTML, CSS and change our group project web sites accordingly.

The last teaching session covered a look at HTML5 and its main principles such as improved semantics and device independence. We saw a video to illustrate the device independence, one HTML5 application that ran in different platforms. Among the resources viewed were a useful flowchart to show the HTML5 semantic elements and when to use them, use of audio and video elements.