NOTA: Ante todo explicar que este manual es un ejercicio completo, por lo que recomiendo que si desena estudiarlo partan desde el principio
Es importante crear una MasterPage, ya que ésta servirá como plantilla para desarrollar las interfaces que se utilizarán en el sistema.
Para crear una masterpage, se deben seguir los siguientes pasos:
- Sobre el proyecto de solución, presionar con el botón derecho del Mouse y luego seleccionar Agregar nuevo elemento.
- Seleccionar el elemento Pagina Principal, por defecto el sistema agregará el nombre de MasterPage, si el usuario lo desea puede cambiar el nombre de éste, pero para efectos del ejercicio, mantendremos el nombre propuesto.
- Dentro de la MasterPage agregaremos una tabla con tres columnas y tres filas, para esto desde el cuadro de herramientas, desde la sección HTML arrastraremos el control que se necesita al formulario.
- En las propiedades de la tabla realizamos los siguientes cambios:
Width = 100%
Para cada una de las filas definir el colspan en 3.
- En la segunda y tercera fila de la celda, agregar las siguientes líneas de código a los td, que definirán que en estas filas solo habrá una columna:
<tr>
<td colspan="3" style="height: 21px">
</td>
</tr>
- En la segunda y tercera celda, arrastrar desde el cuadro de herramientas dos controles contentplaceholder, que serán las áreas de trabajo en donde se seguirán realizando las codificaciones, en las páginas en las cuales se realizará la aplicación
- En la parte superior de la página, agregar una tabla que permitirá crear un menú que se detallará más tarde:
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:#B5C7DE">
<tr>
<td>
</td>
</tr>
</table>
Quedando la MasterPage de la siguiente forma:
No hay comentarios:
Publicar un comentario