Friday 16 November 2012

SOFTWARE - Web session 2

Manage site - useful for when you have to move your root folder between computers or locations.

cmd + tab - allows you to switch between screens.

How to get rid of the 5 pixel border around the preview website.

Last session we used relative to piece the different segments of the website together. WIth this setting you can't get rid of the white border.








TADA




Aligning central.





Creating A DWT (dreamweaver template).

Concerting the index html into the master template.

Templates work be coding them to know which areas are going to change on each page, these are calling editable areas.

Anything visual goes inside the body tags.














from here you can creat new index pages that you can then title for the different pages on your website.








How to create buttons and roll overs.

You need to work in PS and create the art work to the same pixel spec as the button will be in DW. Create the roll overs in layers.
Save for web - you can view the different properties and file types in the save for web window. jpeg is the best compression but it doesn't support transparency. 
We're saving as png24 because it does.
When saving, make sure the rollover layer isn't visible and do the opposite and make sure the original isn't visible when saving the rollover.



ONce you have your buttons ready you then have to add them to the template file (dwt) this will apply the change to all the other html pages that have been made from that template.

Padding





Adding images.







No comments:

Post a Comment