(Optional) Center the contents of the page

(Optional) Center the contents of the page

Lastly, you’ll use the tag selector to select all of the HTML in the document, and center the document’s contents.

  1. With the index.html page open in the Document window, click the <body> tag in the tag selector.

    This is a picture of the feature being described.

    Clicking the <body> tag selects everything between the open and close <body> tags in the Document window. To see the selection, click Code view at the top of the Document window.

  2. In the Property inspector (Window > Properties), click the Align Center button.

    This is a picture of the feature being described.

    Dreamweaver inserts CSS <div> tags that center the body content of the page. In Design view, a dotted line borders the area that the <div> tags center.

  3. Save the page.

Your page is now finished. The last task of building your website is to publish the page. To publish the page, you must define a folder on a remote site and upload your files to that folder. For instructions, continue to the next tutorial.



Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly