

<pre>
!!Sorgenti del corso
[{TableOfContents }]

!!Parte 1
!index.html (v1)
%%prettify 
{{{
&lt;?xml version='1.0' encoding='UTF-8' ?&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
 &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;
      xmlns:h=&quot;http://java.sun.com/jsf/html&quot;&gt;
    &lt;h:head&gt;
        &lt;title&gt;Pagina Iniziale&lt;/title&gt;
    &lt;/h:head&gt;
    &lt;h:body&gt;
        &lt;h:form&gt;
            &lt;h:commandButton action=&quot;views/list&quot; value=&quot;Entra&quot;/&gt;
        &lt;/h:form&gt;
    &lt;/h:body&gt;
&lt;/html&gt;
}}}
/%

!list.xhtml (v1)
%%prettify 
{{{
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
        &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;

&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;
    xmlns:h=&quot;http://java.sun.com/jsf/html&quot;
   xmlns:ui=&quot;http://java.sun.com/jsf/facelets&quot;&gt;

    &lt;h:head&gt;
        &lt;title&gt;Pagina Iniziale&lt;/title&gt;
    &lt;/h:head&gt;
    &lt;h:body&gt;
        &lt;h1&gt;&lt;h:outputText value=&quot;Hello World&quot;/&gt;&lt;/h1&gt;
    &lt;/h:body&gt;

&lt;/html&gt;
}}}
/%

!!Parte 2
[{Image src='./header_logo.gif'}]


!masterLayout.xhtml (v1)
%%prettify 
{{{
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;
        &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;

&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;
    xmlns:h=&quot;http://java.sun.com/jsf/html&quot;
   xmlns:ui=&quot;http://java.sun.com/jsf/facelets&quot;&gt;

    &lt;h:head&gt;
        &lt;title&gt;Pagina Iniziale&lt;/title&gt;
    &lt;/h:head&gt;
    &lt;h:body&gt;
        &lt;div id=&quot;header&quot;&gt;
            &lt;h:graphicImage library=&quot;images&quot; name=&quot;header_logo.gif&quot;/&gt;
            JSF Sample Application
        &lt;/div&gt;
        &lt;h:form&gt;
            &lt;ui:insert name=&quot;content&quot;/&gt;
        &lt;/h:form&gt;
    &lt;/h:body&gt;

    &lt;h:outputStylesheet library=&quot;css&quot; name=&quot;style.css&quot;/&gt;
&lt;/html&gt;

}}}
/%

!index.xhtml (v2)
%%prettify 
{{{
&lt;ui:composition xmlns:ui=&quot;http://java.sun.com/jsf/facelets&quot;
                xmlns:h=&quot;http://java.sun.com/jsf/html&quot;
                template=&quot;/template/masterLayout.xhtml&quot;&gt;

    &lt;ui:define name=&quot;content&quot;&gt;
        &lt;h:commandButton action=&quot;views/list&quot; value=&quot;Entra&quot;/&gt;
    &lt;/ui:define&gt;

&lt;/ui:composition&gt;
}}}
/%


!list.xhtml (v2)
%%prettify 
{{{
&lt;ui:composition
                xmlns:ui=&quot;http://java.sun.com/jsf/facelets&quot;
                xmlns:h=&quot;http://java.sun.com/jsf/html&quot;
                template=&quot;/template/masterLayout.xhtml&quot;&gt;

    &lt;ui:define name=&quot;content&quot;&gt;
        &lt;h1&gt;
            &lt;h:outputText value=&quot;Hallo World!!!&quot;/&gt;
        &lt;/h1&gt;
    &lt;/ui:define&gt;

&lt;/ui:composition&gt;
}}}
/%


!style.css (v2)
%%prettify 
{{{
/* 
    Document   : style
    Created on : Aug 23, 2010, 3:47:16 PM
    Author     : mauro
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

#header {
    width: 100%;
    
    margin-bottom: 10px;
    border-bottom: 2px solid #999;
    color:#000066;
    font-size: 14px;
    background-color: #bbcccc
}
}}}
/%


</pre>