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