Dreamweaver MX Tutorial
Created and designed by Vivienne Trulock for ilikecake, 2005
Site Folders
Macromedia Dreamweaver MX is a software program used for creating web pages. The interface is what's known as a WYSIWYG interface - what you see is what you get. You simply design your page oblivious to any coding of HTML or JavaScript. Previous to software packages like Dreamweaver, all web pages had to be written in HTML. You don't have to worry about this because Dreamweaver will write this for you (mostly!!)
The first thing we need to do is to make ourselves a site folder. This is simply a folder that we will save everything in our web-site in. This is important. Later we will be making templates which will not work correctly if the site is not defined. It is good practise to get into the habit of defining the site folder for every site.
Exercise - creating a site folder
You've already made a folder on the Desktop, so what we need to do now is tell Dreamweaver where your folder is. Open up Dreamweaver MX (if its not already open). Click on Site>New Site from the top menu

Click on the 'Basic' tab and name your site. It doesn't matter what you call it but it's nomal to relate the site name to its content.
You do not want to use a server technology at this stage. Select 'No...' and click next.

Click on the folder icon to browse for your folder - on the desktop remember. Then click Next.

At the moment you have no remote server. Select None, and click next.
On the following window, click done. Your site is now defined. Dreamweaver can now keep track of your site links. If you want to rename a file or folder, do it inside Dreamweaver. It will allow you to update the links. There's nothing in your site yet, so the next step is to create a web page to put in it.