Adobe Dreamweaver Tutorial - Creating, Editing and Saving

Creating New Documents:

When you open up Adobe Dreamweaver you are presented with its Introduction Page where you can choose to create new or open old documents.

To create a new document you have three options, on the introduction page, choosing your new page, right clicking on your document bar and click new and finally you can go File > New…

You have a choose between templates, basic pages to page designs, when i start a new website i choose a Basic Page > HTML and click Create.

Adobe Dreamweaver Tip 1

If you click Page Designs you have a great choice of pre made page designs from Macromedia and Adobe, if your struggling to create the right design, choose one of these.

Adobe Dreamweaver Tip 2

Once you have your new html page you can start working with it:

Adobe Dreamweaver Tip 3

Editing Old Documents:

To open a past document its the same way as creating a new document but choosing Open, find your document and click Open.

Adobe Dreamweaver Tip 4

You will now see your html document:

Adobe Dreamweaver Tip 5

I now can change the text for latest article:

Adobe Dreamweaver Tip 6

Saving and Previewing Documents

To save your document click File > Save (Ctrl+S)

Adobe Dreamweaver Tip 7

Now you can preview your document in your browser to check for errors and appearence, File > Preview in Browser > FIREFOX (F12 for short key). Note firefox is my default browser and if i had a different browser set as default then that would appear instead of FIREFOX.

Adobe Dreamweaver Tip 8

Your Done!


| del.icio.us | Digg it | Furl | reddit | StumbleUpon | Yahoo MyWeb

You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

AddThis Social Bookmark Button

Leave a Reply