
7
CHAPTER 2
Using Tables to Design a Page Layout
Tutorial
If you are familiar with HTML coding, you already know that text or any other content you add
in a web page flows from one margin to the other unless it is inserted in a “container,” such as a
layer or a table. HTML tables are an excellent solution for designing web page layout, because
they are easy to modify and compatible with most browsers. You can use tables to structure the
layout of tabular data or to set the display of visual elements (such as Flash buttons, images, or
paragraphs of text).
Dreamweaver has two views in which you can design tables—Standard view and Layout view. In
this tutorial you learn to design page layout in both views. In the first section of the tutorial, you
work in Standard view and insert a table in a page. In the latter section, you work in Layout view,
where you use layout options to draw a table and table cells to design the layout.
This tutorial focuses on using tables as a page layout element. By completing this tutorial you will
learn how to accomplish the following tasks:
• “Create and modify a table in Standard view” on page 8
• “Add color to a table” on page 12
• “Set a relative width table in Standard view” on page 14
• “Design a page in Layout view” on page 15
• “Draw a layout cell” on page 16
• “Add multiple layout cells” on page 17
• “Move or resize a layout cell” on page 18
• “Set a relative width table in Layout view” on page 21
• “Design a page in Layout view” on page 15
Kommentare zu diesen Handbüchern