CSS in action

Photos

This is an example of the pages required for Assignment 3 in Unit 10, set for students on the National Diploma course by Andrew Hill. This design comes in the following low-sodium flavors: red, green, blue, magenta, and brown. Click on a color to see it in action (requires JavaScript).

This is the Photos page, with the simplest type of gallery: small images linked to pages showing larger versions. Whilst this is still effective, if you have lots of images it can be time-consuming and often a better solution will be to use one of the many services offered by Flickr, Picasa (illustrated below) and similar on-line galleries, or to utilise a free photo gallery tools such as JAlbum.

The Studyzone

• Courses
• Introduction
• Criteria
• Assignments
• Notes
• Links

Design Resources

• Good design, fonts and colours
• CS4 Tutorials
• CSS Introduction
• W3C Schools CSS Tutorials
• CSS Named Colors

More Cool Stuff

• Image Color Search
• Morguefile
• Image Stock Exchange
• OpenWebDesign
• IrfanView Free Image Editor