Dreamweaver 4 Intermediate
river mortenson

week2 | week3 | week 4 | week 5 | home | links | contact |

Bird's nest

Week 4
Methods for Nesting Tables
(Pages use CSS styles)

Method 3 - Dreamweaver

| Method 1 HTML| Method 2 ImageReady | Method 3 Dreamweaver | Method 4 Extension


Make table(s) in Dreamweaver and place ImageReady images

1. Name all the cells – slice.
2. Save top or recurring elements as Images and HTML.
3. Take slices to be made into rollovers - create up and over states that are the exact small size to be able to swap. Record size.
4. Open Dreamweaver and open ImageReady file. Save files that are aleady in convenient tables.
5. Create new tables for a data cell that will contain a nested table for rollovers and a data cell for content. The table for the rollovers will be a size that will hold the dimensions of the rollover multiplied by the number of rollovers.
6. Place rollovers in one table and created rollover effect in Dreamweaver.
7. Put in space gif in second TD (content) of new table and put in pixel size or put in text.
8. Put background within Page Properties dialogue box as the background image

Example of buttonExample of buttonExample of buttonExample of button

Up and over examples of buttons placed in Dreamweaver using its Rollver Image feature

| Method 1 HTML| Method 2 ImageReady | Method 3 Dreamweaver | Method 4 Extension