Posts Tagged ‘html’


February 23rd, 2012 No comments

This material covers the basics of CSS – the use of appropriate selectors , ids and classed etc.

Lecture slides on CSS: CSS lecture handouts

Lab exercises: CSS lab exercises

The following resources are used in the CSS exercises

Categories: BIS Tags: ,


February 23rd, 2012 No comments

This material covers the basics of semantic XHTML – the use of appropriate elements (tags) such as head, body, title, h1..h6, p, img, table, ul etc.

Lecture slides on HTML: HTML handout

Lab exercises: HTML Lab

The following resource are used in the HTML exercises




Use a right mouse click (and select save image as) and place these images in the same folder as your other files.

Categories: BIS Tags:

ITB Week 1

September 24th, 2010 2 comments

There are materials available for the first week of ITB (PDF files):

ITB module handbook 1213

Lecture 1 handouts, in colour and 3 slides per page
BB1753 Lab 1

This file, which contains poor markup, is used in one of the lab exercises:


Web application architecture

February 18th, 2010 No comments

This session talks about the architecture of a typical web application and shows how a series of technologies (and accompanying standards) allow a web transaction to take place. TCP/IP, DNS, HTTP, Web servers and browsers, along with a discussion of server side code and database servers are all explained (some of it at an abstract level).

Handouts for this session (PDF)

Reblog this post [with Zemanta]
Categories: GCE Tags: , , ,

Lab exercise on site redesign

February 18th, 2010 No comments

This is a practical session, implementing the site redesign in semantic HTML and CSS. This exercise requires a plain text editor – Textmate (mac) or Notepad++ (PC) are recommended but will do. A modern browser should be used to check the changes you make as you progress (Firefox with the Firebug debugging toolset are recommended).

Lab exercise (PDF)

Files for lab (zip file)

Categories: GCE Tags: ,

Site redesign using Semantic HTML and CSS

February 18th, 2010 No comments

This session is about moving an existing site into semantic HTML and CSS. By reducing the complexity (and mess) of the pre-existing HTML and moving the design into CSS broken into separate files, the site should be cleaner, better structured and more maintainable.

Slides for this session (PDF) (Cut down version without all the CSS explanations)

Slides for this session (PDF) (Full set of every slide that’s used)

Semantic file with div structure (PDF)

FOB semantic with div (HTML)

Categories: GCE Tags: , ,

The history of HTML, XHTML and Semantic HTML

February 18th, 2010 No comments

This session is about the history of HTML, XHTML and the way that semantic HTML can be used to clarify / simplify markup and enhance reuse, slides (PDF).

The site markup which is cluttered and messy is HTML source

Categories: GCE, Technology Tags: ,

HTTP and web servers

February 18th, 2010 No comments

This session is about the HTTP protocol, web servers and browsers, handouts (PDF)

Categories: GCE Tags: , , ,


November 14th, 2009 No comments

Two excellent posts about Web Browsers

The first from Mozilla celebrates 5 years of Firefox and explains what’s been going on this last year and where browser technology will be going next “super fast JavaScript, modern CSS, HTML5, support for the various web-apps standards, downloadable font support, offline application support, raw graphics through canvas and WebGL, native video, advanced XHR capabilities mixed with new security tools and network capabilities”.

The second from Glyn Moody contains a potted history of the development of browser technology. His Computer World column is always worth reading.

Video interview with Tim Berners-Lee

October 14th, 2009 No comments

Video from a symposium organized by Finland’s Technology Academy Foundation, found at Beet.TV