Create Websites Easily

Insert images into webpage content

You can insert an Site Image e.g. Logo Image into your website. Also, you can put some Content Page Images into different parts of your website to make it attractive. There are two ways of inserting the images into your website. You can do it either by using Images Resizer or Image Manager.

To insert an image into your website

By using Images Resizer

  1. To insert an image into the web page, under Site Images, select either Image 1 or Image 2 from the drop down list.  

Note: Usually, Image 1 refers to the logo image on the web page and Image 2 refers to the banner image on the page. To display the image grids of the images on the web page, check the Show Image Grids checkbox. You can also activate or deactivate grid lines using the Show Image Grids option from the View menu.

  1. To associate an image for Image 1 or Image 2 click the folder button . The Images Resizer dialog opens. Note that the folders and files are listed in separate boxes. Once an image is selected it is displayed in the bigger box on the right. By default all image file types are displayed for the folders but you can filter for the types you want by selecting the appropriate image type from the File Type drop-down list. You can choose to have a best fit image or original image size. Also, you have four methods to display the image including None, Ratio, Bestfit and Full.

  1. Browse through the folders to select an image of your choice and click Import Image to import the image into the field. The image of the template in the Preview and Workspace panel is refreshed to display the imported image.

  2. If you wish to resize the selected image (to fit the size of the image displayed on the web page), you can click the Resize Image button.

  3. The Resize Image dialog is displayed.

Note: You can also invoke the Images Resizer dialog after you have imported a image by clicking the Images Resizer button next to the image's name in the field. However this time the Save button is displayed instead of Save & Import in the dialog.

  1. Set the size of the image by setting values for width and height in the appropriate fields for User Image Size in pixels. Or you may click Load best fit setting to fit the image within the confinements of the limitations on the page.

  2. Set the quality of the image to be High, Standard or Low.

  3. Check the auto scale check box to auto scale the image.

  4. Click Apply to instantly apply the changes.

  5. Select the suitable brightness, contrast and choose your desired method to display the image.

  6. Click Save &  Import to import the image. The image of the template in the Preview and Workspace panel is refreshed to display the imported image.

  7. Proceed similarly to associate and import the image for Image 2 for the web page.

  8. To delete an imported image you can disassociate the imported image file to the Image 1 or Image 2 by first selecting either of them in the drop-down list and then clicking the Remove File button.

  9. To set the opacity for the image slide the slider in the Opacity field right or left according to your requirement. Sliding to the right increases the opacity and sliding the slider to the left decreases the opacity.

By using Image Manager

(You can find the "Imager Manager" by selecting Edit-->Image Manager in the menu bar or pressing the "Image Manager" icon in the toolbar)

  1. Select the image from the list box in Site Image or Content Page Image

  2. Click Load Image to open the Images Resizer.

  3. Follow the steps in Images Resizer to insert an image into your website.

  4. You can also click Edit Image to edit an imported image.

  5. Or click Clear Image to clear the selected site image or content page image.

  6. If you select an item in Content Page Image, and it show "Not applicable", probably this content page is not in the "Text" or "External Image/Swf" Type