WebsiteGen Overview
WebsiteGen Overview  |   Site Description  |   Pages  |   Page Sections  |   Userlevel Functions  |   Tags  |   Catalogs

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 to have.

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.


User Level Functions    Top
WebsiteGen provides some user functions which may be incorporated into the pages you design here. These are intended to be included within the body of a PAGE SECTION.
Function Parameter(s) Description Usage Example
Pop_Window(strURL); strURL -> The URL string you want to open. Opens a new browser window with no toolbar, menubar, addressbar. <a href="" onclick="return Pop_Window('http://www.alonsystems.com');">Open www.alonsystems.com</a>
Pop_Window_Normal(strURL); strURL -> The URL string you want to open. Opens a new resizable browser window with toolbar, menubar, addressbar. <a href="" onclick="return Pop_Window_Normal('http://www.alonsystems.com');">Open www.alonsystems.com</a>
Tags    Top
WebsiteGen provides several "tags" for your use in pages as well. You may enter enter a tag to have its value auto-filled in any page header, page body, section header, or section body. An example of this is would be to put the current date/time into a document, or the URL, etc. All available tags are listed below.
Tag Description Sample Output
[URL] The current URL webgen.alonsystems.com
[DATE] The current date in MM/DD/YYYY format 2/24/2018
[DAY] The current day (Sunday, Monday, etc). Saturday
[TIME] The current server time (CST) in 24 hour format 08:08:10
[EMAIL] The email address listed under SITE INFORMATION support_alon@alonsystems.com
[LOGO] Displays the image defined for "Logo" on the SITE INFORMATION page.
Catalogs    Top
A catalog is exactly that, a catalog of items. It is comprised of 3 items:
  • Catalog Items
  • Catalog Formats
  • Catalog Category Filters
Catalog Items A Catalog item is any item you wish to have in your catalog. It can be a product, or just an item from a collection (ie, a catalog of stamps in your stamp collection that you wish to publish online). An item has several fields that describe it:
  • Name
  • Price
  • Description
  • Picture
  • Code (catalog # for instance)
  • Category
  • Extra Field (contains absolutely any extra text you wish)
  • Publish (a checkbox for whether or not to publish the item)
  • Featured (a checkbox which allows the item to show in a special "featured items" category)
Catalog Formats A Catalog Format determines how the items in your catalog are displayed. You have 4 catalog formats to choose from, and each of these can be fully configured. There are several options associated with a catalog format.
  • Image Height and Image Width (determines the width and height of the picture for your catalog items, in pixels)
  • Text Positioning (where the text is placed in relation to an item's picture)
  • Page Layout (How many items are displayed across the page)
  • Show 'Extra' Field (Display or don't display the contents of the Extra field for the item)
  • Show Item Price (Display or don't display the item's price)
Catalog Category Filters Catalog Category Filters are accessed under the Edit Page screen. In each section you will see a button named Choose Catalog Categories to Display. This button allows you to edit the categories which will be displayed in this page section if the display option is set to a catalog option. Select the categories you wish to display in this page section and click Save.
Bringing it all together

OK, so now you know what a catalog is, but what do you do with it?

A catalog should be setup in this order:

  • Under Catalog Administration, add your catalog items
  • Under Catalog Administration, check out the catalog formats, and change one to meet your needs
  • Edit or Add a page. In a new section, click the Normal Display dropdown and choose one of the Catalog Format options.
  • In that same page section, click the button named Choose Catalog Categories to Display and select the Categories to display from the dropdowns. To display all your items in one Page Section, choose the All products option.
  • Save your page, then go view it!