Sunday, 1 May 2011

Webdesign software workshop 1 - Thursday 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



















No comments:

Post a Comment