A Learning Resource for the University of St. Francis Community

Learnit Home

Creating a New Web Page

Adding Text to Your Pages

Formatting Text

Placing Images

Linking to Other Pages

Working With Tables

Setting Up Your Page

Previewing Your Page

Publishing Your Page

Placing Images

Each image on a web page is a separate file, distinct from the HTML document that makes up a web page. Your web page contains not the images themselves, but a link to the image, which is displayed as part of the page.

Note: If you don't have an image on your computer, right-click on this image and select Save Picture As form the menu. Select the directory where you are saving your web pages, and click Save. Now you're ready to do this exercise.
  1. Click to place the insertion point where you want the image to appear.
  2. Click the Image button on the Kompozer toolbar.


    From the menu bar, select Insert > Image.

  3. In the Open dialog box, locate the image file on your hard drive and click Open.
  4. You will be prompted to enter alternate text for the image, an optional operation.
  5. Click OK and the Open dialog box will close. The image is inserted into the document.


  • You should insert the image file into the same folder that contains the files for your website. Otherwise, you will need to insert the image as an "absolute link" containing the URL information of the image file used (e.g., "http://www...name of image used).

  • You can get images to use on your web pages by creating them yourself, scanning them into your computer, or buying them as part of a commercial clip-art package. Image sources are also available through many archives on the Internet. If you intend to use others' images on your own web pages, make sure you email the owner of the image to get permission to use it, or use clip art that is in the public domain so you don't have to worry about copyright issues.
Center for Instructional Delivery • University of St. Francis • Joliet, IL 60435 • [815] 740-5080 • cid@stfrancis.edu
Learnit logo