web design software workshop 1 - Thurs 28th April

SITE SETUP

Name site and link to route folder :

Link to server when site is ready :

Name server - computer that you are uploading it to...

DESIGNING FIRST PAGE

New page :

Save As immediately

Must save home page as "index"

route and image folders are available on right hand side :

Creating a box :

must add zero to indicate no value

design :

code :

press space after width, brings up drop down menu, press h to skip to height :

add value :

to select box in design mode, click outside of box and drag mouse across to box.

This selects the box.

to align centrally, go to align in properties bar and select 'centre'

To preview web page in browser :

To add colour click in box on design mode

chose colour from bg tab

changes to code :

preview on safari :

to add background colour add to code :

design view :

To divide box into two columns

(change colour to make sure you are using right cell)

put in 700 value for other cell - good design practice

split left hand column into 7

automatically equally spaced :

resize rows one by one (including final box - add value - good practice)

CREATING ROLL-OVER BUTTONS

(In Photoshop)

new web doc - transparent bg

add measurements of button....

add label for button

duplicate layer for roll over and change in some way e.g. colour

save for 'web and devices'

png good option

make sure transparency is checked

do this for both layers

(save to images folder in route folder)

back to dreamweaver insert>image objects>rollover image

fill in details and link to files