Manual Básico Stylos en JSF y algo más.

1. Los estilos si ya los tenemos creados podemos aprovecharlos llamándolos en las páginas
xhtml de nuestro proyecto, así mismo las validaciones por java script, a continuación
muestro una opción para la estructura.

Ahora si para cargar mis estilos en la página es muy sencillo, agrego la página al proyecto aunque es
redundante pero este manual es echo para personas principiantes.

Manual sujeto a modificaciones y cambios. Realizado y Elaborado por Ivan Murcia.

1
Como agregar una pagina

1. clic derecho en el proyecto, escogemos la opción new JSF PAGE , en esta ventana que se
abre indicaremos el nombre de la página y la carpeta o ubicación donde queremos que se
guarde, así mismo indicaremos si dejamos la opción de Facelets o JSP, para nuestro caso
dejaremos la opción que vienen predeterminadas y daremos clic en finish.

Esto nos creara una página con la siguiente estructura.

Esta estructura es la que empezaremos a modificar de acuerdo a las necesidades de nuestro

proyecto.
Agregaremos estas opciones para que nuestro proyecto tenga opciones que utilizaremos
para adecuar la página.

Manual sujeto a modificaciones y cambios. Realizado y Elaborado por Ivan Murcia.

2
 tPor ejemplo xmlns:p=http://primefaces.org/ui esto servirá para que la pagina reconosca
el primefaces, xmlns:pl=http://xmlns.jcp.org/jsf/passthrough servirá para tomar algunas
opciones como el placeholder entre otras en caso que su formulario o pagina no cargue bien
con el primefaces a mi me paso y los demás los agregue investigando un poco por internet.

2. En el encabezado de la página llamaremos los estilos, el favicon y los js si queremos o los

dejamos al final de la página.

Usando las etiquetas outputStylesheet llamamos a los estilos css y con su propiedad librari
indicamos el nombre de la carpeta donde están ubicados dichos estilos y con name el
nombre del archivo que los contiene, con outputScript hacemos lo mismo para llamar un
archivo javascript.
3. Copie y pegue lo que requiera de la página que ya tenía diseñada en html5 y tenga en cuenta
que debe cambiar algunas cosas como cerrar todas las etiquetas, agregarles a algunas <h:…
o <p:… dependiendo como sea su caso.

Como agregar librerías al proyecto

Básicamente hay varias formas de hacerlo pero le aconsejamos que utilice la que ud prefiera, pero
por si no las conoce le daremos una opción.

1. En netbeans, tools – library, en la venta que se abre daremos clic en el botón nueva librería

Manual sujeto a modificaciones y cambios. Realizado y Elaborado por Ivan Murcia.

3
 Allí daremos el nombre a la librería y damos clic en aceptar o en ok.

En la venta que nos ubica daremos clic en add JAR/Folder… allí ubicaremos la ruta del
archivo jar o carpeta rar donde tenemos ubicada la librería, esto lo haremos en la pestaña
Classpath, en la pestaña Sources agregaremos los sourcer.jar que tenga la librería si los tiene
e igualmente lo haremos en la pestaña javadoc
Damos clic en ok y listo tenemos agregada la librería a nuestro netbeans y podremos usarla
para cualquier proyecto que vaya a implementar.
A bueno obviamente al proyecto agregamos la librería que acabamos de crear en la carpeta
libraries.

Manual sujeto a modificaciones y cambios. Realizado y Elaborado por Ivan Murcia.

4
 Opción 2

Dentro del proyecto cree una carpeta recursos y guarde allí las librerías o archivos .jar que
requiera tener en su proyecto, de clic derecho en la carpeta libraries escoja la opción Add
Library o Add JAR/Folder ubique la ruta donde tiene el archivo jar y de clic en aceptar.

Manual sujeto a modificaciones y cambios. Realizado y Elaborado por Ivan Murcia.