Adding pictures
A picture is a great way to show information and break up long prose.
Uploading a picture
Go to the webpage the picture is to be added to.
On the control panel use Browse (found far right on the top row), select an image and then click on open.
Next place your cursor on the page where the image is to be placed, now click on the Image icon
this will place the image on the page and a box will appear:
Add a short piece of descriptive text here, this information is used by screen readers for people with sight limitations and search engines.
If you hover over the picture of the river scene above, you will see the hover text in action.
Now save the page. You will need to save the page after each picture is added.
Enlarging and reducing the size of an image
To change the size of a picture, first put your cursor in the middle of the picture and click on it to select it:
Now put your cursor in the corner, hold down the click and drag it in or out (to reduce or increase the size):
At the bottom of the window on the left hand size, you will see the width and height of the image measured in pixels so you can finely tune the finished size.
If you have a number of images on the page it is a good idea to consider keeping the widths the same or if the images are in a row keep the images the same height for uniformity.
Moving an image on a page
Select the image by clicking on it:
Now place your cursor in the middle of the picture and hold down the the left click and drag the image, the actual image will remain but you will see that your cursor has turned into a vertical line. When the vertical line is situated where you want to place the picture let go of the click and the image will jump to the new position on the left hand margin.
Left, right or centre
To place the image against the right hand margin, select the picture and then use the alignment icons to place it left, right or centre on the page:
It is worth playing around with these in conjucntion with some text so that you get the feel of it.
To float this image in the middle of this sentence I made sure that none of the alignments on the image were selected and then I dragged the image to the exact place in the sentence and then I carried on typing.
To float it to the left of this paragraph I dragged it so that it was placed in front of "To float..." and then I clicked on the align left icon. It is worth saving the image before you move it round the page and then again once you are happy with the new placement.
To float it to the right of this paragraph I dragged it so that it was initially placed in front of "To float..." and then I clicked on the align right icon and it moved to the far right.
Try the break icon to move text around an image, see how.
Take a little time and play.
Two of the most common problems when adding a picture
Is the picture a jpg?
You can use images straight from your camera. If you edit an image remember to save it as a jpg.
Does the name include a punctuation mark?
The file name must contain only alphabetic or numeric characters - beware of descriptions such as:
president's award.jpg instead use presidents award.jpg.
Is your website a Trusted site?
Check your trusted sites status, you should see Trusted sites with a green tick at the bottom of the screen:
If you don't see this you need to add your website to your trusted sites.
[Back]
