Learnit Training

10. Website Upload

Creating a website is fun but when the website is not online it has little effect. That's why we're going to upload the website we've created in this chapter. To upload a website, you need some information from your hosting provider. (A hosting provider is a company that provides space on the internet for its customers to place a website on). In order to gain access, for you as administrator, to your hosting space, you need three things (FTP data). First, you need the server address, then a user name and finally a corresponding password. These data will be provided by your hosting provider. In addition to the hosting space, it is also necessary to have a domain name. The registration of this domain name can be done by the same company as where you host your website but it can also be another company. The domain name will have to point to your hosting space. The actual transfer of files from your computer to the server is done via FTP. FTP is a transport protocol (File Transfer Protocol).

10.1 Defining the external FTP server in Dreamweaver

In the file palette, click on the small button on the top left (see image) to open the configuration screen.

Learnit screenshot for Online Free Dreamweaver Course

Then click on the plus sign

Learnit screenshot for Online Free Dreamweaver Course

Then fill in the correct FTP data. The FTP address together with a username and password. When you click on the test button, Dreamweaver should be able to connect to the server. If the connection is successful, click on save and then on save again to close the site settings.

Learnit screenshot for Online Free Dreamweaver Course

To upload the files of the website it is useful to have a window in which we can see the server space and the local files. Dragging the files from local to remote should be sufficient to put the website online. Click on the rightmost button in the button bar of the files palette to open a window.

Learnit screenshot for Online Free Dreamweaver Course

Then click on the"Connect to remote server" button.

Learnit screenshot for Online Free Dreamweaver Course

You should now see the files and folders on the remote server in the left-hand section.

Learnit screenshot for Online Free Dreamweaver Course

The screenshot above shows a number of folders on the server. It is possible that these folders are not on your server because it can differ per hosting provider. In this case, the folder httpdocs is the folder in question. If the folder httpdocs contains an index.html, it will be opened when a visitor wants to access your website. If you don't have a httpdocs folder, it's best to try (try and error method) to determine which folder is meant for the website. To place files on the server you only have to drag and drop the files from local to remote server. The image below shows the end result on the server.

Learnit screenshot for Online Free Dreamweaver Course

10.2 Changing and re-uploading files

It often turns out that when the website is fully online, small adjustments still need to be made. Like in this demo website, it is a good idea to give the website a title. In the image below you can see where this can be done. Make this change on every page.

Learnit screenshot for Online Free Dreamweaver Course

Now that the demo page is finished, you still need to upload the modified files again using the steps described in section 10.1. View the final result in the browser when you enter the final address. (See image below).

Learnit screenshot for Online Free Dreamweaver Course