E-mail this pageWorking with Images
There are times when a well-placed image or two can do a great deal to clarify or enhance your web-content. When working with Widget in creating content for Plattsburgh State's pages, there are a few specific details that you should consider in addition to the technical matters on this page:
- please make sure that the image you have chosen is relevant and that it enhances your content (stay away from clip art!);
- please make sure that the image you have chosen is smaller than 300 pixels in width and height;
- please make sure that any image inserted into your content has an appropriate textual representation (more on this below).
Uploading Images
After you've created, edited, and sized an image on your computer, you will have to upload it into the Widget environment before it can be used in your web content.
From the content editor window in Widget, click on the Insert/Modify Image button to introduce the Insert Image screen.
Click on the Browse button to the right of the field marked Upload Image , and you will be able to select the image file from your hard drive. Once you have done so, click the Upload button to upload the image to the Widget environment. Once you have done so, the image will appear as a thumbnail in the list of Internal Images and will be ready for use in your web content.
Using Images in Web Content
Once you have uploaded an image, you can immediately insert it into your web content by clicking on the Insert link beside the thumbnail of the image. (If the Insert Image
window is not open, you can open it by clicking on the Insert/Modify Image
button in the content editor.)
Once you click on the Insert link beside the thumbnail of the image, the Insert Image window will close and the image will be inserted into your document at the cursor point.
Adding the Requisite Alternate Text
At this point, you will have successfully added the image to your content. A final step remains, however, in adding the required "Alternate Text" to the image so that your content is accessible to all. To do so, right-click on the image, and from the menu that appears, select Modify Image Properties . This will introduce the Modify Image Properties window.
In the Modify Image Properties window, you should always provide an Alternate Text --a description of what the image entails that can make the image at least partially comprehensible to site visitors who visit your pages using assistive technologies, screen readers, or text-based browsers.
You're best off in not adjusting the image width, height, or spacing, although you're welcome to experiment with image alignment, and no harm can come in adding a discrete image border. It's generally the easiest plan, though, to leave all of your images on their own line, with text above and below. If you must have text wrap around your images, choosing left alignment or right alignment can sometimes yield pleasing results.
Aside from the task of filling in the Alternate Text field, there's nothing that absolutely must be done in the Modify Image Properties window. When you've finished, click on the button named Modify Image Properties , and your work with the image will be done.