Add Photos

You can upload photos yourself!
It's good to resize them before you upload so they aren't huge. 400 pixel width should be more than plenty. If you don't have PhotoShop or something like it, you may have Windows Picture Manager* on your computer -- that works pretty well. Save a copy in the small size under a new name.
Then...
When you open an article to edit it, first click your cursor in the spot where you want the photo to appear.
Then click the square green icon on the bottom row of the icons (looks like this):
Then when the Image Manager window opens up, check to see what folder you are in... see that list of folders on the left? You may even want to create a new folder to better organize your photos. Look to the right, just above "Details." The folder icon is to create a new folder. The one next to it, kind of a gray rectangle with a green "up" arrow, is the UPLOAD button.
JCE0001
When you see this window, click the "ADD" button to browse for files. You can keep adding more until you're ready to upload. Then click the "UPLOAD" button.
Once it is done uploading, close the window using the "X" at the top right or the "CANCEL" button.
JCE0002-upload
Then select the photo you want in your article. Look in the center column and click on the name.
At the top, in the PROPERTIES section, you'll now see the location of the file, and some boxes to fill in.
Alternate Text: is helpful for folks browsing without pictures. It also shows up when you hover over a photo.
Dimensions: is the original size of the photo. You can resize by typing in the boxes. To stay proportional, type in only the first box, then hit the TAB key on your keyboard. The second box should set itself. Remember your website is about 900 pixels wide overall. In most articles, you will likely stay in the 100 to 300 pixel range, but experiment with it.
Alignment: Use the pull-down list to select. LEFT is common when you want text to wrap around the photo. In this case, also set the...
Margin: for LEFT, I suggest UNCHECKING the "Equal Values" box and entering 0 in the Top margin box, 5 in the Right, and 0 in the other two. If you want a photo to have all the text below it, use "Top" alignment. Then Margin can stay as is.
Now click the INSERT button.
JCE0003-select
If you chose TOP alignment in order to put text below the photo, and text still appears to the right of it, place your cursor immediately before the text and hit SHIFT-ENTER.
Once you see the photo in your article, you can click on it and use the handles on the corners to resize it.
ADDITIONAL TIPS: If you have photos stored in an online photo album, usually you can just display them on your site without downloading and re-uploading them to your site. Find the URL (location) of the photo, which will be something like http://www.ladyweave.com/photo1.jpg, and instead of choosing a photo that's stored on your website, paste that full URL into the "Properties - URL" box at the top of the Image Manager window. Not all photo galleries allow you to get the URL. In that case, download the photo (or locate it on your computer) and go back up to the top of these instructions.
You can resize the display of such a photo by entering one dimension into the DIMENSIONS property boxes and leaving the "proportional" box checked. That will automatically figure out the second dimension.
* Here's how to resize in Windows Picture Manager:
A handy way to resize pictures before posting to the web!
For: Windows XP, Vista
Use Start Menu to go to My Pictures
Find the photo you want to edit
Right click and select Open With... Microsoft (Office) Photo Manager
On the upper right side you will see EDIT PICTURES. Click that. It opens up a sidebar on the right with some editing tools.

At the bottom left you will see the name of the file. Remember where this is, you will want to check it later.

Click CROP.
Crop settings:
Aspect ratio
Set this if you want to use a consistent shape (aspect ratio) and not stretch in one direction or the other.
Crop handles
Use the fine-tuning settings if you like, otherwise just click and HOLD one of the black corner marks