Por que aparece o campo sem #{OlaMUndo.nome}?

Front-end
#1

Olá,

estou aprendendo a fazer um exemplo de página welcomeJSF.jsp mais a tela
não está correta conforme abaixo.

O que pode ser que não está saindo ok …

abs

-- pagina no navegador por que aparece no campo  #{OlaMUndo.nome}
JavaServer Faces
 Nome  #{OlaMUndo.nome}

--welcomeJSF.jsp

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <f:view>
            <h1><h:outputText value="JavaServer Faces" /></h1>
            <h:form>
                 <h:outputText id="inputText" value="Nome" />
                 <h:inputText size="50" maxlength="50"  value="#{olaMundo.nome}"  />   
                 
                 <h:commandButton  value="Chamar metodo no MB" action="#{olaMundo.mostrarNome}"/>
                 
                 <h:messages/>
            </h:form>
                
        </f:view>
      
    </body>
</html>


---

package olamundo;

import java.util.Date;

import javax.faces.application.FacesMessage;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.event.ValueChangeEvent;
import javax.faces.validator.ValidatorException;

/**
 *
 * @author turma1
 */
public class OlaMundo {
    
    private String nome ="";
    
    private Date dataNascimento;
    
    
    
    /** Creates a new instance of OlaMundo */
    public OlaMundo() {
    }
    
    public OlaMundo(String nome ,Date dataNascimento) {
    	this.nome = nome;
    	this.dataNascimento=dataNascimento;
    }
    
    public String getNome(){
        return nome;
    }
    public void setNome(String nome){
        this.nome = nome;
    }
    
    public String mostrarNome() {
        System.out.println("** Nome = "+nome);
        return "resultado";
    }
   
        
    public void validaNome(FacesContext arg0,UIComponent arg1,Object arg2) throws ValidatorException{
   
        String outroNome = (String) arg2;
        if (outroNome.length()<4){
            throw new ValidatorException(
                    new FacesMessage("Erro no tamanho do nome !!!")
                    );
        }
    }
    
    public void metodoEvento(ValueChangeEvent evento){
        System.out.println("Evento"+evento);
    }

    public Date getDataNascimento() {
        return dataNascimento;
    }

    public void setDataNascimento(Date dataNascimento) {
        this.dataNascimento = dataNascimento;
    }
    
    
}    
----
<!-- =========== FULL CONFIGURATION FILE ================================== -->

<faces-config>
    <managed-bean>
        <managed-bean-name>olaMundo</managed-bean-name>
        <managed-bean-class>olamundo.OlaMundo</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    
    
    <navigation-rule>
        
        <from-view-id>/welcomeJSF.jsp</from-view-id>
        <navigation-case>
            <description>PrimeiraTela</description>
            <from-outcome>resultado</from-outcome>
            <to-view-id>/resultado.jsp</to-view-id>
        </navigation-case>
        
    </navigation-rule>
  
</faces-config>
----
index.jsp
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%--
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library... action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
--%>
<%--
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>

    <h1>JSP Page</h1>
    <br/>
    <a >JavaServer Faces Welcome Page</a>
    
    &lt;%--
    This example uses JSTL, uncomment the taglib directive above.
    To test, display the page like this: index.jsp?sayHello=true&name=Murphy
    --%&gt;
    &lt;%--
    &lt;c:if test=&quot;${param.sayHello}&quot;&gt;
        &lt;!-- Let's welcome the user ${param.name} --&gt;
        Hello ${param.name}!
    &lt;/c:if&gt;
    --%&gt;
    
    &lt;/body&gt;
&lt;/html&gt;

-----

&lt;%@page contentType="text/html"%&gt;
&lt;%@page pageEncoding="UTF-8"%&gt;
&lt;%--
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library... action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
--%&gt;
&lt;%--
&lt;%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%&gt; 
--%&gt;

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"&gt;

   
&lt;html&gt;
    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
        &lt;title&gt;JSP Page&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;

    &lt;h1&gt;Resultado&lt;/h1&gt;
    
    &lt;f:view&gt;
       <a >Index</a>
        
    &lt;/f:view&gt;
    &lt;/body&gt;
&lt;/html&gt;
#2