The purpose of WebsiteGen is to allow you, the user, to quickly and easily create a web presence without
having to master the ins and outs of HTML design. By simply typing in the text you wish to appear, and selecting
a graphic name, we take care of all the formatting for you.
Your website is composed of 3 items: Site description, Pages and Page Items.
A site description is where you setup the overall "feel" of your site, including the colors, font size/color/family,
and table styles/backgrounds. These items are editted by clicking the "Administration" link in the bottom of any page,
then selecting "Site Administration". There are 2 sections here. Site Info is where you set the name of your site
your contact email address and the header information (tags/logos, etc.) Under Color/Formatting Scheme you will find
options to select the color and layout of your pages. For more info on the settings available here, see
Site Settings below.
Pages are what your site is supposed to display! A page contains some basic information such
as the name of the page, and has checkboxes to make the page appear in the left menu, in the footer, or to temporarily
disable the page. A page is a container for PAGE SECTIONS, which are the items you create
with the actual text of a page.
Page Sections are exactly that, a section of a page. A section has many more checkboxes
to make it display the way you want, play with them to see how they affect your web page! An important and powerful
feature here is the HTML checkbox, which allows you to write your own HTML in a section, and have it pass straight through
without WebsiteGen trying to format it again. If you insert your own tables into a section, this is a handy flag
Site Settings are broken into 4 sections: Inner Table, Outer Table, Left Menu, and Style.
The picture below helps to demonstrate where these items are displayed.
The settings for the Left Menu section only affect the left menu column, and can control:
- font size/color/alignment/decoration
- column background color
- separator image appearance
- column width
The settings for Outer Table affect:
- Main table size
- Color of the bottom menu backgound (can also be an image)
- Alignment of the table on the page
The settings for the Inner Table affect:
- The size of the "text" area (yellow section in the image below)
- Color of the inner area backgound (can also be an image)
- Alignment of the text in the inner page
The settings for the Style section affect:
- font color/size/family for main body text (inner table)
- outer background color/image (margins past outer table edge)
- Site header font color/size
- Site header background color
Two page maps are provided below to demonstrate where common items are displayed on your web page. The snapshots
were taken from demo8.alonsystems.com and
webgen.alonsystems.com if you wish to view the pages in more detail.