Managing your websites with Dreamweaver is incredibly easy and very powerful. I use Dreamweaver to manage the site you are looking at right now.

In this screen shot you can see all of my files via the Site Manager:

picture-1

On the right, you can see my local files. On the left, you can see my remote files.

So, let’s get you up and running on using Dreamweaver to manage your sites too, shall we?

Step One: Open the Site Definition Dialogue Box

In order to set up a site to manage in Dreamweaver, you will need to open up the Site Manager via Site > New Site:

myswdw-01

This will open the Site Definition dialogue box:

myswdw-021

Here you will be able to:

  1. Name your site
  2. Choose the local root folder
  3. Log into your remote server via FTP

Step Two: Name Your Site

In this example I will be creating a Site Definition for my ITC298 class.

Therefore, I will name my Site “ITC298″:

myswdw-03

Step Three: Choose Your Local Root Folder

Now I will need to select a “Local Root Folder.”

To do this I will need to click on the folder icon next to the “Local Root Folder” input field.

When I click the icon, I will then be able to choose the folder that my HTML files live in:

myswdw-041

Typically my HTML files are in a folder named “HTML” that is in my project folder. That way I can be sure to upload only my HTML files (and files associated with them) to my server.

Step Four: Set Up Your Remote Information

After I have chosen the proper local folder, I will need to set up my remote information.

Select “Remote Info” in the category field and select “FTP” access:

myswdw-05

You can then input your site’s remote information:

myswdw-063

Typically, you will need to input your:

  1. FTP Host: typically this is the (remote) server where you will put your files
  2. Host Directory: the folder on your server where you will put your files
  3. Login/Username: this is your “username” for the account
  4. Password: this is your “password” for the account

In this case, I will also need to select the “Use Secure FTP” checkbox.

Step Five: Test Your Connection

Let’s click the “Test” button to see if it works:

myswdw-07

Success!

Step Six: SAVE!

Once you have tested your connection and hit the “OK” button, you should see your new site inĀ  your Manage Sites dialogue box:

myswdw-08

Click the “Done” button to save your site information.

Step Seven: Connect & Upload

If you do not see your files, you will need to open the files window via Window > Files:

myswdw-09

Once you open your Files Window, you may not see your remote files.

To see both local & remote files, click the “expand to see local and remote files” button:

myswdw-101

Now you need to connect to your server by clicking the “connect to remote host” button:

myswdw-11

Once you are connected, you can “synchronize” your site files by right clicking on your local folder:

myswdw-12

“Synchronizing” your files will allow you to easily put all of the files to your server that aren’t there or that you have updated.

You should now see all of your files on your remote server:

myswdw-13

Step Seven: Export Your Site Information

You should backup your site’s information (and local files) on a jump drive if you are a student working from other computers than your own.

To export a backup you need to open the Site Manager via Site > Manage Sites:

myswdw-15

Once in the Site Manager, click the “Export…” button:

myswdw-14

Choose to back up your settings and click the “OK” button:

myswdw-16

You will be asked where you want to save your site information (.ste) file:

myswdw-17

You should probably save it in your project folder.

Now, every time you are at a new computer you can “import” you site information (.ste) file from the Site Manager.

Open the Site Manager via Site > Manage Sites and click the “Import…” button this time:

myswdw-14

Find your site information (.ste) file and click the “Open” button:

myswdw-18

Click the “Done” button:

myswdw-14

You will now see your site files and be able to connect to your remote host:

myswdw-13

Congratulations!! You now know how to manage your sites with Dreamweaver!

This portion of the Premium Design Works website is written by Mike Sinkula and dedicated to the Web Design & Development students at Seattle Central Community College and the Human Centered Design & Engineering students at the University of Washington.

8 Comments:

  1. Paul Casey says:

    Thank you for making each step so clear!

  2. Archana says:

    good info

  3. Robert Smith says:

    Very helpful. thanks

  4. Dreamweaver has been for a while my personal goto application for years. I truly don’t know what I would do with out it. There were moments when I initially started off using the software, and I thought it was way too sophisticated. Now I fly around it, and it has become an asset in my personal tool box. Anyway many thanks for the information.

  5. hi mike
    please don’t ever take these down. i started really looking through these tutorials and such and they are invaluable (i just bought a domain name/site/etc.). i won’t have you next quarter but want to be able to access these. thanks.

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.