WebSphere Application Server - IBM Redbooks

d. Select HTML or XHTML as the Markup language and None as the Model.
e. Click Finish. The new page is opened in Page Designer.
4. Right-click the mouse in Page Designer to add content to the page:
a. Enter text directly.
b. Drag and drop items from the palette (Window -> Show View -> Other ->
Web -> Palette).
c. Choose Insert -> Page Template -> Content Area. The content area is
very important to users because it is the only area in which they can insert
or add information. They cannot edit the rest of the page created from the
page template.
d. Choose Insert -> Page Template -> Page Fragment. Inserting a page
fragment lets you include part of a page from another file (this is similar to
an SSI include or a JSP include). Changes in the page fragment are also
applied immediately to all the pages created from the template.
5. Choose File -> Save as Page Template. The Save as Page Template
window opens and you can select the folder in which to save the template file.
5.1.6 Working with framesets
In our sample application, we no longer use framesets, but instead, use the page
templates. However, framesets are still commonly used in Web applications to
control the organization and flow of the Web pages. One common Web page
design consists of a banner or title in a horizontal top frame, navigation links in a
narrow left frame with content in a wider frame on the right. Studio Site Developer
provides you with easy-to-use tools to create and work with framesets.
As an example, let’s build an entry for a Web site using a frameset. We will create
a parent frame called index.html. It will have the following frames:
► A frame that spans the top called header.html. It will contain the company
logo and links to company information.
► A frame on the lower left called menu.html. It will contain menu options.
► A frame on the lower right called main.html. It will contain the page displayed
when the user selects an option.
To build this frameset, you would do the following:
1. Create a new HTML page in the Web Content directory called index.html
(New -> HTML/XHTML file).
2. Switch to the Design view and select Frame->Split Frame ->Split
Horizontally in the menu bar.
112 IBM WebSphere Application Server - Express V5.0.2 Developer Handbook