From the main menu, select File and then Save All. Click OK. After the new JSP Segment opens in the editor, select the Source tab. From the main menu, select File and then Save All. From the Items list, select JSP Segment. Click OK. Click OK. After the ne

3-8 Oracle Fusion Middleware Developers Guide for Site Studio for External Applications jsp:root xmlns:jsp=http:java.sun.comJSPPage version=2.1 div id=footer p align=center Copyright © 2010 | SiteStudioDemo p div jsp:root

9. From the main menu, select File and then Save All.

Create a Third JSP Segment Sidebar 1. Right-click the new fragment folder and select New. 2. In the New Gallery dialog, expand Web Tier and select JSP. 3. From the Items list, select JSP Segment. 4. Click OK. 5. In the Create JSP Segment dialog, for File Name, enter sidebar.jspf.

6. Click OK.

7. After the new JSP Segment opens in the editor, select the Source tab.

8. Add the following code: ?xml version=1.0 encoding=UTF-8? jsp:root xmlns:jsp=http:java.sun.comJSPPage version=2.1 div id=sidebar h1 class=firstThe Sidebarh1 p-- add content here -- Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet lacus sed lacus egestas fringilla eu sit amet leo. In hac habitasse platea dictumst. p h1Linkrollh1 ul class=linkroll li a href=Link 1a li li a href=Link 2a li li a href=Link 3a li li a href=Link 4a li ul div jsp:root 9. Replace the Lorem ipsum text with your own content.

10. From the main menu, select File and then Save All.

Create a Fourth JSP Segment Menu 1. Right-click the new fragment folder and select New. 2. In the New Gallery dialog, expand Web Tier and select JSP. Building a Site Studio Web Site Tutorial 3-9

3. From the Items list, select JSP Segment.

4. Click OK.

5. In the Create JSP Segment dialog, for File Name enter menu.jspf.

6. Click OK.

7. After the new JSP Segment opens in the editor, select the Source tab.

8. Add the following code: ?xml version=1.0 encoding=UTF-8? jsp:root xmlns:jsp=http:java.sun.comJSPPage version=2.1 xmlns:wcm=http:www.oracle.comjspwcm xmlns:c=http:java.sun.comjspjstlcore xmlns:fn=http:java.sun.comjspjstlfunctions div id=menu ul id=nav li wcm:url var=root type=node url={wcmContext.project.structure.rootSection.ID} a href={root} {wcmContext.project.structure.rootSection.properties.label} a li c:set var=sections value={wcmContext.project.structure.rootSection.activeChildren} -- Iterate through the site structure nodes and add them to the menu -- c:forEach var=section items={sections} wcm:url var=sectionUrl type=node url={section.ID} li a title={section.properties.label} href={sectionUrl} em{fn:substringsection.properties.label, 0, 1}em {fn:substringsection.properties.label, 1, -1} a li c:forEach ul br class=clear div jsp:root

9. From the main menu, select File and then Save All.