Table of contents | Previous | Next

Components

To create and reference image components, you need to:

• Create several image library components
• Reference these image components, as needed, in a presentation template and a content item.

For this exercise, we used an image logo for the River Bend Web site. For your implementation, you can use a stylesheet that reflects your company's corporate design

Creating image library components

Follow these steps to add image library components.
1. Click New and choose Component  Image
2. In the name field, enter rbLogoBig
3. In the display name , enter River Bend Logo Big
4. In the Image Element Section, click Browse
5. Browse for the rbLogoBig.png image in the location where you downloaded it.
6. Click Open , and then click OK
7. Click Save …, and then click Save and Close .   The image is saved in the library of image components.
8. Expand Image Component in the items view navigator to see the new image component that is listed in the index.
9. Repeat steps 1 through 7 to create the other image components as follows:

•  rbLogoBig  (uses rbLogoBig.png)
•  rbLogo (uses rbLogo1.png)
•  News (uses WhatsNew.png)
•  Food (uses Food.png)
•  Company (uses Company.png)
•  Beverages (uses Beverages.png)
•  FILE_bg_main946white.png (uses FILE_bg_main946white.png)
•  NavHiLoImage (uses menu1.gif)
•  Overlay-foliage.png (uses overlay-foliage.png)
•  BrownSeperator (uses seperator_490.gif)

The image components: News, Food, Company and Beverages are used in the home page as the menu for the main sections of the website. Figure 20 shown below illustrates how they are viewed in the home page.

Figure 20 Main menu on home page using image components

Abstract - This article discusses how to create and reference image components