Inserting Images

Sometimes you will want to illustrate your pages with images. Basic instructions are here, with more complex options further down the page:

1. Upload your images(s)
2. Edit the text of your page
3. At the point where you want to insert your image, click the image icon
4. Browse to the directory contain the image, and then click on it and it will be inserted in the page.
5. IMPORTANT: To aid visitors to your site who choose not to display images (e.g. blind people) you should insert 'alt text' to provide an image description - this is a requirement for accessibility compatibility:
• Click near the bottom of the page editing screen on the box marked 'source code'
• Locate the code which inserts your image - it will read something like:
• <img src = filename.jpg height =123 width=321 border=0>
• Change it by inserting an 'alt statement' which gives a description of the image:
• <img src = filename.jpg height =123 width=321 border=0 alt = "photo of the new surgery building">
• Untick the source code checkbox and save and view your page.

More Image Options

There are other ways to layout images on your pages.

1. To centre an image on the page
1. Insert the image, as above, on a blank line by itself
2. View source code as above, and notice that the image code is within paragraph tags:
• <P><img src = filename.jpg height =123 width=321 border=0></p>
3. When inserting the alt text (see above) you can also insert a centreing class into the paragraph tag:
• <P class=centeralign><img src = filename.jpg height =123 width=321 border=0 alt="image description"></p>
2. You may use the advanced page editing facilities to use other types of content elements to specify particular image and text layouts.