Inserting an Image into a Web Page

It is best to prepare images for load speed/quality before insertion into a web page. If using Photoshop: File > Save For the Web.


Insert Image into a Web Page Using FrontPage:

  1. Either click the toolbar yellow icon showing mountains, moon and triangle or click toggle pane to open tree structure of your web, then drag and drop image from your images folder into position on you web page.
  2. If you have images ready for preview click once and use down arrow to preview other images.
  3. Double click the image file you require. 
    NOTE:  Images saved after Frontpage was loaded will not preview here.  For new images:
  4. Click image folder icon and browse to your images folder.  Double click image file.  OR
  5. In the FrontPage Explorer, drag and drop image onto web page.

Once an image is inserted, it can be edited by double clicking it if Frontpage has been configured to plug-in your graphics editor.


Rollover Button

Adobe Image Ready is a great way for roller creation.

or

Using MS FrontPage use a picture as the background of a hover button.

  1. In Page view, right-click the hover button, and then click Hover Button Properties on the shortcut menu.
  2. Click Custom.
  3. In the Button box, type the URL to the picture you want to use as the background for the hover button, and then click OK. Or, click Browse to locate the picture.
  4. In the Width and Height boxes, type the width and height of the picture in pixels, and then click OK. The size of the hover button must match the size of the picture.

 

Hover Buttons Training Home Formatting Html Graphics 4 Web Marketing

Internet Training
Perth
Western Australia
Australia