This tutorial is done for students in the E-Business Management program at the Higher Colleges of Technology. It is probably not applicable to a wider audience unless you want to know how to set up a link from your development machine to a web server via Dreamweaver.

Some housekeeping before we start:

1. the domain is "ecommerce.hct.ac.ae"
2. your server (site) name has already been given to you (eg: "someone")
3. the full site/domain will be "someone.ecommerce.hct.ac.ae"
4. wherever it says "Host directory", please enter "/www".
5. the MAIN file of your website must be called "index.html or index.htm"
6. make sure ALL filenames are in lowercase with no spaces or special characters!!!
7. make sure the folder where you will develop your site is set up properly. See the Proper Folder Layout section.

Once you successfully connect to the server, you may see some of these folders in your account on the server. DO NOT DELETE these!!!

Step 1: Manage Sites Menu

Start Dreamweaver. From the main toolbar, select Site --> Manage Sites:

Step 2: New Site

From the "Manage Sites" dialog box, select "New" and then "Site":

Step 3: Site Definition Setup

The "Site Definition" dialog box will appear. Follow the instructions below:

If you have a problem with "Local root folder" and "Default images folder" please take a look at how a proper folder looks like here.

Once you have filled out your information, select "Remote Info". DO NOT click "OK"!

If you get a "The root folder you have chosen..." error message, please go to the "common problems" page for information on what to do.

You will need to set up your "Local root folder" and "Default images folder" properly. Please take a look at how a proper folder looks like here.

Step 4: Remote Info Setup

Make sure that "Remote Info" is selected. Follow the instructions below:

Once you click on "Test", Dreamweaver will check your settings. It will use your Username and Password to log into the server and verify that the Host Directory exists. If everything goes well, you will see:

At this point, select "Testing Server" from the menu on the left to go to Step 5.

If you get a "An FTP error has occurred..." error message, please go to the "common problems" page for information on what to do.

Step 5: Testing Server Setup

Click "Testing Server" in the left-hand menus and enter information into just a few boxes:

After you select "Test" and if everything goes well, you will see:

You are now ready to upload your files to the server. For now, don't worry about the following menu items:

Your are now ready to upload files from your local machine to the server.

Proper Folder Layout

It is essential that you organize the folders and files that contain your website properly. A website contains HTM or HTML files and graphics files (JPG, GIF, BMP, etc). It is good practise to create a folder layout like the picture below.

The main folder contains a folder called "assets" or "images" in which all graphics files (and any other "extra" files) are kept:

Root folder layout

Here is another example: