Markup, Sectioning and Layout

Blog Entries

This week we got our first assignment. It's to produce this blog, a website for a charity (fictitious) and a report on both. I'm going to be exploring blogging and writing about the lectures and lab sessions I've done each week, as well as providing links to the exercises I've completed.

An intro to Markup, Sectioning and Layout

The lecture this week was discussing Markup, Sectioning and Layout which all happens in HTML. Dan Buzzo, our lecturer for Introduction to the Web (ITTW), spoke about how HTML handles the Structure of the webpage, whereas CSS handles the Style, and Javascript the Behaviour. This idea of a trinty of tools for building web-pages struck a chord with me so I made this cute little diagram using the HTML5 logo.

In ITTW we are casting an eye on what is going to happen in Web Development in the near future so we discussed HTML5, which is fast becoming the next standard mark-up language. It takes web page structure to the next level as there are far more specific elements that can be used. Elements are the individual components of the HTML code and are used in a tree-like arrangement. Dan Buzzo used a flow chart of how to use elements in HTML5 to help the HTML5 writer determine how to correctly use these new elements.

My first UWE page

In the first few lab sessions we have created a basic UWE homepage from a HTML 3.2 doctype and updated it to HTML 4.1 standard document. I've added a few enhancements including a separate css file for the styling.