Adding images and documents to your pages

You have probably been developing your website by adding some standard pages, such as events and job listings and you have added new content by creating your own pages. To make your site more interesting and informative you can also include images, documents and links on the pages you have created.

Use ‘Assets Library’ to start creating your audio/visual library. For example, suppose you want to use a particular image on one of your news stories. This must first be uploaded to the Assets Library database to ensure they can be seen by other online users. You can use the same method oultined below to upload as many documents, images, audio or visual clips to the  site as you require.

In order to use documents, movie clips, images and other visual elements on your site, you need to adopt a two stage process.

1. You must upload the element to the website so that it is stored in the Assets Library.
2. You’ll then be able to pick up that visual or audio element and use it throughout the site.

If for example, you’ve uploaded 20 images, when you click on ‘images’, you’ll see thumbnail pictures and description of all the images in the library. You’ll be able to edit or delete any of the images. You can also clone the images. This is useful if you want to use the same picture across a number of different pages, only with a different description.

• Add an image to Assets Library
• Add an image to a Page
• Add a document to Assets Library
• Add a document to a Page
• Insert a web link

Add an image to Assets Library

• Login to your website
• Go to the ‘Home’ page
• Click ‘Edit Page’
• Click ‘Look and Feel Assets’
• To add a new image:
  • Click ‘Add a image’
  • Browse the images on your computer. Go to ‘choose file’ and then browse your computer for the image you want and click ‘ok’ or ‘choose’.
  • Select an image
  • Add a caption (short description of image). This caption is the alt-text should be a descriptive text to aid the partially sighted;and is displayed when you hover over the image.
  • When it is displayed in the window, click ‘save and publish’. This will upload it to your image library, and from here, you can choose to display it on specific pages on the site.
  • Add further images as required. You can use the same method to upload as many images to the site as you require.

Add an image to a page

• Go to the page where you want to add the image
• Click ‘Edit Page’
• Place cursor where you want the image to go
• Click ‘Add Image’ icon in the toolbar   
• Select image from the list and enter the 'Alternative Text' in the box provided (this should be a descriptive text to aid the partially sighted and is displayed when you hover over the image). Select a border width if required then click 'Add'
• Your image will appear in the page editor (if you wish to delete, select the image and press delete on your keyboard)
• You can then resize by clicking on a corner of the image and holding mouse button down to drag to required size
• You may then add any further content to your page, as required
• Click ‘Save changes’ or ‘Save and Publish’
• Select the red preview link or click ‘Home’ to view your changes
• You may need to refresh your browser - press F5 on your keyboard

Add a document to Assets Library

• Login to your website
• Go to the ‘Home’ page
• Click ‘Edit Page’
• Click ‘Assets Library’
• To add a document:
  • Click on ‘Add a document’
  • Click ‘Browse’ to select a document from your computer (Word/Excel/PowerPoint/PDF etc.)
  • Add a title in the ‘Title’ box to describe the document
  • Use the ‘Teaser’ to give a brief summary of the document
  • There is an option to add copyright details
  • Click ‘Save and Publish’.
  • Add further images as required.  You can use the same method to upload as many documents to the  site as you require.
  • This document is now ready to be used on your website

Add a document to a page

• Go to the page where you want to add the document
• Click ‘Edit Page’
• Click ‘Assets Library’
• Click ‘Documents’ (under the Assets Folder)
• Click selected document and a public URL (web address) will appear
• Right click the link and select 'Copy Shortcut' to copy the URL
• Click the ‘Content’ tab on the left hand side
• Click the page where you want to add the document
• Click ‘Edit’ link on the right hand side to open the page editor
• Enter the text that you wish to link to the document eg Latest report… and highlight it, or highlight any current text
• Click on ‘Insert Link’ icon
• Right click on text box to paste in URL
• Click ‘Insert Link’ and your text will be blue and underlined to indicate a live link
• Click ‘Save changes’ or ‘Save and Publish’
• Select the red 'Preview' link or click ‘Home’ to view your changes
• You may need to refresh your browser to see the changes - press F5 on your keyboard

Follow the same steps to add the other data types in the ‘Assets Library’ e.g. audio & video files.

How to insert a link to a web page

Insert a web ink

Find the web page you want to create a link to and copy the web address (URL) e.g. www.bbc.co.uk

• Login to your website
• Go to the page where you want to add the link
• Click ‘Edit Page’
• Either simply paste the url into the page
• Or enter the text that describes the link e.g. 'News':
  • Highlight the text
  • Click the ‘Add Link’ icon in the toolbar  
  • A popup form appears – paste in the full web address (URL) into the URL field on form
  • Click ‘Insert Link’and your text will be made into a link e.g. News (will link to www.bbc.co.uk)
• Click ‘Save changes’ or ‘Save and Publish’
• Select the red 'Preview' link or click ‘Home’ to view your changes
• You may need to refresh your browser to see the changes (press F5 on your keyboard)