MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Manuale Utente Scaricare il pdf (Pagina 15)

Using Tables to Design a Page Layout Tutorial 15

3 In the dialog box that appears, set the following options:

In the Rows text box, type 2.

In the Columns text box, type 3.

In the Width text box, type 600, and then select Pixel in the pop-up menu to the right of the

Width text box.

In the Border text box, type 1 to set a 1-pixel border around the table and table cells.

4 Click OK.

The table appears in the document.

5 Select the middle column by clicking in the top, middle cell and dragging down to the

bottom cell.

6 In the Property inspector, use the color picker to apply a background color to the column.

7 Press F12 (Windows only) or select File > Preview in Browser and select a browser to view the

document in.

Resize the browser window to see how the two tables respond to browser window changes. The

pixel-based table retains its size, while the percentage-based table adjusts to fill the browser.

8 When you are done viewing the document, close your browser window.

9 Save your document.

Design a page in Layout view

Now that you’ve learned how to work with the Insert Table command, let’s look at another way to

work with tables—by drawing the table layout.

Next, you’ll work in Layout view, which allows you to draw layout cells or layout tables into

which you can add content such as images, text, or other media.

In Layout view you can draw layout cells and layout tables to define the design areas of a

document. You can start by inserting a table cell or a layout cell. When you insert a layout cell

first Dreamweaver automatically creates a table to surround it.

Create and save a new document

1 In Dreamweaver, choose File > New.

2 In the New Document dialog box, Basic Page is already selected, in the Basic Pages list select

HTML then click Create to create a new HTML document.

The document opens in the Document window.

3 Save the document in your local site folder, and name it tableLayout.htm.

1 2 ... 10 11 12 13 14 15 16 17 18 19 20 ... 65 66

Nessun commento

MACROMEDIA DREAMWEAVER 8-GETTING STARTED WITH DREAMWEAVER Manuale Utente Pagina 15