Transformar una página HTML a ASPX

En más de una ocasión necesitamos añadir controles .net a una página web estática en HTML. Para poder hacer esto, necesitamos transformar esta página HTML en ASPX y si es necesario vincularla con una página de código en Visual Basic o C#

1 Realizamos una copia de la página HTML y renombramos la extensión a ASPX.

2 Añadimos la directiva @Page al principio del código.

3 Añadimos dentro de las etiquetas Body un formulario con la propiedad runat=server, que contenga los controles existentes en la página

A partir de aquí ya tenemos una página aspx totalmente operativa en la que se pueden utilizar controles de asp .net.

Si además queremos utilizar programación en Visual Basic o C# tenemos que hacer algún paso más.

1 Añadir al proyecto un nuevo elemento de tipo Clase (desde agregar nuevos elementos) y ponerle como nombre el de la página aspx y como extensión aspx.vb para Visual Basic o aspx.cs para C#.


Por defecto pregunta si queremos guardar este nuevo archivo en la carpeta APP_Code, ya que detecta que es un archivo de código, a lo que podemos responder que no y así lo anida debajo del archivo aspx que hemos creado en el paso anterior

2 Modificar la clase del fichero de código aspx.vb/ aspx.cs indicando que es una clase parcial y que hereda las propiedades de la clase Pages

3 Indicar a la página aspx, cual es el fichero de código asociado y su clase. Para esto modificamos la directiva @page añadiendo los parámetros CodeFile y ClassName



A partir de este momento ya tenemos la página totalmente transformada y operativa para trabajar tanto con controles .net como para utilizar código ( en este ejemplo) de Visual Basic o de C#

Antes

Despues