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

Written by:  • Edited by: Michele McDonough
Updated Oct 30, 2010
• Related Guides: Dreamweaver | HTML

You will need to know how to create a HTML document if you want to create a website. In this guide, you will learn how to create an HTML document, and I will show you how to save HTML documents using 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
click to enlarge
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
click to enlarge

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
click to enlarge
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.


Comments

Showing all 2 comments
 
Elaine Reichel Oct 7, 2010 4:37 PM
email document
Using Dreamweaver software, I need to create a single page email document using text and graphics, which I already have. I work well in photoshop and have created a layered document in photoshop. I need to make various logos and email links. Also, how do I make a div in Dreamweaver. I can bring my layered photoshop document into dreamweaver but need help in creating it as an html and making the links work.
Angela Nov 19, 2009 2:17 PM
HTML Email Using DW CS4
I've created a 1 page HTML file with images and links. How do I upload it to Microsoft Outlook 2007? I tried uploading it to Yahoo mail but all the images and text that have links are placed togother on top of the page and the rest that have no links are at the bottom. Any tips? I use ap divs for the text and images that have links. all have absolute paths.
 
blog comments powered by Disqus
Email to a friend