Hi

I am using Sun Java Studio Creator to design a website that's made out of tabs.

I'm finished with the design but now want to link my tabs (pages). I haven't ever worked with Studio Creator nor with XML, so I don't really know where to type in the code so that my pages can actually link.

This is part of my code: (JSP)

<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<ui:page binding="#{Page1.page1}" id="page1">
<ui:html binding="#{Page1.html1}" id="html1">
<ui:head binding="#{Page1.head1}" id="head1">
<ui:link binding="#{Page1.link1}" id="link1" url="/resources/stylesheet.css"/>
</ui:head>
<ui:body binding="#{Page1.body1}" id="body1" style="background-color: rgb(255, 167, 79); -rave-
layout: grid">
<ui:form binding="#{Page1.form1}" id="form1">
<ui:tabSet binding="#{Page1.tabSet1}" id="tabSet1" selected="home" style="height: 430px; left:
120px; top: 120px; position: absolute; width: 790px">
<ui:tab action="#{Page1.home_action}" binding="#{Page1.home}" id="home"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 14px; height: 24px; width: 85px"
text="Home">
<ui:panelLayout binding="#{Page1.layoutPanel1}" id="layoutPanel1" style="width: 100%;">
<ui:staticText binding="#{Page1.staticText9}" id="staticText9"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; left: 24px; top: 240px;
position: absolute" text="Social chat site"/>
<ui:staticText binding="#{Page1.staticText8}" id="staticText8"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; left: 24px; top: 192px;
position: absolute" text="Share news"/>
<ui:staticText binding="#{Page1.staticText10}" id="staticText10"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; left: 24px; top: 144px;
position: absolute" text="Share games"/>
<ui:staticText binding="#{Page1.staticText14}" id="staticText14"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; left: 24px; top: 96px;
position: absolute" text="Play games"/>
<ui:staticText binding="#{Page1.staticText15}" id="staticText15"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; left: 24px; top: 288px;
position: absolute" text="Re-unite with friends & family"/>
<ui:image binding="#{Page1.image20}" id="image20" style="left: 144px; top: 48px;
position: absolute" url="/resources/22anim.gif"/>
<ui:image binding="#{Page1.image21}" id="image21" style="left: 384px; top: 0px; position:
absolute" url="/resources/33anim.gif"/>
<ui:image binding="#{Page1.image22}" height="150" id="image22" style="left: 288px; top:
144px; position: absolute"
url="/resources/1anim.gif" width="200"/>
<ui:passwordField binding="#{Page1.passwordlogin}" id="passwordlogin"
label="Password:" required="true" style="left: 600px; top: 240px; position: absolute;
width: 168px"/>
<ui:textField binding="#{Page1.emaillogin}" id="emaillogin" label="E-mail: "
required="true" style="left: 600px; top: 192px; position: absolute; width: 166px"/>
<ui:label binding="#{Page1.label10}" id="label10"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; left: 624px; top: 144px;
position: absolute" text="Login"/>
<ui:button binding="#{Page1.loginbutton}" id="loginbutton" imageURL="/resources
/login3.png"
style="height: 28px; left: 624px; top: 288px; position: absolute; width: 71px"
text="Button"/>
</ui:panelLayout>
</ui:tab>


<ui:tab binding="#{Page1.profilemain}" id="profilemain"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 14px; height: 24px; width: 102px" text="Profile">
<ui:tab binding="#{Page1.profile}" id="profile" style="font-weight: bold; width: 71px"
text="Profile">
<ui:panelLayout binding="#{Page1.layoutPanel4}" id="layoutPanel4" style="width: 100%;">
<ui:image binding="#{Page1.image4}" height="264" id="image4" style="left: 168px; top:
48px; position: absolute"
url="/resources/wet-hen2e.jpg" width="216"/>
<ui:staticText binding="#{Page1.staticText2}" id="staticText2"
style="font-weight: bold; left: 432px; top: 72px; position: absolute" text="Sex:"/>
<ui:staticText binding="#{Page1.staticText3}" id="staticText3"
style="font-weight: bold; left: 432px; top: 96px; position: absolute" text="Birthday:"/>
<ui:staticText binding="#{Page1.staticText1}" id="staticText1"
style="font-weight: bold; left: 432px; top: 120px; position: absolute" text="About
me:"/>
<ui:label binding="#{Page1.label1}" id="label1"
style="font-family: 'Arial','Helvetica',sans-serif; font-size: 36px; font-style: normal;
font-weight: bolder; left: 240px; top: 0px; position: absolute; width: 310px" text="Piet
Poggenpoel"/>
</ui:panelLayout>
</ui:tab>
<ui:tab binding="#{Page1.changeProfile}" id="changeProfile" style="font-weight: bold"
text="Change Profile">
<ui:panelLayout binding="#{Page1.layoutPanel6}" id="layoutPanel6" style="height: 325px;
width: 100%">
<ui:textField binding="#{Page1.nameprofile}" id="nameprofile" label="Name: "
style="left: 48px; top: 24px; position: absolute"/>
<ui:textField binding="#{Page1.surnameprofile}" id="surnameprofile" label="Surname: "
style="left: 48px; top: 48px; position: absolute"/>
<ui:textField binding="#{Page1.emailprofile}" id="emailprofile" label="E-mail: "
style="left: 48px; top: 72px; position: absolute"/>
<ui:passwordField binding="#{Page1.passwordprofile}" id="passwordprofile"
label="Password:" style="left: 48px; top: 96px; position: absolute"/>
<ui:radioButtonGroup binding="#{Page1.sexprofile}" id="sexprofile" items="#
{Page1.sexprofileDefaultOptions.options}"
label="Sex:" style="left: 48px; top: 120px; position: absolute"/>
<ui:textArea binding="#{Page1.aboutmeprofile}" id="aboutmeprofile" label="About me:"
style="left: 48px; top: 168px; position: absolute"/>
<ui:calendar binding="#{Page1.birthdayprofile}" id="birthdayprofile" label="Birthday:"
style="left: 48px; top: 240px; position: absolute"/>
<ui:upload binding="#{Page1.profilepicprofile}" id="profilepicprofile" label="Profile pic:"
style="left: 336px; top: 24px; position: absolute"/>
<ui:staticText binding="#{Page1.staticText4}" id="staticText4" style="left: 336px; top:
96px; position: absolute" text="or choose a temporory pic:"/>
<ui:image binding="#{Page1.image1profile}" height="80" id="image1profile"
style="left: 336px; top: 120px; position: absolute" url="/resources/1816953523e.jpg"
width="72"/>
<ui:image binding="#{Page1.image3profile}" height="80" id="image3profile"
style="left: 528px; top: 120px; position: absolute" url="/resources
/rooster4%20copy.jpg" width="72"/>
<ui:image binding="#{Page1.image4profile}" height="80" id="image4profile"
style="left: 384px; top: 216px; position: absolute" url="/resources/rooster_cartoont.gif"
width="72"/>
<ui:image binding="#{Page1.image2profile}" height="80" id="image2profile"
style="left: 432px; top: 120px; position: absolute" url="/resources/hen-math-brain-
teaserq.jpg" width="72"/>
<ui:image binding="#{Page1.image5profile}" height="80" id="image5profile"
style="left: 480px; top: 216px; position: absolute" url="/resources/wet-hen2e.jpg"
width="72"/>
</ui:panelLayout>
</ui:tab>
</ui:tab>
</ui:form>
</ui:body>
</ui:html>
</ui:page>
</f:view>
</jsp:root>

Can someone please help.