Haremos un facelet que despliegue la página de inicio de un sistema, como se muestra en la siguiente figura. Cada que se hace un facelet en NetBeans, se incluyen automáticamente las librerías JSF para trabajar con HTML.

Modificaremos el código de la página index.xhtml. Nótese que el nómbre de la página: "Página de inicio" se despliega en la pestaña.

Para que se despliegue la imagen agregamos una nueva carpeta que llamaremos "images". La imagen debe estar en /NetBeansProjects/ProyectoJSF_1/web/images.

Para desplegar una imagen utilizaremos la etiqueta:

h:graphicImage url = " path donde se encuentra la imagen "

Cuando se comienza una ruta con la diagonal: "/", significa que la primera parte de la ruta será la necesaria para llegar a la carpeta "Web Pages" del proyecto JSF.

El código de la página de la figura anterior es el siguiente:

Los botones "Aceptar" y "Registrarse" ejecutan dos acciones diferentes. Con "Aceptar" se transfiere el control al método aceptar() del Bean login, mientras que con "Registrarse" el control pasa al método registrarUsuario() del mismo Bean login.