Accessibility

Dreamweaver Article

 

Creating your first website – Part 2: Creating the page layout


Table of Contents

  1. Introduction
  2. Examine the design comp
  3. Create and save a new page
  4. Insert tables
  5. Set table properties
  6. Insert an image placeholder
  7. Add color to the page
Comments

Create and save a new page

After you have set up a site and examined any comps, you are ready to begin building web pages. You'll start by creating a new page, and saving it in the cafe_townsend local root folder of your website. The page eventually becomes the home page for Café Townsend.

Note: If you haven't created the cafe_townsend local root folder, you must do so before you proceed. For instructions, see Setting up your site and project files.

  1. In Dreamweaver, select File > New.

  2. In the Blank Page category of the New Document dialog box, select HTML from the Page Type list, select <none> from the Layout list (these two options should already be selected by default), and click Create.

    Note: In the Page Type list below the <none> option you'll see all of the CSS layouts that come with Dreamweaver. Later you can return to this dialog box to explore the different kinds of CSS layouts available.

  3. Select File > Save As.
  4. In the Save As dialog box, browse to and open the cafe_townsend folder that you defined as the site's local root folder. (In Part 1 of this tutorial series, you created this folder within a folder called local_sites.)
  5. Enter index.html in the File Name text box and click Save. The file name now appears in the title bar at the top of the application window, as well as in the tab of your new document.
  6. In the Document Title text box at the top of your new document, type Cafe Townsend (see Figure 2).

    Adding the page title

    Figure 2. Adding the page title

    This is the title of your page (different from the file name). Your site visitors will see this title in the browser window title bar when they view the page in a web browser.

  7. Click once on the page to move the insertion point out of the Document Title text box. You'll see that an asterisk (*) appears next to the file name in the document's tab. This asterisk indicates that a file has changed and that you need to save the file if you want to keep the changes.
  8. Select File > Save to save your page.
Page 3 of 7
Previous Page
Next Page