Home
Basic Menu
Page Layout
Sections
item1
item2
item3

Page/Menu Layout Example Application


Welcome to the page/menu layout example application. Currently, you are viewing a web page displaying 2 menu layers. By following the text below we will demonstrate how to add extra layers to this menu, change the page's layout and finally divide a page content into separately viewable sections. The text will provide a number of examples via hypertext links. If you like, you may also use the menu structure on the left to view any examples.

Basic Menu Structure


There can be any number of levels within the menu structure. Each level can be defined as stand alone and at the top level, or as being the child of another menu item anywhere in the structure. This demonstration has divided the menu structure so that each level is supported by a separate include file. This page therefore uses the include files named menuSampleTop.inc and menuSampleLevel2.inc. The following example includes an additional file (menuSampleBasic.inc) which has a list of elements attached to a parent in the menuSampleLevel2.inc file. All of these files could have been combined into one file, but we have divided them here for this demonstration.

Click here to see a basic menu example.

By use of include files the definition of a menu structure can be spit-up and different combinations selected depending on the context of the web page eg different menus structure for different clients.

Page Layout


The menus which you have come across so far have been produced from the default Redbourne settings. A large number of changes in the page's appearence can be made by use of the Redbourne macro tags. The following page shows an example of what can be achieved. By pressing the link below, the appearence to this page will change. Repeated selection of this link will toggle between either page layout. Once you have finished, you may continue with this demonstration using either layout.

Click here to see how the page layout attributes may be altered.


If you want this page presented so that it is printer-friendly, you may add the following to the end of the hypertext link: ?rbbodyonly=yes

Use the following to show this document in a printer-friendly way:
index.rhtm?rbbodyonly=yes

Use the following to show this document in the original way:
index.rhtm

The Use of Sections


This area demonstrates how the web page content can be divided into sections. As required the server will display all sections at once or individually. This could be useful when presenting a long web page or if the context of the web page requires only part of the information available.

Click here to see how the sections may be used.

Finally, the following link demonstrates the same page as above but with autogenerated menus. Here the menu include file is not needed as the chapter tag defines the parent menu item. Having done this, the sections under the chapter tag will then automatically become sub-menu items.

Click here to see how to autogenerate sections in a menu structure.