Insert images (or upload files)

Please remember to create a copy of your photo and then resize the copy before uploading the copy to the website. Otherwise it can take a long time to download your page.

Image button Images

Image propertiesWhen you click on the button you will have this screen come up in your browser. Remember that you will see the files on the web server (not your personal computer). To make images available to viewers of your web site, you have to upload the image(s) to the web site first.

The URL field is the one you use to show the image. Click on Browse server and it will take you to the window that is below.

I will give a short description of the rest of these fields.

Alternative Text: It is recommended that you give the picture an alternative text in case the user has disabled showing pictures or can't see them.

Width: The width you want the picture to have.

Height: Your specified height. The rounded arrow is used if you want to reset back to the image's original size.

Border: Specify width of border if you want one.

Align: Do you want the image to be placed on the left or the right in the content area (as I have done here?)


The window below comes up when you click on browse server in the window above. It shows you the files on the web server. If you see your image there, just click on it and it will take you back to the window shown above.

I normally like to create a folder for the topics that I am working on so that I can keep things organized.

I want to point out the Resource type on the upper left corner of the window below. Drupal organizes content based on the file ending.

If the image/file you want is not listed do the following:

  1. Click on browse and select the file on your computer that you want to upload.
  2. You will come back to the window below. Click on upload.
  3. After you have done that, the file will show up in the list below. It is now on the web server and you can click on it to insert it into your document.