Uploading files and images

There are three ways files can be uploaded the the website, either as attachments to a page, as an item in the filesharing system, or as a photo or video in the gallery. All the systems are linked so it is largely a personal preference as to which you use, except for one difference. Files attached to pages are deleted when the page is deleted. If you want the file to be shared by other pages as well, it is best to put it in the filesharing.

Adding a file the filesharing system

Files that can be downloaded from the site can be found on the downloads page and if you have the right permissions you can also upload files here. Uploads and downloads are on the same page.

Downloading files

Click on any folder in the file list to expand it. When it is expanded, you can click on the file you wish to download like on any other site.

Uploading files

Scroll down to the bottom of the downloads page past the list of files until you see "Upload and New Folder Options". Expand this out and you should see the options for uploading files. If you do not see this section of the page, you do not have permission to upload files here. Please contact the website administrator.

To upload a file, select the correct folder from the drop down list; Select your file from your computer. Click "Upload" and your file will be added to the system. You should now be able to open the folder you put it in and download the file.

Creating a new folder

You can create a new folder by typing the name in the "New folder name:" filed and then clicking "New Folder".

You cannot create nested sub-folders without the help of an administrator.

Uploading files as attachments to a node.

When you "create content" of any type, you are able to attach files. As mentioned, these files are deleted when the content is deleted, so consider adding the file to the file sharing system if it is needed as a permanent record.

To add a file to a page you are creating, scroll down to the bottom of the edit form till you see "File attachments". Click to expand that section and you will be presented with the necessary options. Browse for the file you want to upload and click "Attach". You can repeat this step for as many files as you require. Images are OK too. When you are done editing your page, click "Submit". Note that your files are not stored until you submit the page.

Special location for website images

There is a special sub-directory of the filesharing system for storing images that need to be used throughout the website, for example, logos and banners. To access that, go to the Upload Site Images page. Here, just like the filesharing system above, you can upload and download image. Please do not upload non-image files here. This is for images only. Also, please do not upload full-sized photos that are not going to be displayed in a webpage. These can be put in the gallery.

Follow the steps above to upload an icon, logo, banner or small image to the Site Images section.

Linking to files and displaying images in a page.

Regardless of which place you store a file or image in, you can link to it from another place, or show it as an in-page image.

I will describe here to make links to files and image, but also see the image display guidelines for proper display of images.

To place a link to a file on another part of the website, use the standard HTML <a href=""></a> tags. The link URL you need is the link created in either the filesharing system or on your page if you uploaded an attachment. Find that link and copy it your your clipboard. For example, to provide a link to the SGAC logo (but not show the logo), you might have a link:

http://www.spacegeneration.org/files/images/SGAC_small.png

As you can see, this link is active above, and you can just paste it into your page as is, and it will work. However, you might like to make it prettier, so lets use our href tags:

<a href="/files/images/SGAC_small.png">SGAC LOGO small</a>

should produce something like

SGAC LOGO small.

This code can be simplified by making a relative link instead of an absolute link, but getting rid of the domain from the URL. We know we are at spacegeneration.org so we can delete

http://www.spacegeneration.org

leaving only

/files/images/SGAC_small.png

and a full link thus:

<a href="/ffiles/images/SGAC_small.png">SGAC LOGO small</a>

Note that the beginning forward slash (/) is still there. this is important to make sure that the correct location is linked. Your URL should now look like

SGAC LOGO small.

In a similar way, we can create links to any other page on the site.

To show images in-line in the page rather than as links, read here.