Using images in Drupal nodes
When I started on Content Management Systems (CMS) almost 5 years ago, images always posed the largest problems, especially regarding user-friendly interfaces. Nothing enriches content like a good pic or two, however, so here's a quick guide on how you can get images into your Drupal site.
Like any good CMS should, Drupal has several ways of getting there, each with it's own pro's and cons, depending on your needs.
An overview of how to use the image module comes with the module itself, so I'll not discuss them here. Instead, I'd like to give a detailed overview of the most effective way around this sticky situation, using only Drupal core.
Your Drupal site will need to allow file attachments to nodes for this method. If you have the correct permissions, your blog entry should have an "Attachments" section at the bottom of the blog entry form (Home » create content » blog entry).
Note: Only admin users can set the site settings. If you do not have admin permissions, ask your webmaster to give your user permissions to upload files. If you're an administrator and would like to know how to setup file uploads, read the entry in this guide on "Allowing file attachments to nodes"
Step 1: Upload your image
Click on the "Browse" button next to the "Attach new file" field in the form. A dialogue box should appear, allowing you to browse your local hard-drive. Select the image file you want to use in your post, and click "Ok".
The path to your image file gets filled into the "Attach new file" field automatically.
Click "Attach" to upload the file.
Note: The site administrator has set up some rules regarding uploads. Make sure your image conforms to these rules before uploading.
Step 2: Include the image in your post
Once the file has uploaded, the "Attachments" area will have a table of attachments, listing the file names,full paths to the attachments on the server and file-sizes with options to Delete and list the attachments. For images in a post, uncheck the "list" option next to your image.
You will need to know some rudimentary HTML for the next part. In the area of your post you want your image to appear, type the following (with the quotes):
<img src="{URL}" alt="{DESCRIPTION}" />Where {URL}= the full path listed in your "Attachments" section, and where {DESCRIPTION} = a brief description on what your image is about.
Note: Drupal nodes probably has some filters set up to strip potentially dangerous HTML tags from posts. Ask your administrator to add <img> to the "Filtered HTML" filter
Use the "Preview" button often, to see if it's working and how the image will affect your layout.
Note: Your Drupal site's theme establish how images render in general. Ask your webmaster or site designer to advize on uploading images or special classes that aligns your images.