How to Create an HTML Page with Dreamweaver’s New Document Window - dummies

How to Create an HTML Page with Dreamweaver’s New Document Window

By Janine Warner

You can create a new HTML page by using Dreamweaver’s New Document window, which offers more options than the Welcome screen, including access to any templates you’ve created with Dreamweaver as well as a collection of predesigned layouts, which can give you a head start on your designs.

You can create many kinds of files using the New Document window, and you can mix and match the options. This versatility can be confusing at first because you have so many choices. In Dreamweaver CC, this dialog box was simplified so that you need to choose only one option from each of the three sections.

To create a new HTML page, follow these steps:

  1. Choose File→New.

    The New Document window opens,. In the first section, on the far left, you choose the type of page you want to create:

    • Blank Page: Choose this option to create HTML pages, as well as pages in the more complex PHP or JSP format.

    • Fluid Grid Layout: This option opens the fluid grid layout features, which you can use to create responsive web designs that adjust to different screen sizes automatically.

    • Starter Templates: If you create templates using Dreamweaver’s .dwt template format, you can create pages based on those templates using this option.

    • Site Templates: Choose this option to create customizable mobile web app designs using jQuery Mobile.


  2. From the left side of the screen, select Blank Page.

  3. In the Page Type list, select HTML.

  4. In the Layout section, choose <none>.

    The layouts are included to provide a head start on designing HTML pages with CSS.

  5. If you want to change the document type, use the drop-down list next to DocType.

    By default, Dreamweaver CC creates pages using HTML 5, which most designers consider the best option for web pages today. If you’re working on a site that uses an earlier version of HTML, such as XHTML 1.0 Transitional, make sure to change this setting.

  6. Click Create, in the bottom right of the window.

    The New Document window closes, and a new blank page is created and opened in the workspace.

    Note: If you’re using a Macintosh, the Create and Cancel buttons are swapped.

  7. Choose File→Save to save your page and give it a filename.

    Dreamweaver automatically names all new files Untitled, followed by 1, 2, and so on in the order created. Get in the habit of giving your files names that have more meaning to you. Also note that filenames in websites should not include spaces or special characters (although the hyphen and underscore are okay).

    Get in the habit of saving new web pages in your local site folder as soon as you create them, even though the pages are still blank. As you create links or add images to your pages, Dreamweaver needs to be able to identify the location of your page within your site folder. Saving a page first is best because many Dreamweaver features won’t work until a page is saved.