Web Building Resources

How to Create a Download Link

(How to create a link to a file to download.)
<a href=""></a>

 

How to Create a Download Link

(How to create a link to a file to download.)
<a href=""></a>

Once you have your website published, you might want your website visitor to be able to download a file from your website, such as a .pdf, (portable Document format) MP3, (Music) .jpg (picture).zip,(collections of compressed files) etc….

1) When creating a file that is designed to be downloaded, keep the file name simple. Do not use any capital letters, spaces or punctuation marks. You can rename any file but you will want to keep the extention the same. If you change the file extention, the computer will not know what program to open the file with.

A ".jpg" extention means it is a picture file. This file can be opened with a browser, or any program that opens and views pictures. Your computer is usually configured with a program that always opens .jpg pictures. (However this can always be changed.) There are othe types of picture files, but .jpg is the kind that you view on the Internet.

A ".zip" extention is a file that may contain a group of pictures, text files, or even a program. (A .zip file could even contain a virus program, so use caution when downloading and opening .zip files. Run a virus check on them.)

A ".pdf" file extention contains a picture of a document or a form created by Acrobat Professional. A program called Acrobat Reader is required to open this file. You can download and install Acrobat Reader for free.

(Note: If your computer does not show the extentions at the end of your file names you will need to configure it so that it does. This is important. It will tell you what kind of file it is. When working with files, you need to know this.)

To create the download link in your html markup use the hyperlink tag below:

<a href=""></a>

Add the name of the file:

<a href="artshow.pdf"></a>

Then you must add the text that will be seen:

<a href="artshow.jpg">Download .pdf application here. </a>

On your web page, the link will look like this:

Download .pdf application here. (Right click and save to computer. If you left click and open .pdf in browser, save from there.) You need acrobat reader to view this file.

2) Upload the file you want your visitor to be able to download into your public_html folder (or you can create a special folder for downloads in your public_html folder.) You must have a user name and password to access your web site on the server in order to upload files. You can upload via FTP or you can use the upload feature in your File Manager in your control panel.

3) You must also upload the page you created (or up-dated with the link) and make sure that it is set to overwrite the older existing page.

If your download file is in a different folder than the public_html folder you must make sure you have the folder address or name in the markup code. After the name of the folder (downloads) type a forward slash then the name of the file (artshow.jpg)

For example:

<a href="downloads/artshow.jpg">Down load application here. </a>

Example below is the link to the file in another folder:

Download .pdf application here. (Right click and save to computer. If you left click and open .pdf in browser, save from there.) You need acrobat reader to view this file.

Thats it!