Dreamweaver - HTML and CSS Using Dreamweaver

Uploading your website

Daniel Walter Scott || VIDEO: 14 of 34

Download Exercise Files

Introduction

I recommend hosting your new website with Bluehost, you can get a big discount by signing up with this link: https://www.bluehost.com/track/byol/byol_dwhacud_14

Dreamweaver tutorial 14: Uploading your pages to the web using Dreamweaver CC

  1. Have your index.html page open in Dreamweaver
  2. Choose Site > Put
  3. It will ask if you would like to “Put Dependent Files”. Choose YES. 
     Note: Dependent files are things that have been placed onto your page like images. This will start uploading your pages from your hard drive a.k.a local drive, to your web host’s server a.k.a remote server, next stop - the world. 
  4. Open all the Vintage Camper pages and repeat steps 2 & 3
  5. Open Chrome and load the page: 
     www.yourdomain.com/index.html
  6. Test your site - all will be working   

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hi, Welcome,

My name is Daniel Walter Scott. I am a trainer here at Bring Your Own Laptop.

The topic we are covering today is: Uploading a website to a web host

We have already looked at how to connect to your host but the next part we are looking at now is now to upload your files to the server. There are 2 ways. First we will look at the long way.

We have my file index.html open. Id like to move this up on my website. I’m going to go up to ‘site’ and then to ‘put’. It connects to your server. Its’ going to ask you if you would like to copy dependent files. These images are separate files on my hard drive. These are dependent files. If I say ‘no’ it will just put up the index page. If I say ‘yes’ it will put the index page and all these jpegs as well. I will click ‘yes’. Now that they are uploaded they should be available on your domain name. You should be able to go to www.yourfancydomain.com. You should be taken to your website. If I click on ‘about us’ there is a problem. You need to put up all the pages separately. So I will need to go to ‘about us’, go to ‘site’, ‘put’, ‘yes’. The same for ‘contact us’, go to ‘site’, ‘put’, ‘yes’. If I now look at the domain page I will see that all of the pages are up.

So jump back in to Dreamweaver to look at the quicker way. Go to ‘files’, hold ‘shift’ and click on all of the pages to select them all and then put to remote server and then click ‘yes’ to upload dependent images.

This is how to upload your pages from Dreamweaver to your host and make them accessible via your domain name.