Tanzarine Technology

Web sitesApplication developmentSoftware designContent managementHTMLCSSUser interface designWeb serversJavaPHPSocial mediaLinkedInSecurityDatabase designPerlJavascript

Site Redesign for 2004

The Tanzarine web site has been updated to create a new styling within the company's existing branding and logo. The change was made smoother thanks to the use of XML and XSLT to separate the layout information from the content information, and the use of CSS for allocating fonts and text styles.

As with previous releases of the web site, the HTML pages are generated using a single XSLT template and XML content information, and are assembled using the XBuild tool (written in Java) to manage the transforms and web site hierarchy and navigation.

XBuild is also responsible for producing the home page "feature articles". As it processes the XML documents containing articles for the site, it adds details about any which are marked as "indexable" to a master index. At the end of its processing, XBuild uses this index to produce the "feature articles" and also an RSS document reflecting a summary of the articles available on the site.

Basic navigation around the site is achieved using the navigation area to the left hand side of the screen, changed only slightly for this redesign, which shows the various sections available at the current level. The current level is marked by a purple pointer. Image

Within any one section, there may be several subsections, and these are also indicated in the navigation area. This is most evident on the home page, which is the top level of the web site. The available subsections are marked by a blue pointer, pointing downwards. Image

Finally, within a subsection, upwards navigation is available, to give an indication of where the page currently being viewed exists in relation to the site as a whole. This may not be important if the page has been reached by navigation, but is vital if the page has been reached by a direct link, such as from the home page "feature articles". The sections above the current one are marked by a blue pointer, pointing upwards. Image