Master Page
Monografias: Master Page. Pesquise 860.000+ trabalhos acadêmicosPor: leandrolls • 11/4/2014 • 951 Palavras (4 Páginas) • 397 Visualizações
O recurso de Master Pages, sem nenhuma dúvida é uma facilidade que todo desenvolvedor sonhava em ter nos projetos. Com uma Master Page você consegue desenvolver uma página padrão que será utilizada em todo o site, ou seja, é como se fosse uma página default contendo menus, cabeçalhos e rodapés. Qualquer outra página criada, pode herdar a Master Page, o qual você poderá apenas utilizar a área que não seja a da Master Page. Como isto é feito em tempo de execução, você adotar qualque tipo de manutenção na página, e em tempo de execução é que o .NET monta as duas páginas em apenas uma.
A grande vantagem nisto é que você não terá que dar manutenção em diversas páginas ou User Controls, uma vez criada ou alterada a Master Page, todas as mudanças são enxergadas imediatamente nas demais páginas que a utilizam.
Abra o Visual Studio .NET 2005, selecione o menu File / New / Web Site e crie um novo projeto com as seguintes características:
Clique em OK para criar o projeto. Abra o Solution Explorer, clique com o botão direito sobre a solução e selecione Add New Item. Deixe o nome do arquivo como MasterPage.master e certifique-se de selecionar o checkbox "Place code in separate file". Clique em Add.
Cc580600.MasterPagesASPNET02(pt-br,MSDN.10).jpg
Veja como é montada uma Master Page. Contém um ou vários controles ContentPlaceHolder, o qual é o local onde você poderá inserir qualquer controle para as demais páginas. Lembre-se que isto será montado em tempo de execução.
Cc580600.MasterPagesASPNET03(pt-br,MSDN.10).jpg
Veja o conteúdo HTML desta página. Note que existe a diretiva @Master, que o head roda no servidor e que o body contém o <div> com o namespace asp:contentplaceholder.
<%@ Master Language="VB" CodeFile="MasterPage.master.vb" AutoEventWireup="false" Inherits="MasterPage_master" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</div>
</form>
</body>
</html>
No layout, adicione um parágrafo (Shift+ CTRL) antes do placeHolder, selecione o menu Layout / Insert Table, o Template Header and side e clique em OK. Aqui vale uma observação sobre a criação de tabelas no ASP.NET 2.0. Criar e ajustar as configurações de uma tabela ficou extremamente fácil e rápido, pois esta nova interface de tabelas permite uma produtividade como nunca visto anteriormente nas versões.
Cc580600.MasterPagesASPNET04(pt-br,MSDN.10).jpg
Mova o ContentPlaceHolder para área central da tabela, inclua uma imagem (logotipo da empresa) na parte superior da tabela e formate com algumas cores de acordo a sua necessidade. É válido dizer que você pode arrastar quantos ContentPlaceHolders forem precisos para a página Master.
Para inserir a figura, vamos à algumas facilidades do ASP.NET 2.0. No Solution Explorer, crie um novo Folder chamado Images. Abra o Windows Explorer na pasta que contém as imagens a serem adicionadas ao projeto. Agora, basta arrastar as imagens para a pasta Images no VS.NET 2005. Pronto, nunca foi tão fácil, é apenas um drag and drop!!!
Cc580600.MasterPagesASPNET05(pt-br,MSDN.10).jpg
Em seguida arraste a figura do Solution Explorer para o cabeçalho da tabela e adicione um texto no ContentPlaceHolder. Na parte esquerda da tabela, arraste um TreeView, o qual contém algumas opções para ilustrar o uso (mas isto é tópico para outro artigo).
Cc580600.MasterPagesASPNET06(pt-br,MSDN.10).jpg
Uma vez definida a estrutura da Master Page, adicione um novo Item (Add New Item) no Solution Explorer, sendo um Web Form chamado FilhodaMaster.aspx. Certifique-se de deixar selecionado o checkbox "Select master page". Clique em Add.
Cc580600.MasterPagesASPNET07(pt-br,MSDN.10).jpg
Selecione a página MasterPage.master e clique em ok.
Cc580600.MasterPagesASPNET08(pt-br,MSDN.10).jpg
Note que a região correspondente à Master Page aparece com uma cor cinzenta, demonstrando que você não tem acesso a esta região, restando apenas o Controle Content
...