Não consigo exibir o conteúdo das páginas compostas por um template

Front-end
#1

Pessoal alguém pode me ajudar com esse problema? Não estou conseguindo mostrar o conteúdo das páginas quando estou usando template. Segue os códigos das páginas. Preciso desta ajuda de vocês para poder passar adiante no curso. Obrigado desde já!!!

Componentes Visuais:

<ui:composition template="/WEB-INF/templates/template.xhtml"
				   xmlns="http://www.w3.org/1999/xhtml"
				 xmlns:h="http://java.sun.com/jsf/html"
		 		 xmlns:f="http://java.sun.com/jsf/core"
				xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:define name="porpo-da-pagina">
		<h1>Componentes Visuais</h1>
		
		No JSF2, as telas são definidas em arquivos xhtml. Os componentes visuais que
		constituem as telas são adicionados por meio de tags. A especificação do JSF
		define uma grande quantidade de tags e as classifica em bibliotecas.
		
		As principais bibliotecas de tags do JSF são:
		
		<ul>
			<li>    Core: (http://java.sun.com/jsf/core)</li>
			<li>    HTML: (http://java.sun.com/jsf/html)</li>
			<li>Facelets: (http://java.sun.com/jsf/facelets)</li>
		</ul>
	</ui:define>
</ui:composition>

Templates e Modularização:

<ui:composition template="/WEB-INF/templates/template.xhtml"
				   xmlns="http://www.w3.org/1999/xhtml"
				 xmlns:h="http://java.sun.com/jsf/html"
				 xmlns:f="http://java.sun.com/jsf/core"
				xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:define name="porpo-da-pagina">
		<h1>Templates e Modularização</h1>
		
		A criação de um template é simples. Basta criar um arquivo XHTML e definir o
		posicionamento dos trechos estáticos e dinâmicos. O conteúdo dos trechos
		estáticos também deve ser definido da forma usual dentro do template. Por outro
		lado, o conteúdo dos trechos dinâmicos só será definido nas telas. Para indicar
		o posicionamento dos trechos dinâmicos, devemos utilizar a tag ui:insert.
				
	</ui:define>
</ui:composition>

Navegação:

<ui:composition template="/WEB-INF/templates/template.xhtml"
				   xmlns="http://www.w3.org/1999/xhtml"
				 xmlns:h="http://java.sun.com/jsf/html"
	 			 xmlns:f="http://java.sun.com/jsf/core"
				xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:define name="porpo-da-pagina">
		<h1>Navegação</h1>
		
		Navegar entre as telas de uma aplicação web é preciso. O mecanismo de
		navegação do JSF é bem sofisticado e permite vários tipos de transições entre
		telas. A ideia é muito simples: no clique de um botão ou link, muda-se a tela
		apresentada ao usuário.
				
	</ui:define>
</ui:composition>

Template:

<!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://java.sun.com/jsf/html"
 	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>K19 Treinamentos</title>
</h:head>

<h:body>
	<dir id="header" style="text-align: center;">
		<h1>K19 - Desenvolvimento Web com JSF2 e JPA2</h1>
	</dir>
	
	<h:link value="| Componentes Visuais |" outcome="componentes-visuais"/>
	<h:link value="| Templates e Modularização |" outcome="templates-e-modularizacao"/>
	<h:link value="| Navegação |" outcome="navegacao"/>
	
	<ui:insert name="corpo-da-pagina">

	</ui:insert>
	
	<dir id="footer" style="text-align: center;">
		<hr />
		&copy; 2012 K19. Todos os direitos reservados.
	</dir>
</h:body>
</html>
#2