Inserting images

What's related > Images

From your images folder

You will need to have imported the picture into your images folder before you can insert it on your page.  See Importing files for details on how to do this.

  1. Position the cursor vertically where you want to the image to appear. Once the picture has landed on the page you will be able to align it to the left or right.

  2. from the Toolbars select Insert > Picture > From File.

  3. When the Picture window appears, open the images subfolder, if it is not already shown.

    Screenshot of Picture dialogue box
  1. Select the image you want to include. You'll see a preview of it in the right hand box.

  2. Click OK. The image will appear on the page.

It is not embedded in the page; rather, FrontPage, just like the browser, knows when displaying the page to include the image at that particular point. In other words, the page links to the image.

Aligning an image

To align the picture to the left or right, 

  1. Right-click the image, and select Picture Properties.

  2. Click on the Appearance tab and select one of the options under 'Wrapping style' - normally an image would align to the right of a page.

    Screenshot of Picture Properties appearance tab

     
  3. Now add some alternative text to the picture 

Adding alternative text

For accessibility reasons, you'll need to add some alternative text for users who have either opted not to view images or who have visual impairments and use a screen-reader.

  1. Right-click the image, and select Picture Properties.

  2. Click the General tab and in the Text field under Alternative representations enter a brief description of the image.

    Screenshot of Picture Properties general tab

  3. Click OK.

  4. When you preview the page in the browser, the text will appear when you hover your mouse over the image.

From an external site

  1. Open the page containing the image in the web browser (for example a member of staff in Experts)

  2. Right click on the image and select Properties

  3. Select and copy the URL address

  4. Switch back to FrontPage

  5. Click on 'Insert Picture from File'

  6. Paste the address you copied into the URL box
     
  7. Click Insert
     
  8. The image will now appear on the page. Save the page and you will be prompted to save the image into your images folder. Our advice is not to do this but instead to link the file to its external URL.

    Screenshot of Set Action dialogue box
     
  9. When the Set Action box appears, choose the option Don't Save this file. Use current file on disk.
     
  10. Click OK.

Re-sizing images

When you insert an image on a page you may then want to reduce its size.  FrontPage 2003 has a useful function to allow you to do this easily.

  1. Insert the image on the page as described above.
     
  2. Right-click over the image and select Picture Properties.  From the Appearance tab look under the Size section. 

    Screenshot of Picture Properties appearance tab
     
  3. You will see the current width and height of the image measured in pixel size  Make sure both 'Specify size' and 'Keep aspect ratio' boxes are ticked.  Change the pixel size of the width. Provided the 'Keep aspect ratio' box is ticked, the height setting will adjust to fit the new width.
     
  4. As soon as the picture changes size, you will see a 'Picture Actions' box appear under the bottom right hand corner of the image.
    Screenshot of a Picture Actions dialogue box
  5. Click on the drop down arrow of this box and select 'Resample picture to match size'. Save the page.


      Screenshot of Save Embedded Files dialogue box
     
  6. You will then be prompted to save the embedded file into a folder, perhaps overwriting the original image with this new reduced one.
     
  7. Choose from these options and then click OK.

Previous | Next

^ Back to top

LSE