Session 4 - Workshop

Web tips:

1.     naming conventions – no spaces ‘index.html” “page01_intro.html”

2.     aliasing (when you can see the edge of a pixel) / anti-aliasing

3.     file structure / template page

Slice:

save for web

2-up

JPEG

Save

Format: HTML and images

Slices: all user slices

On DW open choose images

Roll over:

Layer images – same size

Save for web

2-up

GIF

01

make what you want it to change to

all same but save as 02

on DW insert rollover image

GIF:

If you want the picture to change on your website you need to make a GIF

Photoshop – window - timeline - create video timeline

Drag images onto document

Drag down images in order you want them to appear

File - save for web - makes sure its GIF format - animation once or forever