Deve ser fácil modificar a navegação de um site de uma maneira não intrusiva
Permite que diversas páginas tenham uma aparância consistente
Login aparecendo em quase todas as páginas
Fonte: http://www.asp.net/learn/master-pages/tutorial-01-cs.aspx
Define uma região da MasterPage que pode ser substituída por conteúdo da página associada
A propriedade MasterPageFile liga a Content Page com a Master Page
void Page_PreInit(Object sender, EventArgs e)
{
this.MasterPageFile = "~/NewMaster.master";
}
<scripttype="text/javascript"> function pageLoad(){// Master pageLoad() code. // If function contentPageLoad exists, execute it. if(typeof contentPageLoad == 'function') contentPageLoad(); }
Verificado em 22/09/2008.
Alterar a MasterPage, gerando a aparência comum
body {
font-family: Verdana;
}
#cabecalho {
border: 1px black solid;
background-color: black;
color: White;
height: 100px;
line-height: 100px;
font-size: x-large;
text-align: right;
margin: 10px;
}
#migalhas {
border: 1px black solid;
background-color: #eee;
margin: 10px;
}
#lateralA {
float:left;
width: 250px;
border: 1px black solid;
background-color: #ccc;
margin: 10px;
}
#lateralB {
float: right;
width: 150px;
border: 1px black solid;
background-color: #ccc;
margin: 10px;
}
#conteudo {
margin-top: 20px;
margin-left: 270px;
margin-right: 170px;
border: 1px black solid;
background-color: #eee;
}
#rodape {
clear: both;
border: 1px black solid;
font-size: x-small;
margin: 10px;
}
<%@ Master Language="C#"
AutoEventWireup="true"
CodeFile="MasterPage.master.cs"
Inherits="MasterPage" %>
<!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">
<head runat="server">
<title>Untitled Page</title>
<link rel="Stylesheet" href="estilos.css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div id="cabecalho"><h1>Minha Loja</h1>
</div>
<div id="migalhas">
<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
</div>
<div id="lateralA">
<asp:ContentPlaceHolder id="ContentPlaceLogin" runat="server">
<asp:login runat="server">
</asp:login>
</asp:ContentPlaceHolder>
<asp:TreeView ID="TreeView1" runat="server">
</asp:TreeView>
</div>
<div id="lateralB">
<asp:ContentPlaceHolder id="ContentPlaceLateralB" runat="server">
Coloque aqui as principais promoções de sua loja!
Que tal cada cliente visualizar um conjunto diferente de produtos?
</asp:ContentPlaceHolder>
<br />
</div>
<div id="conteudo">
<asp:ContentPlaceHolder id="ContentPlaceCorpo" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="rodape"><h6>Jamanta - 2008</h6></div>
</form>
</body>
</html>