Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Basics | Create and set the table in Dreamweaver
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Create and set the table in Dreamweaver

Tables are one way of creating Web pages. I'll show you the basics of working with them and something more.

 
  Author: bole | Version: CS5 | 7th November 2013 |  
 
 
1.
 

Open new Document

 
 
2.
 

Click on the Table icon.

 
 
3.
 

We will create a table with three cells, so we will choose: Rows: 1, Columns: 3, Table Width: 100 percent, Border thicness: 0, Cell pedding: 0, Cell spacing: 0.
Click OK.

 
 
4.
 

The new table is created.

 
 
5.
 

Now select the first cell…

 
 
6.
 

…and set the width to 200. This means that this cell is 200 pixels wide.

 
 
7.
 

Click on the second cell…

 
 
8.
 

… and set the width to 10. This cell will serve as the spacing between the main menu and the text on the right.

 
 
9.
 

Now the table should look like this.

 
 
10.
 

Select the first cell again.

 
 
11.
 

Click on the box that defines the background color…

 
 
12.
 

and select any color. I chose blue.

 
 
13.
 

The first cell is now colored. Now select it.

 
 
14.
 

Click the table icon again.

 
 
15.
 

Set the table: Rows: 3, Columns: 1, Table Width: 100 percent, Border thicness: 0, Cell pedding: 2, Cell spacing: 2.
Click OK.

 
 
16.
 

You've created a new table.

 
 
17.
 

In each cell write a text. I wrote FIRST PAGE, OFFER, CONTACT.

 
 
18.
 

Now select a text in the first cell. 

 
 
19.
 

Now set the alignment and color. I chose Align right and white color.

Repeate the procedure also in other two cells with the text.

 
 
20.
 

The text is now colored.

Now, write any text in the right cell.

 
 
21.
 

Now we will move the text to the top. In propertis set Vert: Top.

 
 
22.
 

Now save (Ctrl + S) the document and press F12 to see your result.

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO