SiteReptile Website Builder

Create Photo Album

click add a new pageOpen the editor and from anywhere click Add a New Page.

If you look at my menu system on the left, I'm going to add a page named Gallery

In the interface that opens, Add a page name. This is the page name as you want it to appear on the menu. I'm adding Gallery.

Click on the drop down box arrow for Page Type.

Select Gallery List
Click the blue button to Add.
Enter a page name

Now you get a congratulations screen that says you've added a new page. Notice it appears at the bottom of the menu.

Click the page name beside the green arrow or the page name in the left hand menu.
Congrats. page

Notice the code in the text editor. Below the page name Gallery you see:
{%gallery%}

At present this code will produce a list of galleries that you create. We'll see how to make this the actual gallery of pictures later.
The code in the xt editor


Click Add on ModulesFor now, to build the photo album, click Add-on Modules on the top of the editor.

Choose Gallery


Give the gallery a name. I'll use MyPhotos
Then Click Add new gallery
name the new gallery

If the gallery is created, you'll get the message shown below.

Click << Back to Galleries

Gallery added successfully

Now click Upload New Images

Gallery added successfully

Browse to the images you want to upload

Browse to the images you want to uploadOn the interface that opens, use the Browse buttons to locate the images on your machine that you want to upload.

When you're ready, click Submit

Note: Use the resize for internet option if you've taken your pictures straight out of a digital camera. This will reduce their size so that they don't take aeons to load .

When you click Submit the page you'll get a screen that says Images Uploaded Successfully.

Click the button that says Close window if nothing happens click the Red X.

Click on the name of the gallery and you'll get a screen like the one below..

Note: Don't worry about the quality of the pics shown here. Yours will be much better. I had to take the quality way down so that the screenshot would load faster.

Now add your comments to your pictures.

Browse to the images you want to upload

Notice the code in the upper right corner of this page. If you want the Gallery page to be the actual photo gallery instead of a list, replace the code {%gallery%} (shown in the 4th screenshot) , with this code.

Copy the code


In my case it would be {%gallery_MyPhotos%}
Note: Don't try to do this until after you save your comments. For now just copy and paste it into NotePad or write it down.

Paste the code



When you finish adding your comments, click the blue button on the bottom, Save Comments. Add your comments

Now you can either edit the code and change the Gallery web page as I explained above, or you can Preview your website.

I'll explain some of the other options in later screenshot tutorials.

For now let's go to Editing a Web Page


Drop down Menu

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

Create a Site with HTML

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