Home

 

Creating the welcome.html page content (text, links)

The RedBank home page is index.html. The links to the child pages are included as part of the header and footer of the our page template. In the following example, we describe how to add static text to the page, and add a link to the page to the IBM Redbooks Web site:

Open the welcome.html file in Page Designer.

Select the Design tab.

Insert the welcome message text:

Delete the Welcome Page text.
Insert two line breaks:
In the Context Area right click and select Insert Æ Line Break, leave Type: Normal (default).
Repeat the steps for the second line break.
In the Context Area, right click, and select Insert Æ Paragraph Æ Heading 1.
Enter the text Welcome to the ITSO RedBank! between the <h1> tags.

Insert a Link to the IBM Redbooks Web site:

Add an empty line after the heading.
From the menu bar, select Insert Æ Paragraph Æ Normal.
Enter the text For more information on the ITSO and IBM Redbooks, please visit our Internet site into the new area.
Highlight the text Internet site, right-click and select Insert Link.
In the Insert Link dialog, select HTTP, type http://www.ibm.com/redbooks in the URL field, and click OK.

Customize the text font face, size, and color. This is done through the Properties view:

Select the word Red from Redbooks from the text created in the previous step (use the keyboard Shift and arrow keys).
In the Text tab in the Properties view, select the color Red to make this partial word stand out.
The source changes to ...IBM <font color="red">Red</font>books, ...

Save the page.

Select the Preview tab and the page is displayed.

Figure 13-23 Preview of welcome.html

ibm.com/redbooks