Adicionar a Meu favorito

Monday, 15 de January de 2007

Outra grande novidade do ASP.NET 2.0 é o recurso chamado Master Pages. Usando Master Pages é possível criar uma página padrão que poderá ser utilizada por você em todo o seu site na web. Usando herança visual podemos definir um página, a Master Pages, como modelo, e as demais páginas criadas podem herdar a aparência visual da Master Page.

Pode parecer simples mas facilita muito o trabalho de desenvolvimento e manutenção pois qualquer alteração feita na Master Pages se reflete nas demais páginas que herdaram seu comportamento.

Para criar uma Master Page você pode usar o Visual Studio, o Visual Web Developer 2005 (VWD) ou mesmo fazer a declaração na diretiva da página via código. Pode também fazer a definição no arquivo Web.config de forma que todas as páginas já tenham uma Master Page definida.

Para mostrar como usar este recurso eu vou usar o VWD

Abra o VWD e crie um novo Web Site no Menu File -> New Web Site. A seguir clique com o botão direito na solução e selecione a opção Add New Item. Na janela Add New Item selecione o template Master Page e clique em Add.



Será incluída no seu projeto uma nova página com a extensão .master chamada MaterPage.master que tem a seguinte aparência:



Se dermos uma espiada no código que foi gerado quando da inclusão da página iremos ver o seguinte código:

<%@ Master Language="VB" %>

Observe a diretiva @Master e o namespace asp:contentplaceholder definindo um controle ContentPlaceHolder1; é neste local que você irá incluir o conteúdo do seu WebForm e os controles para as demais páginas.

Digite um texto como o mostrado abaixo na Master Page com um linha horizontal. (fique a vontade...)



A seguir Clique com o botão direito na solução e escolha a opção Add New Item. Inclua um novo Web Form no seu projeto, fornecendo um nome adequado, e, marcando a opção Select Master Page conforme figura abaixo:



Clique no botão Add e a janela Select Master Page irá surgir. Selecione a Master Page e clique em OK.



Na página que acabou de incluir no projeto e que agora herda da Master Page, insira algum conteúdo conforme abaixo:



Executando o projeto teremos a exibição da pagina1.aspx conforme figura abaixo:



Se olharmos o código da página pagina1.aspx iremos notar a diretiva MasterPageFile que indica qual o arquivo foi usado como Master Page.

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" Title="Pagina 1" %>

Vamos criar um projeto mais útil . para isto vamos criar uma Master Page chamada Principal.master e duas páginas filhas chamadas apenas de pagina1.aspx e pagina2.aspx.

A Master Page terá a seguinte aparência:



O código gerado para esta Master Page chamada Principal.master é o seguinte :

<%@ Master Language="VB" %>

Super CD Visual Basic | Super CD .NET

A aparência da página - pagina1.aspx - é exibida abaixo:



E o seu código é dado a seguir:

<%@ Page Language="VB" MasterPageFile="Principal.master" Title="Super CD Visual Basic" %> Super CD Visual Basic  - Tudo sobre Visual Basic

A página - pagina2.aspx - tem o seguinte layout:



Já o seu código é o seguinte:

<%@ Page Language="VB" MasterPageFile="~/Principal.master" Title="Super CD .NET" %> Super CD .NET  -   A sua porta de entrada para a plataforma .NET

Agora já podemos executar o projeto no IIS ou no servidor o VWD e obteremos o resultado abaixo:



Conforme clicamos nos links das páginas filhas temos a mensagem e as imagens pertinentes carregadas na Master Page conforme mostra a figura acima.

Lembrando mais uma vez que você poderia fazer toda esta configuração usando um editor de textos qualquer o obteria o mesmo resultado.

Por José Carlos Macoratti - www.macoratti.net

Outros artigos

Assine o Feed desta categoria

• O Calculando o CheckSum para um arquivo em VB.NET - 04/01/2007
• Trabalhando com Threads em formulários Windows - 30/12/2006
• VB 2005 - Compactando e descompactando arquivos - 28/12/2006
• ASP.NET 2.0 - Criando Web Services - 27/12/2006
• Ver mais...

Comentários do artigo [Novo comentário]