Westciv Logo

These materials are copyright Western Civilisation Pty Ltd.

www.westciv.com

They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses.

Please see our website for detailed copyright information or contact us info@westciv.com.

westciv downloadable courses

color and graphics - table of contents

Course introduction

Tools you need

What is color?

Color in the real world

How do we see color?

Printed color

Screen-based color

Gamma

Color management systems

RGB
sRGB

Web page color

Color depth

TrueColor
Implications for web developers

Specifying colors

Percentage RGB
Decimal RGB

Specifying color on the web

Creating color with CSS
Percentage RGB values
Decimal RGB values
Keyword values
Hexadecimal RGB values

Hexadecimal numbers

Converting from hexadecimal to decimal
Converting from decimal to hexadecimal

The web safe color palette

Shortform hexadecimal RGB
Is it still important?

Color and accessibility

Color wrap-up

Web graphics introduction

Bitmaps and vectors explained

Bitmap versus vector graphics

GIFs

Introduction to GIFs

Are GIFs subject to a patent?

The number of colors in a GIF

Dithering

Choosing the colors in a GIF

Transparency

Matte

Interlacing

File Size

JPEGs

Introduction to JPEGs

JPEG versus GIF

What are JPEGs good for?

Compression versus image quality

Getting it right - some examples

Exercise answers

PNGs

Introduction to PNGs

PNG versus GIF
Color and PNG

PNG transparency

The alpha channel
Creating PNGs

Other PNG features

Interlacing
Gamma
PNG compression

PNG versus GIF and JPEG

Vector graphics formats

Introduction to vector graphics

Flash and SWF

Problems with SWF
Accessibility issues
Usability issues

Scalable vector graphics (SVG)

SVG versus SWF
Software
The future

The use and abuse of vectors

Real world issues

Graphic design for the web

Images versus text and color

Slicing images

Image maps

Making an image map accessible

Accessibility is the key

Revision quiz