GS-02: Creating New Documents - Dreamweaver CS5

In Dreamweaver CS5 there are three different ways that you can create a new document.

Method One: From the Welcome Screen

This method allows users to choose from an array of different page types and opens the page immediately so that the designing process can begin.

  1. In the CS5 Welcome Screen, locate the Create New column.
  2. Select the page type for the new document.

Method Two: From the File Menu

This secondary method allows users to create and name the new page without having to opening it.

  1. Go to the File menu.
  2. Select New and the New Document menu will then appear.
    A few options are available in the New Document menu:
    • Create a Blank Page
    • Blank Template
    • Page from Template is meant for sites with pre-existing templates
    • Page from Sample is a listing of samples
    • Other allows you to generate new pages in other formats.
  3. Choose the Page Type.
  4. Choose the Page Layout.
  5. Select the doctype from the drop-down menu (we recommend either HTML5  or XHTML 1.0 Transitional.)
    Doctype is a line of code at the very top of a page that declares to the user agent of choice, such as a web browser, what sort of code to expect. By doing this, the browser will parse the code in accordance with the specified code's rules, thus ensuring that the page displays accordingly.
  6. There is an option to attach any CSS files to the new page in question.
  7. Click the Create button.

Method Three: From the Root Directory

For seasoned Dreamweaver users, an alternative to the methods above is to use the Files Panel. This method provides users with a plethora if options to customize a page before even opening it.

  1. Right-click on the root directory.
  2. In the popup menu, select New File.
  3. Name the new file in the File Panel. The extension for the new document will auto-populate based on preferences.

Getting Started Videos


Dreamweaver is a popular Adobe program for creating websites and applications.  It supports HTML5, CSS3, PHP, FTP, jQuery and more; and it works with HostGator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the video learning portal, Adobe TV.  The video in this article is courtesy of Adobe TV.