Conceitos e Exemplo Pr�tico: Master Page

Ol� pessoal, neste artigo veremos os conceitos da MasterPage e faremos um exemplo pr�tico com o uso dela. Acompanhem:

�A Master Page � como o pr�prio nome diz uma p�gina-mestra. Presente desde a vers�o 2.0 do .NET Framework, ela � uma p�gina padr�o, onde criamos uma identidade visual pra ela, adicionando controles e todo tipo de conte�do, como numa p�gina aspx comum. A diferença � que podemos usar a herança visual, criada na Master Page, e replic�-la nas p�ginas que ir�o utilizar-se dela.

�A grosso modo, seria o esqueleto do seu site, por exemplo, pensando apenas nas partes fixas que n�o sofrer�o muitas alteraç�es ao longo do projeto.

�Nela, posso definir um layout padr�o para que seja reaproveitado em todas as p�ginas de meu projeto. Assim, se eu precisar alterar algo no layout, s� altero uma �nica vez, aumentando assim o desempenho e melhorando a manutenibilidade (manutenç�o) do projeto como um todo.

�A novidade (n�o t�o nova assim) � que a partir da vers�o 2008 do Visual Studio podemos encadear Master Pages, criando assim uma dentro da outra.

�Vamos ent�o ao exemplo pr�tico. Crie uma Web Application, dando a ela o nome de ExemploMasterPage e clique em OK.

�V� � Solution Explorer, clique em Add > New Item, em Categories escolha Web, em Templates clique na Master Page, d� o nome Exemplo.Master e clique em OK.

�Veja abaixo o c�digo aspx gerado ap�s a criaç�o da Master Page e note que ele gera um controle chamado ContentPlaceHolder:


 <div>
 ������� <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">������� 
 ������� </asp:ContentPlaceHolder>
 ��� </div>

� nesse ContentPlaceHolder que ser� armazenado o conte�do din�mico de nosso projeto. Pensando num website, podemos adicionar um ContentPlaceHolder para o conte�do de nosso site enquanto as partes que n�o estiverem dentro desse controle ser�o fixas (destinado ao cabeçalho e ao rodap�, por exemplo), n�o temos o retrabalho de alterar cada novo detalhe em cada p�gina do projeto.

Coloque alguns textos fora do ContentPlaceHolder, que como j� disse, ser�o fixas. O aspx de sua Master Page dever� ficar da seguinte forma:


 <div>
 ������� <h2>
 ����������� Teste com Master Page 1.0</h2>
 ������� <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
 ������� </asp:ContentPlaceHolder>
 ������� <h4>
 ����������� 2010 - Alguns direitos reservados.</h4>
 ��� </div>

�V� na Solution Explorer, apague a Default.aspx, gerada automaticamente pelo VS, clique em Add > New Item, em Categories escolha Web, em Templates clique no Web Content Form, nomeie para Default.aspx e clique em OK. Ir� aparecer a tela pra escolher sua Master Page, selecione a que criamos anteriormente e clique em OK. V� ao modo Design e perceba a �rea cinza, que definimos os textos na MasterPage, n�o � edit�vel:

Portanto na aspx temos dois ContentPlaceHolder, um que � o head, fixo da MasterPage e outro que ser� o edit�vel. Insira algum conte�do e aperte F5 para compilar a aplicaç�o:

�Assim podemos concluir que o uso da MasterPage � praticamente obrigat�rio em projetos que tem muitas p�ginas e que muito do layout pode se repetir, como sites institucionais, portais de not�cias ou at� lojas de e-commerce.

�Assim finalizo o artigo. Muito obrigado a todos!

�Um abraço, e at� o pr�ximo artigo.

�Wellington Balbo de Camargo

�wellingtonbalbo@gmail.com

Conceitos e Exemplo Pr�tico: Master Page

Veja neste artigo os conceitos da MasterPage e faremos um exemplo prático com o uso dela

Artigos relacionados