How to add an image on Your Drupal Web site (basic-level)

First, edit the story. Move your mouse over the upper-right-hand corner of your story. You'll see a little gear-like icon. Click on it and you'll get a drop-down menu. Choose "edit." Sreen-shot below:

Mouse over the upper-right-hand corner, click the gear, and choose "Edit."
Drupal themes allow editing from the front page -- no need to go to an "admin" interface first.

 

Secondly, choose "Full HTML" on the toggle-menu beneath your chosen story.* The point is that file browsing may not be enabled for "Filtered HTML" -- you'll have to experiment. Screen-shot below:

Choose "Full HTML"
Choose "Full HTML"

 

3. Click in the approximate area to which you would like to add an image.  (You can move it (adjust it) later.)

Click where you want an image to show.
Click to the left of the line where you want an image to show. It's just an approximation and it's up to you. If you don't do this, the software won't know where to place your image.  Just click once somewhere on the left-hand margin.

 

4. Next, click on the photo icon and browse for your image.

Click on the photo icon (similar to the icon for adding images in your word-processor) and browse for your photo.
Click on the photo icon (similar to the icon for adding images in your word-processor) and browse for your photo.

 

5. Select your chosen image by clicking on it one time.

Select your image by clicking once on it.
Select your image by clicking once on it.

 

6. Give it a description in the "alt" or "alternative description" field, and, then, click "OK." Sreen-shot below:

Describe your image and, then, click "OK."
Give it a description in the "alt" or "alternative description" field, and, then, click "OK."

 

7. Finally, scroll down and click "Save."  Don't forget, now. ;-)

* This will vary from one Web site to another depending on how its creator configured the editor, in most cases Ckeditor and IMCE for file browsing.