More helpful links….
http://www.adobe.com/devnet/dreamweaver/articles/understanding_css.html
http://www.adobe.com/devnet/dreamweaver/articles/css_page_layout_basics.html
Cool css site
http://www.csszengarden.com/
Estimating time
http://www.sitepoint.com/blogs/2009/04/14/how-to-estimate-time-for-a-project/
If you are going to have rollovers – or images that react to the user’s mouse interacting with a button, and displaying a change – on your page, there are a few things to remember.
All rollovers require TWO images:
- an “OFF” state, or image that displays when the mouse is NOT on the graphic
- an “ON” state, or image that displays when the mouse is ON or OVER the graphic
All rollover images must be the same physical size – if your OFF state is 300 by 25 pixels, your ON state must be the same physical size.
How you design your rollover images is up to you – Fireworks or Photoshop can be used to create the initial graphics, which should be saved as JPG or GIF files.
Once you’ve created the images or added them to your layout, you can insert them into the page code in two ways:
- Using Fireworks incorporate slices and layers into your final design;
- Define slices over rollover areas and export the individual image states – be careful not to overwrite images;
- Using Dreamweaver add saved and optimized GIF or JPG images to your page using the Insert > Image Objects… > Image Rollover feature.
- Be sure to give each rollover a name, ALT tag that describes it, and define two images.
