(The following instructions apply to Mac users. PC users may need to use somewhat different procedures. Please post comments about this on the Website Tech forum.)

STEP ONE: CREATE A JPG FILE OF THE IMAGE

1. While the website can handle other formats, they can cause problems. Stick to jpg formats.

2. If you took the photograph, you probably already have a jpg file; you may need to export one from iPhoto or wherever you have your images stored.

3. If you are “grabbing” an image from another website, just click, hold, and drag the image to your desktop, or hold down the control key while you click on the image, then save the image to your desktop. If you're on a PC, it's a right click over the image and save to desktop.

4. Important: Do not grab “thumbnail” images.  These are the small, postage-stamp size images that you click on to go to a larger image. If you try using a thumbnail on our website, you won’t be able to adjust the size, and it may not insert at all.

5. Give the image a title (rename it if an unhelpful numeric title was assigned automatically). On a PC, don't use spaces between the words.

6. Copy the URL of the page where you found the image so that you can create a link to it later.

STEP TWO: UPLOAD THE IMAGE FILE TO THE WEBSITE

1. On the website, click on “create content/image”

2. In the title box, type in a useful, descriptive title. This name will later appear under the image and/or in a pop-up box when the cursor arrow is held over the image.

3. In the "Image Gallery" box, scroll to your user name and select it. This will put the image in your own gallery on the website. You can view your gallary by going to Art Gallery > Image Galleries > the class and your user name.

4. Under “Image,” click on “choose file” and locate the image on your computer. (It’s easiest if you’ve put the image right on your desktop.)

5. In the “Body” box, you can leave it empty or you can write a very short caption for the image (10 words or so). But do not write very much—it will make a mess of the layout—and definitely do NOT write your blog text in this box.

STEP THREE: INSERT THE IMAGE INTO YOUR BLOG ENTRY

1. First paste in the text, then proceed to insert the image.

2. At the bottom of the “body” box, click on “disable rich text.” You’ll see your text mixed with a lot of html code; just ignore it.

3. Click on the upper-left corner of the text box, at the very beginning of the text & code. This will put your image at the beginning of the blog entry, and it will also ensure that the text-wrap works correctly.

4. Click on the icon of the plus sign and little image. The “image-assist” window should open.

5. Image-asst will show you the images you have already loaded on your site. (You can also upload a new image at this stage.) Click on the image you want to insert.

6. Title (optional): If you want a title to appear under the image, type it in; if you don’t want a title, delete the title that appears.

7. Description (optional): If you want a short caption, leave what you wrote when you uploaded the image in the “description” box. If not, you can delete what you wrote; it will still remain with the original image.

8. Size: It is important to give the image an appropriate size. Scroll to “other” and type in a number for the width: usually around 300 to 400 (pixels). Then click on the box to the right for the height; a number should automatically appear (which will preserve the width/height ratio of the original image).

9. Alignment: Left or right, try it both ways.

10. Link: Scroll to “Go to URL” and paste in the URL of the web page where you found the image.

11. Insert mode: This should be set to Filter mode.

12. Click on insert (you should see a lot of html code at the beginning of the “body” box). Then click on “enable rich-text.” You should see the image.

13. “Preview” your entry. If everything is fine, click on “submit.” If you do need to go back, it can get messy, so be prepared to start over—which is why it’s important to write your text in Word before you begin creating a blog entry.