(Web) Resources are any software artifacts that the web application requires for proper rendering, including:
A Resource may be a javascript file, a css file or a graphic file.
Resources can be considered as a library location. Any artifact, such as a composite component or a template that is stored in the resources directory, becomes accessible to the other application components, which can use it to create a resource instance.
All ressources are located in the standard resource folder called “resources”.
Resources must be collected in a standard location, which can be one of the following.
You can use this file structure to package resources in a JAR file bundled in the web application.
JSF implementation looks for a directory named resources, either under META-INF or at the root of the WAR file. Then it looks for a subdirectory called css under the resources directory and then for the specified CSS style sheet under that directory.
Resource identifiers are unique strings that conform to the following format:
[locale-prefix/][library-name/][library-version/]resource-name[/resource-version]
Elements of the resource identifier in brackets ([]) are optional, indicating that only a resource-name, which is usually a file name, is a required element.
<h:outputStylesheet library="css" name="default.css"/>
This tag specifies that the default.css style sheet is in the directory web/resources/css.
<h:graphicImage value="#{resource['images:myImage.gif']}"/>
This tag specifies that the image named myImage.gif is in the directory web/resources/images.