Table of Contents

• Using the Website Pages Control Panel (Content Manager System - CMS)
• Adding New Images - Uploading, Selecting and Displaying Images in your Pages
• Paragraph Breaks: Automatic vs HTML
• Adding New Pages
• Copying Pages (Cloning or Duplicating existing pages)
• Regenerate All Pages
• BOLD, Italics and other formatting in the BODY area
• Adding Links to the BODY area
• Advanced Help
• Code Samples
• Adding Multiple Images to the BODY area
• HTML File Location
• Image Location
• Gallery and Gallery Images
• Updates to this Help page

Click the left buttons to either PREVIEW / EDIT / DELETE a page.
Please DO NOT delete pages linked by the main website designed-in menu.

To PREVIEW a page, click the PREVIEW button, and the page appears in a new browser window. Close when done.

To EDIT a page, click the EDIT button, and fill in the blank fields, then click SAVE.
The editiable areas of these website pages include:
- the TITLE above,
- the main BODYTEXT,
- and main IMAGE to the right.

For Images, enter the exact file name of the IMAGE. Image file names should be small letters and end in ".jpg" or ".gif" (ie. "myimage.jpg"). Hyphens ("-")(ie. "my-image.jpg") or underscores ("_")(ie. "my_image.jpg") are ok. This entry is case sensitive and must match exactly the file name of the image (ie. "My_Photo3.jpg"). Do NOT use special characters (ie. !@#$%^&*()+) or spaces (ie. "my image.jpg") in Image file names. A simple FTP program may be used to upload images to your "/images/" folder. See more info below for ADDING NEW IMAGES.

TEMPLATE CHOICE is already pre-chosen according to the Designer for a specific page. "template_default.php" is the default, and "template_home.php" would be for the Homepage. Please do NOT change these selections if unsure of the result.

See info below regarding PARAGRAPH BREAKS: Automatic vs HTML.

To DELETE a page, click the DELETE button, and the page list will refresh without the deleted page.
Please DO NOT delete pages linked by the main website menu. The DELETE function is generally not used because we have a pre-determined list of pages, and the navigation is designed accordingly, and DELETING will cause a broken link.

This function is NOT part of the Gallery or ShopCart---see more info at the main Administration Panel menu.

(An FTP program may be used to upload Images to the "/images/" folder, then select your image... However this handy UPLOAD NEW IMAGE function is provided and is recommended over the use of FTP.)

Use the sub-form UPLOAD NEW IMAGE at the bottom of the Edit page to upload a new image.
First SIZE the image using Microsoft Paint or other simple graphics editing program. Ideal width should not be wider than approx. 300 pixels (approx. 3 inches).
Click BROWSE to locate and select the pre-sized image on your harddrive, then click the OPEN buton.
Click the UPLOAD button to begin the upload. Allow a few seconds for the upload. If the upload is successful, the little thumbnail appears at the left, and the name of the image appears in the IMAGE field.
Click SAVE to save the page.
PREVIEW the final page to ensure all looks correct.

This function allows the BODY area to be entered with complex HTML tags without undesireable results.

Most pages simply leave on AUTOMATIC. This means that when a Paragraph is created and has a SPACE between the next Paragraph following, then that SPACE displays at the final website front-end.

If HTML is chosen, the same two Paragraphs would just run together as one longer Paragraph.
However this HTML choice is useful when for example a TABLE of 2 or more columns is created to list many items. The more complex TABLE html tags are read by the CMS and displays correctly without the many line breaks that it normally create without this function. Then the usual Paragraph SPACES would be created using either <p> or <br><br>.

In general you would not need to add new pages because your website was already designed with all pages designed into the main menu.
However, you can add new pages if desired using these steps. The system limit is tested and allows for up to 100 pages.

Click the ADD NEW PAGE button at the top menu of the Content Manager listing page.
Fill in the blank fields, then click SAVE.
The new page is now created, however must now be linked TO from another page of your website (or from other website for example).
You may link TO your newly added page by creating a link in the body of another page. Example: <a href="anypage.html">Any Page…</a>
See more code examples of links herein.

You can make a COPY of an existing page by first clicking the EDIT button to Edit the page to be copied.
Then simply change the PAGE FILENAME to the name of the new page (ie. "copied-page.html"), and the copy is created with that new name.
File names should be small letters and end in ".html" (ie. "newpage.html"). Hyphens ("-")(ie. "new-page.html") or underscores ("_")(ie. "new_page.html") are ok, but remember these when linking to these pages. Do NOT use special characters (ie. !@#$%^&*()+) or spaces in page names.
Edit the new copied page as desired.
The new copied page is now created, however must now be linked TO from another page of your website (or from other website for example).
You may link TO your newly added page by creating a link in the body of another page. Example: <a href="anypage.html">Any Page…</a>
See more code examples of links herein.

Clients need not use this function.
Regenerate All Pages is only used by the designer when creating and making changes to the DESIGN TEMPLATE(s) to ensure the website page data is displayed correctly.

Beyond the standard features included with the Template Website model, the features can be expanded to accomplish many additional powerful uses such as formatting, added links, additional images, special downloads, and much more. (Remember to modify these examples to suit your needs and exact file names, etc.)

Making text BOLD:
<b>Any text</b>

Making text italics:
<i>Any text</i>

Changing color to parts of text:
<font color="white">Any text</font>

Indenting text:
<blockquote>Any text</blockquote>

Adding Links:
<a href="anypage.html">Any Page…</a>

Links to other websites:
<a href="http://www.anydomain.com/anypage.html" target="_blank">Any Website…</a>

Insert additional images within the body area:
<img src="any-image.jpg" class="images-main" align="right">

Links to Downloads:
(Using any FTP program, first create a "download" directory in your website, then upload those files to that directory.)
<a href="/downloads/anyfile.pdf">Any PDF or File…</a>

Link to Music Samples:
(Using any FTP program, first create an "audio" directory in your website, then upload those music files to that directory.)
<a href="/audio/anymusicfile.mp3">Any Music MP3 File…</a>

Link directly to ShopCart items:
<a href="/product_info.php?products_id=4166">Buy Product Now…</a>

Your home page index.html and .html pages linked to your home page all reside in your home directory: /httpdocs.

All graphics which are displayed with your home page and the other .html files which reside in your home directory reside in /httpdocs/images.

Gallery photo location is controlled by the Gallery Administration Control Panel.