Accessibility
 
Home > Products > Dreamweaver > Support > Working with Studio MX
Dreamweaver Icon Macromedia Dreamweaver Support Center - Working with Studio MX
Set column widths and add text in Standard view

Layout view is excellent for laying out the initial design of your web pages. But it is easier to adjust individual column widths and heights, and add text to your page in Standard view.

1 Switch back to Standard View, by selecting View > Table View > Standard View or by clicking the Standard View button in the Insert bar's Layout category.
2 The green borders and tabs of your layout tables disappear. You now have a page that displays four standard tables.
3 Click once inside the first column of the bottom table. You do not actually need to select the column to change its properties.
4 In the Property inspector (Window > Properties) set the column width to 320 pixels. If you cannot see the width and height fields in the Property inspector, click the expander arrow in the bottom right corner.

Notice that the height of the table column is already set to 125 pixels. This is because you previously set the height for the entire table.
5 Click inside the center column of the bottom table and set the width to 10 pixels.
6 Click inside the third column and set the width to 320 pixels.
The three columns in the bottom table now have set widths. If you switch back to Layout view, you'll see the pixel widths you set displayed at the top of each column.

To see the width of the small center column, position the cursor over the column header at the top of the column.
7 Switch back to Standard view and click inside the first table at the top of the page.
8 Type the words Wildlife Project banner graphic, then select the words you just typed.
9 In the Property inspector (Window > Properties) select a text format from the text pop-up menu. For this tutorial, we've selected Verdana, Aria, Helvetica, sans-serif.

10 Continue adding text to your tables until you have a layout similar to the one pictured below.

If you like, you can adjust font size and color by selecting the text and selecting different font size and color options in the Property inspector.
11 Finally, set the margins of the index page by selecting Modify > Page properties, typing 0 in the Left Margin, Top Margin, Margin Width, and Margin Height text boxes, and clicking OK.
Setting all of your margins to 0 will eliminate unwanted space around the edges of your index page.
Now that the layout for your index page is complete, you are ready to begin developing assets with other Macromedia Studio MX applications.

Submit feedback about this tutorial.

To Table of Contents Back to Previous document