Microsoft Expression Web: páginas maestras

En este capítulo, aprenderemos sobre las páginas maestras de ASP.NET. Cuando creamos una página maestra, podemos diseñarla, aplicar estilos y agregar controles ASP.NET de la misma manera que en otras páginas de Microsoft Expression Web. El diseño y el contenido que creamos en una página maestra se aplican a las páginas adjuntas a la página maestra. Es un concepto similar aDynamic Web Template.

Las plantillas web dinámicas le permiten aplicar una apariencia común a todas las páginas de su sitio web. Como las Plantillas Web Dinámicas se aplican en las páginas a las que están adjuntas en el momento del diseño, la aplicación de cambios a todas las páginas de un sitio puede provocar un retraso mientras el HTML se actualiza en todas las páginas.

Si el servidor ejecuta ASP.NET, las páginas maestras de ASP.NET permiten una funcionalidad similar al definir las áreas editables en la plantilla. Sin embargo, la aplicación de la plantilla al contenido personalizado de las páginas se realiza de forma dinámica en tiempo de ejecución.

Ejemplo

Echemos un vistazo a un ejemplo simple en el que crearemos una página maestra usando una plantilla CSS y usaremos esta página maestra para crear otras páginas.

Step 1 - Abra el index.html página en la que hemos definido diferentes secciones utilizando la hoja de estilo CSS.

Step 2 - Desde el File menú, ir a New → Page y verá el cuadro de diálogo Nueva página.

Step 3 - En el panel izquierdo, seleccione ASP.NET y en la lista del medio, seleccione Página maestra y haga clic en el botón Aceptar.

Step 4 - La pantalla anterior producirá una ventana emergente llamada Untitled1.master. Guarde esta página y asígnele un nombredefault.master.

Step 5- Queremos integrar nuestro diseño en la página maestra que se compartirá en todo nuestro sitio. Así que copiemos el código del contenido que le gustaría tener en cada página del código index.html y peguemos el código en la página default.master.

Step 6- Ahora tenemos un diseño que nos gustaría usar en cada página del sitio. Sin embargo, si comenzáramos a crear las páginas de contenido ahora, no podríamos ingresar ningún contenido en este diseño. Por lo tanto, necesitamos crearASPX contentpáginas de la página maestra. Para hacer esto, tenemos que agregar elcontent region también para que podamos agregar contenido a las páginas especificadas.

En la vista de diseño, haga clic con el botón derecho donde desee el contenido de sus páginas. Digamos que queremos agregar contenido en la sección de contenido principal y luego hacer clic en elManage Microsoft ASP.NET Content Regions…

Step 7 - En el asistente Administrar regiones de contenido, ingrese el Region Name y haga clic en Close.

Step 8- Como se puede ver en la siguiente captura de pantalla, Content PlaceHolder se agrega en la sección de contenido principal. Ahora tenemos que agregar la página web ASPX.

Step 9 - Vaya al menú Archivo y seleccione New → Create from Master Page…

Step 10 - Vaya a la página predeterminada.master y haga clic en Aceptar.

Step 11 - Ahora, se crea una nueva página ASPX y todos los estilos de diseño se aplican desde la página maestra.

Agrega algo de texto en la sección principal.

Step 12 - Guarda esta página y llámala mypage.aspx y luego obtenga una vista previa en un navegador.