Website Design Installation

The XSLT stylesheet "site_glob" is the point to start website design editing. It defines the html code common for all pages. There, find the template with the match attribute value equals "html-page". This template sets the global structure of the web site. HTML head element is handled automatically except that you need to add the link tag to load the CSS files.

The XSLT templates with names "top-of-page" and "bottom-of-page" hold html code common for all pages. Place your own code there. The table that you find in the template with match="html-page" sets the layout of the web site. We employ two-area model. Template with name "menu-block" fills the left area. The XSLT template with name "center-block" controls the right area.

Installation of the top menu is a little trickier. Our system for web site editing supports user defined top items and page-selected event. The template with name "create-top-menu" prints the top menu of the web site. Let the user wish to edit the top items of the web site. The template mentioned above handles four cases, namely,
1. the page is selected and is the first one
2. the page is selected and is not the first one
3. the page is not selected and is the first one
4. the page is not selected and is not the first one
Provide the code for these four events and rest a little. The installation is not finished.

The user does not want to edit the web site top items. Then, you need to create the top items by yourself before you can proceed with installation. There are two kinds of top items. They are divided into groups. The pages in each group share the left area. Make your chose. Remember the file property of each page. We will process each item manually as follows.

<xsl:for-each select="$top_pages[@file='file_name']">
<xsl:choose>
<!-- page not selected -->
<xsl:when test="not(@file=$current-page)">
<!-- html code -->
</xsl:when>
<!-- page selected -->
<xsl:otherwise>
<!-- html code -->
</xsl:otherwise>
<xsl:choose>
</xsl:for-each>
<!-- repeat for each item -->

Do not set the href attribute manually. Use WCXE template. Example,

<a class="some"><xsl:call-template name="href-attribute"/>
<!-- image or text -->
</a>

It is still possible to create the "top items" but they become hidden. However, these hidden html pages of the web site can be reached with internal reference mechanism.