Notes for the 10–week Web Design Course
For information about my next 10–week web design course see Web Design at City College Brighton and Hove.
Resources – A list of useful links for the 10–week web design courses I teach.
Examples
An image gallery with captions.
An image gallery with a lightbox.
A ‘rollover’ image gallery using CSS.
Rounded corners – Creating rounded corners with borders using CSS.
Menu with pop–ups – Creating a menu with pop–ups using CSS.
Blockquotes – Styling blockquotes using images and CSS.
How this site is put together
This site is a demonstration of an accessible, fluid, layout that complies with W3C standards and works in all modern browsers — and in IE5 with a few hacks.
The following pages explain how it is put together. They are a reference for me, my web design students, and possibly others learning to design web sites using standards and CSS.
The layout – How this layout works and problems to look out for.
The CSS – A detailed look at the default stylesheet.
The metatags – The doctype, metatags and scripts used on the site.
