web design 1 - CGR C/062 - spring 2003
Philip van Allen -
vanallen@artcenter.edu
room 133, thursday 1:00pm-4:00pm
all materials on this web site © copyright 2003, Philip van Allen
 
week 05b - midterm, ftp, dreamweaver basics

ftp : 


accessing the web server - download project0.zip
  


web server specs

Uploading files to your personal site

  • FTP host: webdesign.artcenter.edu
  • username: vanallen_web (everyone is sharing the same account)
  • password: ask the instructor
  • host directory:
    • Wed night: /vanallen_web/web1wed/lastname/
    • Thurs night: /vanallen_web/web1thur/lastname/

Browsing your personal site

 

 
FTP and defining a site : 

The student accounts are on a Cobalt Linux web server.

Define a site in Dreamweaver

  1. In the SITE window of Dreamweaver, select SITE>DEFINE SITES...
  2. Select NEW
  3. With LOCAL INFO selected
    1. Set SITE NAME to "mysite" (or whatever you want)
    2. Set LOCAL ROOT FOLDER to your disk where your web files will be stored
  4. With REMOTE INFO selected
    1. Set SERVER ACCESS to FTP
    2. Set FTP HOST to "webdesign.artcenter.edu"
    3. Set HOST DIRECTORY to "/vanallen_web/web1wed/lastname/" for Wednesday class
    4. OR
    5. Set HOST DIRECTORY to "/vanallen_web/web1thur/lastname/" for Thursday class
    6. Set LOGIN to vanallen_web
    7. If you are using your own computer, set the PASSWORD, otherwise, leave PASSWORD blank so it is not saved on a publicly accessible computer.
  5. Select OK to complete the creation of a new site
  6. Select DONE to finish working with site definition
  7. select the CONNECT button (at the top-left of the site window, just to the right of the site name) to access your FTP account
  8. You will be asked for your password, and then you'll be connected to the server
  9. The left side of the SITE window will show all files currently on the server in your directory
  10. The right side of the SITE window will show all the files on disk drive

 

 
uploading files

Once you've connected to the server, you can upload your site files (or download files from the server to your local computer).

To upload files to the server, click on the folder or file you want to upload, and drag it from the right side to the left side.

In most cases, you will upload the complete web site as a directory. In the above example, this would be the directory called proj0_site_v1. Drag this folder to the left hand side, and drop it when you've placed it over the top folder (e.g. /vanallen_web/web1thur/lastname/). Dropping the folder on the top folder ensures that you place the folder in the correct place. If you drop a file or folder onto another folder, the file will be placed inside of that folder rather than replacing it. Note that dragging the top level folder from the right side of the window will not copy that folder, it will only copy the files inside the top level folder. This is why it's important to set the Local Root Folder to the directory above the one that contains your files, so that you have access to all folders on the disk.

If you want to move a single file up to the server, then drag this file and drop it onto the correct directory on the server (or you can drop it on top of an old version of the same file).

 

 
include dependent files : 

When you upload HTML files, Dreamweaver will ask if you want to Include Dependent Files? If you say yes, Dreamweaver will look in your HTML files, and copy any images in referenced in those files, even if you don't select them for the copy. In general, if you are copying a folder of a complete site, there is no reason to copy dependent files, since you are already copying all the files needed for the site (because they are all in the folder). But if you are copying an individual HTML file, it's generally appropriate to include the dependent files to make sure that any images in that page are properly uploaded.

 

 

uploading existing files : 
to the server

When you upload and replace files that are already on the server, there are several issues you should note:

  • Be sure you save the new file before you upload it, so your changes get to the server.
  • Dreamweaver (and other FTP programs) will not ask you if you want to replace them. It will just write over the old files. Be sure you want to replace the files on the server before you upload the new files.
  • After you upload the new versions of the files, you should check to make sure they are on the server. View the web pages on the Internet at their real location (with the http:// URL), and don't rely on the Dreamweaver preview of the local file. If the web page is already open on the browser, use the Reload/Refresh button to view the page.
  • Sometimes when you replace a file and view it, you don't see the changes. This is because the browser has cached the file, and you are looking at an old copy stored in the browser, not the new one on the server. To fix this, try using the Reload/Refresh button. If this doesn't work, hold the shift key and press Reload/Refresh to force a newer version. If that doesn't work, you will have to clear the cache. This is usually in Edit>Preferences>Advanced>Cache. If this doesn't work, you probably didn't upload the file correctly, or to the right location.

 

 

all materials on this web site © copyright 2003, Philip van Allen

top