Organizing your Files

Your Project Website is going to be an entirely seperate Web site from your Personal Site. You will keep all of the files for this Web site in a new folder.

For the first half of the semester, you have a folder called Internet on your zip disk. Inside the "Internet" folder you have a folder called Photoshop and a folder called www. Now we are making a new site, so make a new folder.

STEP ONE

Add another folder called "Project" inside the "Internet" folder.

Since you are making a whole new Web site, you want a new folder to be your local root folder. (The main folder that holds of the files for this particular Web site.) The project folder will hold all of the HTML files and all of the GIF and JPG images for this new site.

Make a folder inside of project called images. (Just like your www folder has a folder called images inside of it)

STEP TWO

Now you want to make a folder called "project" on the server. (You can name the folder whatever you like, but for the sake of this discussion, I will refer to the folder as "project").

The quickest and easiest way to make a folder on the server is to use WS_FTP the ftp software you used to upload your personal sites to the server in the beginning of the semester.

Open WS_FTP and connect to your folder by entering nmc.loyola.edu as the host and your username and password. (See illustrations of this)

Once you have connected, make a new directory on the remote site (the right hand window in WS_FTP). Click MkDir button on the far right and enter "project" (or whatever you want to name this site). Afterwards, you should see this new folder listed with the rest of your files in the window.

STEP THREE

Set up Dreamweaver to define your new local root folder.

Open Dreamweaver and click Site-->New Site or click the Site button in the Launcher palette.

You can name the Site whatever you want in the first field. (This one is called Sky Diving Site).

In Local Root Folder, click the folder icon to browse for your new folder "project" that is going to house all of the Web files for your new site.

Enter http://nmc.loyola.edu in the HTTP Address field.

Next click on Remote Info under Category on the left side, and then fill in the fields like in the screenshot below.

IMPORTANT: In the host directory field enter the name of your new folder "project" or whatever you called it.

Now your architecture is all set up. You can begin designing your site in Photoshop. When you export Web graphics for your project Web site, save them in the images folder inside of the "project" folder (BE CAREFUL NOT TO SAVE THEM IN YOUR OTHER IMAGES FOLDER, THE ONE INSIDE WWW).

All of your HTML pages for this new site will be inside the Project folder.

When you click the connect button in the site editor, you will not see any of your old files, you will only see this new folder with nothing in it. That doesn't mean your old files are gone. By specifying this new folder in the Host Directory field when you set up your FTP info, you told Dreamweaver to drill down and only display the contents of this one folder.