Before we create a web page, let’s have a look at the Dreamweaver interface. This top region is the main menu or toolbar. The command to complete any task Dreamweaver allows is available in this toolbar. You may also notice two windows containing various keywords and icons. The tall window on the right is called the Insert Window. The wide window on the bottom is called the Properties window. If you accidentally close one or both of these windows, simply go to the Window menu on the main toolbar and reselect them.

Let’s begin our web page!

Place your cursor in the main window of the untitled document and begin typing. I’ll type, “Libby’s First Web page”. Before we go any further, let’s save the document. Go to the main toolbar under File and click Save. A window will appear asking where you would like to save your file and under what name. Choose the folder you established as your “local folder” in the site wizard. I saved mine on the Desktop as “tutorial.” I’ll save this file as “index.html”. Saving a file under this name makes it the default homepage. Whatever name you choose to give your file, it is important to use good naming conventions, namely lowercase letters with no spaces between words.

Now pull up your site window. If you accidentally closed it, go to the main toolbar in the untitled document window, click Window then select Site.

We can now see index.html in our local folder. Since we will be adding images, we will want to put them in our images directory. So, we’ll take this opportunity to pull it to the local site. Highlight the “images” folder on the remote site and click the green arrow which says “Get File(s)” when you hover over it. Now we have the images folder in our local folder. In the future you may want to pull down files you have already posted to the web for further editing, that is the process you would use to complete such a task.