In this section: Starting a New Page Formatting Your Web Pages Using Style Sheets to Style Your Web Pages Adding Tables to Your Web Page Adding Pictures (Images) to Your Web Page Working with Table of Contents on Your Web Page Working With Templates Setting Page Properties Creating Links in KompoZer Customizing KompoZer

Adding Pictures (Images) to Your Web Page

Inserting an Image into Your Page

You can insert GIF, JPEG, BMP, and PNG (Portable Network Graphics) images into your web page. You can also use them to create links. When you insert an image, KompoZer saves a reference to the image in your page.

Note: If you plan to publish your pages to the web, it's best not to use BMP images in your pages.

Tip: It's best to first save or publish your page before you insert images into it. This allows KompoZer to automatically use relative references to images once you insert them.

To insert an image:

  1. Click to place the insertion point where you want the image to appear.
  2. Click the Image button on the toolbar, or open the Insert menu and choose Image. You see the Image Properties dialog box.
  3. Type the location and filename of the image file, or click Choose File to search for an image file on your hard drive or network.
  4. Type a simple description of your image as the alternate text that will appear in text-only browsers (as well as other browsers) when an image is loading or when image loading is disabled.

    Alternatively, you can choose not to include alternate text.

  5. If needed, click other tabs so you can adjust the settings (for example, alignment) in the Image Properties dialog box.

Tip: To quickly insert an image: Drag and drop it onto your page.

Tip: To insert a line break after all images in a paragraph, choose Break Below Images from the Insert menu.

[ Return to beginning of section ]

Editing Image Properties

Once you've inserted an image into your page, you can edit its properties and customize the layout in your page, such as the height, width, spacing, and text alignment. If you are not currently viewing the Image Properties dialog box, follow these steps:

To edit the properties for a selected image:

  1. Double-click the image, or select it and click the Image button on the toolbar to display the Image Properties dialog box.
  2. Click the Location tab to edit these properties:
  3. Click the Dimensions tab to edit these properties:
  4. Click the Appearance Tab to edit these properties:
  5. Click the Link tab to edit these properties:
  6. To apply additional attributes or JavaScript events, click Advanced Edit to display the Advanced Property Editor.
  7. Click OK to confirm your changes.

[ Return to beginning of section ]

[Home] [Next] [Previous]

TeliuTe, 07 July 2009

Copyright © 2004-2009 Contributors to the Nvu, KompoZer Help Documentation Project.