Dreamweaver: Using Layout View
This new feature
alone is worth the price of the upgrade to version 4! This is
by far the coolest way to create tables ever because it lets you
tables from a visual point of view.
I'm going to begin
with a Tracing Image I created. This will show you first hand
the benefit of this new feature. I created the comp in Fireworks
exported it as a .png to use as a Tracing Image. To keep file
sizes down for this tutorial, the tracing image has been scaled
therefore is not to size.
here to preview the lesson.
using a Tracing Image is not
required to use the Layout View.
We're just using it in addition with Layout View
to demonstrate how effective the two are together.
Step 1: Entering
by clicking the Layout View
icon on the Objects
Palette. You may get the Getting
Started dialog box that
tells you about the different modes. You can click the checkbox
to not display this box again if you like.
will give you access to the Draw
Layout Table and Draw
Layout Cell options which
allow you to create and edit tables and cells in Layout
Step 2: Applying
the Tracing Image (Optional)
- Go up
to Modify>Page Properties...
to for the Tracing Image.
Step 3: Creating the
first table cell
the Draw Layout Cell
This will change the cursor to a cross
the rectangle over the top blue bar. Dreamweaver will automatically
create the table around the cell since you can't have a cell without
a table. We could have drawn out the table first but since Dreamweaver
does it for us we'll let it:-)
over the cell you just drew until it turns red. When it turns
red, click on it to select it. You can now modify it.
- In the
adjust the Height
if necessary to match that of Tracing