SiteReptile Website Builder

Adding Your Own Images

Select a web pageTo add an image to the content of your web page, first open the page in the editor by clicking its name in the left menu column.

Now set your cursor in the text within the text editor where you want the image to appear. You will be able to move it later if you need to.

Click the Insert/ Edit Image Icon - it looks like a tree - third from the right in our screenshot shown below.

SiteReptile Editor Window
Now let's enlarge a few sections of the editor.

Image Insertion tool
This opens the Image Insertion tool. There is a icon on the right side of the box labeled Image Url. This is the Browse button. Click the Browse button.

This opens an Uploading panel.
Click Browse on this panel. Locate the desired image on your machine and click open.
Your information for uploading the file should appear in the small text box.

Click Upload.

Now your image is displayed in the left hand side of the Upload window. If everything looks good click OK.

Upload panel

Upload panel 2

When you click OK the image appears in the Preview box on the Image Insertion tool. The path to the image is displayed in the Image Url box. Add an image Description and Title.

Now click Appearance.

Insert tool

Set the Alignment of the image to left or right and you'll see how it will appear in the text on the page.

You can also set spacing aroung the picture using the horizontal and vertical spacing boxes.

Border should be set to Zero.

Get everything set the way you want it and click Insert.
Appearance Editor

When you click Insert the image is added to the web page at the last location of your cursor.

If you mess up like I did and forget to set the cursor, you can grab the image with your mouse cursor and drag it to the location where you want it.
Text Editor with image added

Be sure to Save Changes.
Adding Images

Property of
Net Success 2000 Plus Inc
Po Box 1508
Somerset KY 42502
Last Modified: January 21, 2010

Drop Down Menu

Home

HTML Tutor
Beginner
HTML Basics
Add a Heading
Add a Paragraph

Intermediate
Phase I
Getting Started
Basic HTML Page
Creating Columns
CSS
Color
Headings
Images
Paragraphs
Site Heading
Linking

Advanced
Phase II
Start Phase II
Editing Pages
Change Appearance
Summary

Helps
Tag Glossary
Finished Code
Image Download
Color Tool
Hex Code Chart
Free Web Templates
Free Heading Graphic
Free Backgrounds
Put It on the Web
Quizzes
Your Questions

HTML Editors
Overview
NoteTab Light
Webbuilder

Online Builder Tutorials
Soholaunch
SiteReptile
SiteSTUDIO

Other Helps
Flash Web Sites