Latest web development tutorials

Disposición páginas Web ASP.NET

Por las páginas Web, crear un diseño coherente del sitio es una cosa muy fácil de hacer.


apariencia consistente

En Internet, lo encontrará sobre el sitio de tener una apariencia uniforme en:

  • Cada página tiene la misma cabeza
  • Cada página tiene la misma base de
  • Cada página tiene el mismo estilo y el diseño

Por las páginas Web, que son capaces de hacerlo de manera muy eficiente. Puede volver a utilizar bloques de contenido (por ejemplo, la cabeza y la parte inferior de la página) escrito en un archivo separado.

También puede utilizar la plantilla de diseño (archivos de diseño) a todas las páginas del sitio consistente con la definición del trazado.


Bloques de contenido (contenido de bloque)

Muchos sitios tienen algunos de los contenidos se van a mostrar (como encabezado y pie de página) en cada página en el sitio.

Por las páginas Web, puede utilizar el método@RenderPage () para importar contenido desde diferentes archivos.

bloque de contenido (desde otro archivo) en cualquier parte de una página web puede ser importado. bloque de contenido puede contener texto, marcado y el código, al igual que cualquier web ordinaria mismo.

Será escrito en un archivo de encabezado y pie de página común separada, que le ayudará a ahorrar un montón de trabajo. Usted no tiene que escribir el mismo contenido en cada página, cuando el contenido cambia, sólo tiene que cambiar la cabeza o la parte inferior del archivo, se puede ver el sitio del contenido de cada página han sido actualizados.

El código siguiente muestra cómo se presenta:

Ejemplos

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

Instancia en ejecución »


Diseño de página (diseño de página)

En la sección anterior, se ve, y quiere mostrar el mismo contenido es muy fácil en varias páginas.

Otra forma de crear un aspecto coherente es usar un diseño de página. Un diseño de página contiene una estructura en la página, en lugar de los contenidos. Cuando una página Web (páginas de contenido) Enlace al diseño de la página, se mostrará de acuerdo a la página de diseño estructura (plantilla).

método de diseño de página @RenderBody utilizado () para insertar las páginas de contenido, además, que no hay ninguna diferencia con una página web normal.

Cada página de contenido debe comenzar con las instrucciones de diseño.

El código siguiente muestra cómo se presenta:

diseño de la página:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 W3CSchool. All rights reserved.</p>
</body>
</html>

Cualquier página:

@{Layout="Layout.cshtml";}

<h1>Welcome to W3CSchool.cc</h1>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>

Instancia en ejecución »


DRY - No te repitas (no repita usted mismo)

Por bloques de contenido (contenido de bloque) y Diseño Páginas (diseño de página) ambas herramientas de ASP.NET, puede hacer que su aplicación Web muestra un aspecto coherente.

Ambas herramientas pueden ayudarle a ahorrar una gran cantidad de trabajo, usted no tiene que repetir la misma información en cada página. Juego de etiquetas, el estilo y el código para las aplicaciones Web más fácil de manejar, fácil de mantener.


Explorar evitar que los archivos de ser

En ASP.NET, los nombres de archivo que comienzan con un guión bajo, se puede evitar que estos archivos se navega por Internet.

Si no desea que su bloque de contenido o diseño de página ven sus usuarios, puede cambiar el nombre de estos archivos:

_header.cshtm

_footer.cshtml

_Layout.cshtml


Ocultar la información sensible

En ASP.NET, ocultar la información sensible (contraseña de base de datos, contraseñas de correo electrónico, etc.) El método más común es para guardar esta información en un archivo llamado "_AppStart" archivo separado.

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}