FTP/ Upload Files to Hosting Server | Dreamweaver

Need a Website? Contact Us Now!

This entry is part 20 of 20 in the series Dreamweaver CS5 Tutorial

Now that your site is ready it is time to upload the files to your hosting server and make your site live.

You will need to purchase a domain name and web hosting. We use Hostgator to host this site.

To upload your files:

  • Click on the ‘Connect to remote host’ icon at the top of the files panel
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • Click the + button to add a new server
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • Enter any server name, your FTP address/ hostname, username and password (you will receive these when you purchase hosting).
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • Click the ‘Test’ button
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • Click the ‘Save’ button
  • In the Files panel click the ‘Expand to show local and remote sites’ icon
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • You will see an expanded File Window:
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • Click to connect
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • Dreamweaver will connect to your remote hosting server. You will see your remote hosting server on the left side and your local files on the right side.
  • You may need to navigate to a ‘www’ or ‘public_html’ folder on your remote server.
  • Select all the local files
  • Right click and select ‘Put’
    FTP/ Upload Files to Hosting Server | Dreamweaver
  • You can also use the ‘Put’ icon at the top
  • FTP/ Upload Files to Hosting Server | Dreamweaver
  • A copy of all your website files will be stored on your remote hosting server.
  • Using a browser, browse to your domain name. Your website should appear.
  • Test to see if everything is working file.
  • Configure your form to work using a script that will work on your server technology or a form service provider like those mentioned earlier.

Congratulations! You have built your website using Dremaweaver!

Series Navigation«Test Website | Dreamweaver
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Posted in Dreamweaver | No Comments »

Post a Comment