WebSphere

 

Portal Express, Version 6.0
Operating systems: i5/OS, Linux, Windows

 

Stage nine: Create a presentation template

The presentation template is used to define the layout and design of each Web page.

  1. Click New->Presentation template and create a presentation template named "ImageLibrary_PT".

  2. Copy the following HTML and replace the default HTML of the presentation template.

    <html>
    <head>
    <title>Image Library</title>
    </head>
    <body>
    <font  face="Arial, Helvetica, sans-serif">
    <table  border="0"  cellpadding="5">
      <tr> 
        <td colspan="2"  valign="top"><h1>Image library:</h1></td>
          </tr>
    <tr><td>
    <Table border="1"   cellpadding="2" bordercolor="#FFCCFF">
    <tr>
    <td valign="top"><font size="2" face="Arial, Helvetica, sans-serif"><b>Name:</b></font></td> 
    <td valign="top"><font size="2" face="Arial, Helvetica, sans-serif"><b>File:</b></font></td>
    <td valign="top"><font size="2" face="Arial, Helvetica, sans-serif"><b>Size:</b></font></td>
    <td valign="top"><font size="2" face="Arial, Helvetica, sans-serif"><b>Last modified:</b></font></td>
    </tr>
    <Element context="current" type="content" key="Body"/>
    </table>
    </td>
    <td valign="top" ></td>
      </tr>
    </table>
    </font>
    </body>
    </html>

    The nested table is used to add headings to the list of images retrieved using the Personalization components created in stage five.

    The element tag is used to reference the Personalization component selected in each content item.

  3. Click Save. This will save the presentation template but leave the presentation template form open as further changes will be made to the presentation template.

 

Next Stage: Stage ten: Create a template map

 

Parent topic:

Integrated content example