Setting Up Your Site Management

For the Web Design I course, I will be providing you with webspace on the Pixel Weavers website. This will allow you to learn how to upload files, optimize them for web viewing (as pages often look different accessed via http than they do from your own computer), troubleshoot your sites, and share them with others -- both your fellow students and anyone throughout the world.

If you are in my class, I should have provided you with an account to use and emailed you the necessary FTP information for connecting from your computer to that account. If you do not have that information, please contact me: andrew@andrewross.com.

 

Dreamweaver Site Definition window

Assuming that you have all of this necessary information and your FTP account has been set up for you, here is how to set up Dreamweaver to access this account and upload files to your Webspace. From the Dreamweaver menu at top, click on Site: New Site. This will open a dialogue box that looks like the image at right.

If you do not see this pop-up window, make sure you have "Basic" selected at the top of the window.

Fill in the name of you site – probably just something like "Andrew's Website". This is only a reference for viewing the site within Dreamweaver and has nothing to do with how your site displays on the web . For the URL of your site, enter:
http://www.pixelweavers.org/members/
<your identity>

where <your identity> is your first initial and last name, which I sent you in your FTP email. Click "Next".

 

No, you do not want to use server technology. Make sure that "No" is checked, and click "Next".

 

On the next page, leave "Edit local copies on my machine" checked, and create a folder on the hard drive where you will store your site as follows:

  1. If you have a personal folder on the computer, find it and select it. If not, go to the "Documents" folder of the computer and click "New Folder" in the bottom-left corner to create one (probably just named with your name).
  2. Once you select your personal folder, I recommend creating a new folder inside this called "Sites-Local" - same method as above.
  3. And then create another folder inside this one, called something like "Andrew's Course Website".
  4. This is the folder you will use, so click "Choose"

Working from a folder on this computer will require you always work from the same computer, but that's probably best anyway. BE SURE to always back up your files from this lab computer to your portable drive, EVERY DAY. You never know what might happen to files on the lab computers.... Also, this will allow you to work at home or possibly on another computer if you want to. (Note, you can create the above folders on your portable drive, and this may be more convenient if you work on multiple computers. However, this generally makes work slower in Dreamweaver. And besides, you would need to create a site definition on every computer you would want to use from the portable drive, so the convenience is lessened.) Again, click "Next".

 

Dreamweaver Site FTP access

Your next page is where you set up access to your webspace, which looks like the image at right.

Okay, so it probably doesn't look like the image at right. But it will as soon as you change the first dialogue box to read "FTP", which gives you the rest of the options you see above. Now to fill it in:

  • hostname = ftp.pixelweavers.org
  • folder = (leave this blank)
  • FTP login = <your identity>@pixelweavers.org
  • FTP password = (I emailed this to you – this is case sensitive)
  • I recommend NOT clicking the "Save" checkbox, thus you will need to enter your password every time you want to access the server. This prevents others who use this computer from having access to your webspace account.

Once again, click "Next". Make sure "No" is selected on the next page, and again click "Next". Finally, click "Done".

 

That's it. You are now ready to build a website, one that you will be able to upload to your Art Department webspace. But just for fun, let's go ahead and adjust another setting.

In the Dreamweaver menu, go to Site: Manage Sites. You should see your new site listed in the window, along with maybe some others, if someone else has also created a site definition on this computer. Select your site and click "Edit".

Dreamweaver Site Definition, advanced settings

This will re-open the dialogue box for site definition, but this time I want you to select "Advanced" at the top. You should now have a window that looks like the one at right.

If you do not see this window, make sure "Advanced" is selected at the top, and that "Local Info" is selected on the left. Once in this window, click on the blue folder next to the blank "Default images folder". This should open up a folder-selection window which has already selected your sites "root" folder (which you created and specified above). From this folder, click "New Folder" and create a folder called "images". Click "Choose" to select this folder. What you are doing here is creating a folder where all of your images will go for your site. Since it is the "default", any images you add to your site will automatically end up here and thus be part of your site (any file outside of your site will not be uploaded to your webspace).

 

Okay, now you're up and running. On to building your web pages....

 

Return to Resources page.