34- . Aplicaciones web.MasterPage
- En este capítulo del curso de programación en c# con visual studio 2017 vamos a ver como crear una página maestra para un sitio web.Las páginas maestras de ASP.NET permiten crear un diseño común para las páginas de la aplicación. Puede definir el aspecto, el diseño y el comportamiento estándar que desea que tengan todas las páginas (o un grupo de páginas) de la aplicación en una sola página maestra.- La página maestra define la apariencia de las páginas del sitio. Puede contener cualquier combinación de texto estático y controles. Una página maestra también contiene marcadores de posición de contenido que indican dónde aparecerá el contenido dinámico cuando se muestren las páginas.
- Video con el ejemplo:
-Información complemetaria:
https://msdn.microsoft.com/es-es/library/ehszf8ax(v=vs.100).aspx
- Os dejo el código del ejemplo de la página maestra:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Master.master.cs" Inherits="GestionVarios.Master" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<link href="estilos.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div class="estiloCentrado">
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1000" align="right" valign="middle" style="height: 40px;">
<img alt="" class="auto-style1" src="imagenes/cabecera.jpg" /></td>
</tr>
</table>
</div>
<div class="estiloCentrado">
<a href="Default.aspx" class="linkbotonera">Inicio sesion</a>
<a href="AltaUsuario.aspx" class="linkbotonera">Alta usuario</a>
</div>
<div class="estiloCentrado" style="background-color:cornflowerblue">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="estiloCentrado">
<table width="1012" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px;">
<tr>
<td align="center" valign="top" style="height: 35px;">
PIE DE PÁGINA
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
No hay comentarios:
Publicar un comentario