Add Image To Page Tutorial
This tutorial will describe how to add an image that you have already uploaded to a page. This can be difficult to do, so please do not hesitate to contact APSA if you have any questions about adding images or files to your program pages. To add a file to a page, refer to the Add File to Page Tutorial.
If you have an image you want to add to a page, you should go to that page and (after logging in), click to edit the page. Refer to the Entry Editing Tutorial for more on how to do that.
Inserting an Image
Once you are in the Editor, you will see an option at the top of the page called Insert. If you place your mouse cursor over it, one of the options is called Media.
Finding Your Image
If you click Media, you will be taken to the Media settings window. In the search box, type part of the name or description of your file. This is where adding information to the Summary box of your file when you upload it can be very helpful. In this case, I want to insert the APSA logo, so I searched for "APSA". The last item in the list is the one I want.
Editing Image Caption
When you click on the image you want, you will be taken to the Media settings page just for that image. Here, you can enter a caption (to be shown below the image) and alternative text. Alternative text is used by screen readers for the visually-impaired so they can interpret images. It is optional, as are captions.
Both of these are under the General settings tab, seen on the left of the box.
The second tab choice, Advanced settings, allows you to customize how your image appears. You can change where it is positioned, if it has a frame, what size it will be, and so on. By default, large images will be shrunk, requiring viewers to click on them to see the full image (just like the images in this tutorial).
Select Insert (the green button in the upper right) when you are ready to see your image appear on the page.
Editing an Inserted Image
If you decide you want to change these settings once you insert the image, fear not. Just double-click on the image you insert d or click once on it and then click the name of the image that appears to get back to the edit menu.