Print
Video
Example
FTP Access
File Transfer

Lessons.HTML.03

HTML Lesson 3:
Uploading To The Web

FTP Access

FTP stands for File Transfer Protocol and is the system you will use to upload images and files to your web site. FTP is simply a network protocol that allows two computer to transfer data. In this case, our two computers are the computer that hosts your files (the school's network drive server) and the computer that hosts your website (the server that host's Mr. Miller's website).

  • 1. Go to Site>New Site
  • 2. Use the settings below if you are setting up your ladybug project site

Site Definition

  • 3. Go to the Remote Info section
  • 4. Change the Access pull-down menu to "FTP"

You should now see the see the window above. Below is an explanation of each category.

FTP Access

  • FTP Host: The address of the FTP server that hosts your website
  • Host Directory: The folder that you would like to upload your files to. This would be "flash," "zen," "html," "review," "poll," "web2," "slideshow," or "final."
  • Login: Your login information for the FTP server. This will be your first name followed by the first initial of your last name. After the initial you should put "@themrmiller.com"
  • Password: Your password for the FTP server. This is your student ID number.
  • Use Passive FTP: Passive FTP is a type of FTP that forces the client (where your files are saved) to initiate both connections involved. This is used to get around a firewall.
  • 5. Set up your remote access using the settings above
  • 6. Hit the Test Button and make sure you do not receive an error

Transferring Files

Once you have set up a connection to your FTP site you can upload or download your files. Uploading (or putting) your files means putting the files on your web server. Downloading (or getting) files means getting files off your web site. If the files you are getting or putting already exist then the old files will be replaced. If you attempt to replace a newer file with an older one Dreamweaver will warn you first. The Files Panel is the area where you will do this.

Files Panel

  • Connect/Disconnect: Connects or disconnects from the server. This will be done automatically when you upload or download files.
  • Refresh: Refreshes the list of files. This is useful if you added a file outside of Dreamweaver and do not want to wait for it to appear.
  • Get Files: Download the selected file(s) from the server.
  • Put Files: Upload the selected file(s) to the server.
  • Check Out/In: Used if you will be uploading and downloading files at the same time as other people. Checking out a file will warn someone else when they attempt to download that file.
  • Synchronize: This will make sure your local and remote sites are the same. Newer files will replace older files.
  • Expand: Enlarge the Files Panel to view the local and remote sites at the same time.

In addition to using the Expand Button to view your remote files you can use the pull-down menu that says "Local view" to change to your remote site.