29.01.2013 Views

WebSphere Application Server - IBM Redbooks

WebSphere Application Server - IBM Redbooks

WebSphere Application Server - IBM Redbooks

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Note: If you use a page template to govern the layout and visual design of all<br />

the pages in a Web site, you can insert a navigation bar onto the page<br />

template, rather than adding the navigation to every page individually. The<br />

links in the navigation bar are then updated dynamically for each individual<br />

page in the site. For more information on creating a page template, see<br />

“Creating a page template” on page 111.<br />

To insert a navigation bar into a Web page:<br />

1. Double-click a page icon in Web Site Designer to open the Design page in<br />

Page Designer.<br />

2. Select the Site Parts drawer in the Palette view. You have the following<br />

navigation bar options:<br />

– Horizontal Navigation Bar<br />

– Horizontal Graphical Navigation Bar<br />

– Vertical Navigation Bar<br />

– Vertical Graphical Navigation Bar<br />

– Navigation Drop Down<br />

3. Choose the style of navigation you want to insert and drag and drop the<br />

palette object onto the page. Depending on which navigation bar you choose,<br />

one of several insert dialogs opens.<br />

4. Select whether you want to use a Sample or a User-Defined navigation bar. If<br />

you want to use a sample navigation bar, select one of the Thumbnail images<br />

and the File name field will be automatically populated. If you have a<br />

user-defined navigation bar, you can click Browse to locate the file in the<br />

current project or import the file from the file system.<br />

5. Select the type of links that you want to appear in the navigation bar. You can<br />

select links based on page relationships. For example, you can select links<br />

based on parent-child relationships or you can select links based on<br />

sequence (previous and next pages). If you select previous or next links, you<br />

can supply a label to appear for those links, such as Back and Forward.<br />

Click OK. The navigation bar is inserted on the page.<br />

Chapter 5. Working with HTML 105

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!