Inserting an Image

In the Page Content window, click on the tree graphic () to open the Insert/edit Image pop-up window.

 

 

If you have already uploaded images in your website, their thumbnail will be available to click on and re-insert it. If you know the name of the image, you can also use the "Filter Images" function to locate it.

If you have not yet uploaded the image, you will want to click "Browse" to locate it on your computer, then click "Upload File."

* What if my Image Manager Looks Different?

Some computers will display an Image Manager that looks like this:

If this is the case, you need to simply select the filename from the drop down menu and proceed as normal. However, if you are seeing this screen, you will be required to insert "Alternate Text" for the image - this is a description of the image that goes into the website code so that search engines can better categorize the content of your site. For more information on "Alt Text", please see below.

 

Image Insertion & Appearance

Once it has been uploaded, you will need to refresh the thumbnail list by clicking this button in the toolbar and then selecting the image that you would like to upload.

When you have selected an image, an additional window is brought up when you click that image:

 


A description of available options at this point:

Alignment - refers to the orientation of the image, with relation to its surrounding images or text. If you choose "left," the image will move to the left and the text will wrap around it on the right hand side of it. If you choose "right," the image will move to the right, etc. Other options like "absolute middle" are helpful if you need to align the image directly with a line of text (such as in the first line on this page with the tree image). NOTE - it is important to decide this before hand, as the only direct way to change the alignment is to delete and re-insert the image.

Alt Text - It is good practice to add a description to your images, for those who are hard of hearing and use screen readering applications to communicate the information to them from a webpage, and for those who browse online with images turned off.

V Space - The vertical space, above and below, an image. This is measured in pixels, and any amount up to "10" is usually reasonable.

H Space - Horizontal space to the right and left of the image, also measured in pixels.

Border - An optional image border, which is usually reasonable at about 1 pixel. It is not possible to change the color of the border from black. If there is no number entered, most browsers will automatically add a 1 pixel border around the image, so be sure to put a "0" if you desire no border at all.

Edit Image - An option to rotate, re-size and make grayscale uploaded images that is not currently available, but may be in the future.

Delete Image - Best if you would like to save space and keep your images organized.

Once you have chosen your specific options, click on "Use This Image" to insert the image.

Your Image URL

Once uploaded to your website's folder, each image will have a specific URL. This is helpful to know if editing the HTML of your page. For pages on the USA Central Territory web server, they will exist in a folder similar to this:

"/images/usc.www_usc_******/*******.JPG" (or .PNG, .GIF)

Where the space after USC_will be your website name, minus the .nsf, such as usc_webtraining/imagename.jpg

As further example, the URL for the image above is:

"/images/usc.www_usc_webtraining/ImageManagerPopUpInsert.png"

 


Print version





Search

Enter your search terms below and hit the 'go' button



Site Map Site Map

Find a Center

Enter your zip code to find your nearest Salvation Army

Donate

Donate

Events

July, 2014
SMTWTFS
  01 02 03 04 05
06 07 08 09 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

Email Newsletters

Subscribe to our email newsletters.