Site Creation Example

This example describes the steps required to render a simple Web Page by creating and linking various Web Content Management Items. It is important to follow the steps in the order they are written. To create and preview a simple Web Page create the following items:

  1. A Site
  2. A Site Area
  3. A Presentation Template
  4. an Authoring Template
  5. A Content item
  6. Components
You will also need to build the following links between items. There will need to be:

  1. A link between an Authoring Template and Presentation Template set in each Site or Site Area.
  2. A Web Content Management Tag for each Component to be displayed within a Presentation Template.
  3. Placeholders within Menus and Navigators to display search results.

Refer to the relevant sections in the Site Creation Guide for details on creating these items.

 

Create a Simple Workflow

Before creating any other item, make sure you have a simple Workflow created to use with items that require Workflows.

  1. Create a Workflow Stage called TestStage with an Action of Publish selected in the "Execute on Entering Stage" parameter.

  2. Create a Workflow called TestWorkflow with TestStage selected as the only Workflow Stage.

 

Create a Site and Site Area

  1. Create a Site called TestSite and a Site Area called TestSiteArea

 

Create a Presentation Template

  1. Create a Presentation Template called TestPresentationTemplate

  2. Create a simple HTML Table in the Presentation Template by adding the following code into the Presentation Template section. 
    <html>
<head></head>
<body TEXT="Black" 
      BGCOLOR="White" 
      BACKGROUND="" 
      LEFTMARGIN="0" 
      RIGHTMARGIN="0" 
      TOPMARGIN="0" 
      BOTTOMMARGIN="0">

<table  border="1">
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>

</body>
</html>

  3. Save the Presentation Template

 

Create an Authoring Template

  1. Create an Authoring Template called TestAuthoringTemplate

  2. From within the TestAuthoringTemplate form, open the Component Manager by clicking on the Component Manager button

  3. Add a Text Component called Body to the Authoring Templat.

  4. Save and Close the Authoring Template.

 

Create some Content

  1. Create a new Content item called TestContent

  2. Select TestAuthoringTemplate and TestSiteArea when creating the new Content.

  3. Go to the Contents section and enter some text in the Body Component.

  4. Go to the Workflow section and select the Test Workflow

  5. Save and Close TestContent.

 

Map Templates and Link Content

  1. Go back to the Site Framework view and open TestSiteArea

  2. Edit the Template Map and link TestPresentationTemplate and TestAuthoringTemplate

  3. Set TestContent as the default Content for the Site Area.

 

Reference the Body Component in your Presentation Template

  1. Go back to the Presentation Template view and open Testpresentationtemplate

  2. Enter the following Web Content Management Tag into one of the Table Cells of the Presentation Template. 
    <AptrixCmpnt type="Content" context="current" key="Body"/>

    Using "current" as the context means that the content of this Web Content Management Tag will change depending on which Content item is currently being referenced.

 

Preview the Web Page

  1. Go back to the Content Library view and preview TestContent

  2. The text you typed in the Body Component should appear on the rendered Web Page.

 

Add a Navigator

  1. Create a new Navigator Component in the Component Library called TestNav with the following parameters:

    1. Start Type = Current Content
    2. Ancestor Level = All

  2. Add a placeholder in Component Design 1 to display links in the Navigator 
    <placeholder tag="Namelink"/><br>

  3. Save and Close TestNav.

 

Reference the Navigator in your Presentation Template

  1. Go back to the Presentation Template view and open Testpresentationtemplate

  2. Enter the following Web Content Management Tag into one of the Table Cells of the Presentation Template. 
    <AptrixLibCmpnt name="TestNav" />

    As we are referencing the Navigator directly from the Component Library, the Navigator will always display when this Presentation Template is used. The content of the Navigator will change depending on which Site Area and Content items are currently being referenced.

 

Preview the Web Page

  1. Go back to the Content Library view and preview TestContent

  2. A Navigator should appear on the rendered Web Page.

 

Add an Image Component

  1. Create a new Image Component in the Component Library called TestImage

 

Reference the Image Component in your Presentation Template

  1. Go back to the Presentation Template view and open Testpresentationtemplate

  2. Enter the following Web Content Management Tag into one of the Table Cells of the Presentation Template. 
    <AptrixLibCmpnt name="TestImage" />

    As we are referencing the Image directly from the Component Library, the Image will always display when this Presentation Template is used. The content of the Navigator will change depending on which Site Area and Content items are currently being referenced.

 

Preview the Web Page

  1. Go back to the Content Library view and preview TestContent
  2. An Image should appear on the rendered Web Page.

Parent topic: Web Content Management Examples.

IBM Workplace Web Content Management - V5.1.0.1 -

 

Workplace Web Content Management is a trademark of the IBM Corporation in the United States, other countries, or both.

 

IBM is a trademark of the IBM Corporation in the United States, other countries, or both.