HTML Tables
Skill level: Beginner
Programs used: Dreamweaver 4.0
|
|
This tutorial will teach you how to create tables using Dreamweaver and
inserting your sliced and optimized images into these tables to form a
html page.
(1) Firstly, load up Dreamweaver. Click on the window option and check
Objects and Properties (if not already checked). You should now see the
vertical Objects window and the horizontal Properties window.
|
| (2) Click on the Insert Table icon on the Objects window. |
 |
| (3) The Insert Table window will pop up. Now, lets assume we have already
sliced up our images such as the ones here. |
  |
| (4) Therefore, we need to create a table with 2 rows and 2 columns. Set
the width of the table according to the width of your design. Leave the
other settings as follows. |
 |
| (5) Click on the box in the first row, first column. To insert the first
image, click on the Insert Image icon on the Objects toolbar and select
the first image from its folder. |
 |
|
(6) Repeat this for the other slices until the table is filled.
(7) If you would like to change the background color, move your mouse
pointer over to an empty area, right click on the mouse and select Page
Properties at the bottom of the pop up menu.
|
| (8) On the Page Properties menu, type in the title of the page and then
click on the colour box next to Background. This will allow you to select
a colour of your choice as the background. |
 |
|
(9) Finally, to preview your page in a web browser, press F12.
|
