Olá! Thursday, 18 de April de 2019.



Dicas CódigoFonte.net
Monday, 15 de January de 2007

Master Pages: Conceitos e utilização

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.

Clique para ver a imagem em seu tamanho real

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

Clique para ver a imagem em seu tamanho real

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" %> Untitled Page


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...)

Clique para ver a imagem em seu tamanho real

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 para ver a imagem em seu tamanho real

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

Clique para ver a imagem em seu tamanho real

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

Clique para ver a imagem em seu tamanho real

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

Clique para ver a imagem em seu tamanho real

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:

Clique para ver a imagem em seu tamanho real

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

<%@ Master Language="VB" %> Usando Master Page



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

Clique para ver a imagem em seu tamanho real

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:

Clique para ver a imagem em seu tamanho real

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:

Clique para ver a imagem em seu tamanho real

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


Comentários do artigo [Novo comentário]

Nenhum comentário, seja o primeiro a comentar.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010