Beginner’s Guide to Creating and Saving a HTML Document in Dreamweaver

In this beginner’s guide I will show you how to create a new HTML document in Dreamweaver. I will also show you how to save the HTML document in Dreamweaver. This is a step by step guide for beginners. To begin this guide, open your Dreamweaver program and let it load.

Beginners guide to creating and saving an html documnet in DW - interface

Creating a New HTML Document in Dreamweaver

When your Dreamweaver Program loads, you will be presented with an interface. In the middle column of the interface, you will see the list of things that you can do. To create a new HTML Document, click the HTML link. Your new HTML document will open in your Dreamweaver window.

Beginners guide to creating and saving an html documnet in DW - new document

To create another HTML document, do the following. Go to the top of your Dreamweaver program and click File > New. A box will open and you will see two columns in this box. In the first column, you will need to choose Basic Page. So, click the Basic Page link. In the second column, you will need to click the HTML link. Then click the Create button at the bottom of the box. The new HTML document will open in your Dreamweaver window.

Saving an HTML Document in Dreamweaver

Beginners guide to creating and saving an html documnet in DW - saving a dc

To save an HTML document, go to the top of your Dreamweaver window and click File > Save As. The Save As box will open and you will need to type the name of your document in the File Name field. At the end of the name, you will need to type .html. For example, if you are naming your document Index, you will need to enter it in the field like this, index.html. Then navigate to where you want to save the document. Click the Save button to save it.

Opening a Document That You Have Saved

You can easily open a document that you have saved. To open a document, go to the top of your Dreamweaver window and click File > Open. Locate the document on your computer that you want to open. Click the document and click the Open button. You can also double click the document to open it.

If you are just opening your Dreamweaver program, you can do the following to open a document. The first column of the interface is the open section. If you don’t see the document that you want to open in the recent files, click the Open folder at the bottom of the column. Then you can locate the document and open it the same way you did above.

If you are new to Dreamweaver, the above steps are very important to know. You will need to know how to create, save, and open HTML documents when using Dreamweaver.

This post is part of the series: Dreamweaver Tutorials

This collection of articles is aimed at providing education about the software program Dreamweaver.
  1. Beginner’s Guide to Creating and Saving an HTML Document in Dreamweaver
  2. Dreamweaver Tutorial: Tips for Link Management
  3. Creating a New CSS Text Style in Dreamweaver
  4. Creating a Jump Menu in Dreamweaver
  5. Create a Photo Album for Your Website in Dreamweaver
  6. Dreamweaver Tutorial: Mapping and Linking Images
  7. Use CSS Styles to Create Solid Color Rollover Buttons in Dreamweaver
  8. Incorporating Flash Buttons Into Your Dreamweaver Designs
  9. Creating a Rollover Button in Dreamweaver Without Using CSS
  10. Dreamweaver Tutorial: Creating and Inserting Flash Text into Your Document
  11. Dreamweaver Tutorial: Inserting and Editing a Horizontal Line
  12. How to Modify Your Page Properties in Dreamweaver
  13. Adding Guestbook to Your Site Using Dreamweaver
  14. Applying Pop Up Messages to Links In Dreamweaver
  15. A Guide to Understanding the Properties Panel in Dreamweaver
  16. Create a Tab Menu in Dreamweaver
  17. Creating a List Menu in Dreamweaver
  18. How to Create HTML Email with Dreamweaver