Using the Image Library - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

 

 

Now that we understand what the Image Library can do, and why it's such a neat feature within XSitePro, we can go ahead and review the process of actually inserting images.

 

1.

To get started, we first need to position our cursor at the point (in our Web page/panel) at which we want the image to be inserted.

 

 

2.

Next, we load the image library using the right-click menu or the image toolbar button.

 

 

3.

With the image library loaded, we can make our selection in one of two ways. We can either navigate the directory list, left, and select an image in the preview window, right, or we can click the 'Select from Hard Drive' button and select an image from our hard drive for insertion.

 

button_image_library_insert_from_harddrive

 

 

Note: Images selected from you hard-drive will not have the intelligent background coloring applied by XSitePro unless they are '.PNG' format with transparent background.

 

 

4.

In this example we will select an image from the clipart library - the illustration below shows an arrow graphic selected from within the arrows subdirectory.

 

window_image_library_selection

 

 

5.

Once the chosen image is selected, and presuming you're happy with the background color to that image (the same color as the page background, by default) then you can now enter the image Alt-text into the text-box provided.

 

piece_image_library_alttext

 

 

6.

Finally, click the button labeled 'Insert' at the bottom of the window. The selected image will be inserted at the cursor point.

Home  Previous  Next