Dúvida com web Netbeans

Front-end
#1

Bom pessoal, eu estou praticando java web agora… mais eu estou com a seguinte dúvida.

O netbeans deixa todas minha .xhtml na (WEB-INF). Até ai ok.

Agora, se eu precisar puxar alguma classe ou imagem das minhas (Source Packages) eu não consigo… Eu estou praticando usando o sistema do PrimeFaces e, acredito que seja um erro bem básico, mais que eu não achei.

Minha index.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>WebKelvin</title>
    </h:head>
    <h:body>

<h:form id="form">  
    <h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="login">     
        <p:graphicImage value="logo.png" />  
    </h:outputLink>  
  
    <p:growl id="growl" showDetail="true" life="3000" />  
  
    <p:dialog id="dialog" header="Login" widgetVar="dlg" resizable="false">  
  
        <h:panelGrid columns="2" cellpadding="5">  
            <h:outputLabel for="username" value="Username:" />  
            <p:inputText value="#{loginBean.username}"   
                    id="username" required="true" label="username" />  
              
            <h:outputLabel for="password" value="Password:" />  
            <h:inputSecret value="#{loginBean.password}"   
                    id="password" required="true" label="password" />  
              
            <f:facet name="footer">  
                <p:commandButton id="loginButton" value="Login" update="growl"   
                    actionListener="#{loginBean.login}"   
                    oncomplete="handleLoginRequest(xhr, status, args)"/>  
            </f:facet>  
        </h:panelGrid>  
          
    </p:dialog>  
</h:form>  
  
<script type="text/javascript">  
    function handleLoginRequest(xhr, status, args) {  
        if(args.validationFailed || !args.loggedIn) {  
            dlg.jq.effect("shake", { times:5 }, 100);  
        }   
        else {  
            dlg.hide();  
            $('#loginLink').fadeOut();  
        }  
    }  
</script>  
        
    </h:body>
</html>

Os que conhecem e usam a PrimeFaces ja devem ter notado que isto é um exemplo do sistema de login deles.

Ali no início do códiga está assim:

    <h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="login">     
        <p:graphicImage value="logo.png" />  
    </h:outputLink>

Mais o original do site para testes é este:

    <h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="login">     
        <p:graphicImage value="/images/login.png" />  
    </h:outputLink>

Só que ele não acha nada que está nas (Source Packages)… nem a classe LoginBean.java que é usada para verificar se o login está correto.
Alguem ae pode dar esta força? Vlw

#2

Revendo meu projeto, percebi que esqueci de adicionar o

@ManagedBean

Para fazer a comunicação com a página… mais como fica com as fotos que a págica não está conseguindo buscar?, tem que adicionar alguma tag nela também, para conseguir fazer a comunicação?

#3

Alguem consegue matar esta minha duvida? Não estou conseguindo utilizar as imagens que ficam em outro package…

#4