This article describes how to upload an image from your computer and insert it into an article. If the image has already been uploaded to the web site, you can simply insert the image from the server into the article.
Image Upload
The uploading process occurs while you are editing or creating an article. The following illustration show the article edit screen.
Step 1 - Position the cursor in the article window where you would like the image to be placed. This is performed by moving the cursor to the desired position and left clicking your mouse. The text insert bar is now positioned where you want the article to appear.
Step 2 - Click on the Image hyperlink on the bottom of the article editing window. In this illustration "Image" appears as text. In other templates it will be a button of some sort. The media manager window will appear as illustrated below.
Inserting an image into your article is also a two step process if the image does not already exist on the server. If it exists, skip step one.
Step 1 - Uploading from your computer to the web server. Click on the Browse button to find the location of your desired image on your PC. After you have found the image, click the Start Upload button.
Step 2 - Inserting the image into your article. Scroll through the displayed images until you find the desired image. Click on the image. Before Inserting it into your article, complete a descriptive phrase for the image in the Image Description field on the bottom of the screen. If you want a title displayed below the image, complete the Image Title field and click the caption button. Click on the Align dropdown arrow to pick your desired alignment.
When you have completed all of the desired parameters, click on the Insert button on the top right of the popup window. The image should appear in the article editing window.
HTML
Modifying the appearance and position of an image sometimes requires you to go into the underlying HTML and make changes. This is when you need "HTML For Dummies" to describe the various HTML tags associated with an image. The HTML window is invoked by clicking on the edit window icon on the bottom row that has a red . When you are finished editing the HTML, close the window with the appropriate button on the bottom of the HTML edit window.
