insertion de code HTML dans une JSF

Bonjour;

J'ai d'une part une page JSF raide sans design ni rien mais qui contient du traitement dans son bean.

Par contre j'ai du code HTML avec un bon design mais sans aucun traitement.

Comment pourrais-je adapter ce design à mes pages JSF.

En voici un exemple de ces JSF pour être plus clair:

===================>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Document   : Page1
    Created on : 14 juil. 2009, 20:22:54
    Author     : lhabib
-->
<jsp:root version="2.1" 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:webuijsf="http://www.sun.com/webui/webuijsf">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <webuijsf:page id="page1">
            <webuijsf:html id="html1">
                <webuijsf:head id="head1">
                    <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
                </webuijsf:head>
                <webuijsf:body id="body1" style="-rave-layout: grid">
                    <webuijsf:form id="form1">
                        <webuijsf:textField binding="#{Authentification.textField1}" id="textField1" style="position: absolute; left: 312px; top: 96px"/>
                        <webuijsf:textField binding="#{Authentification.textField2}" id="textField2" style="left: 312px; top: 144px; position: absolute"/>
                        <webuijsf:label id="label1" style="position: absolute; left: 168px; top: 96px" text="e-mail CBI"/>
                        <webuijsf:label id="label2" style="position: absolute; left: 168px; top: 144px" text="Matricule"/>
                        <webuijsf:button actionExpression="#{Authentification.button1_action}" id="button1" style="left: 527px; top: 144px; position: absolute" text="Soumettre"/>
                        <webuijsf:label binding="#{Authentification.label3}" id="label3" style="position: absolute; left: 360px; top: 240px"/>
                    </webuijsf:form>
                </webuijsf:body>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
</jsp:root>