Uno de los escenarios web que se puede encontrar cualquier desarrollador de página Web dinámica como es el caso ASP.NET; es tratar de crear, mantener y entregar sitio ASP.NET atractivos y funcionales acorde con requerimientos específicos. Y todo esto basado en organizaciones (Compañía de Software) Heterogénea, donde existe equipos de desarrollo (ASP.NET), equipos de diseñadores grafico (Plataforma y Herramientas de diseño de Tercero) así como coordinadores de proyecto separado geográficamente.
Dado a esta situación el desarrollador ASP.NET va depender primeramente de la aprobación de la estructura del sitio web; posteriormente la elaboración y entrega del arte (Plantilla web HTML) por parte del equipo de diseño grafico y finalmente es donde dicho desarrollador web dinámico (ASP.NET) genera todo la ingeniera de código web dinámico relacionado con el sitio.
Entonces el presente artículo tiene como finalidad básica de exponer una forma sencilla y directa de convertir cualquier sitio web estático (Páginas Web HTML) a proyecto ASP.NET (Pagina Dinámica).
Para fines de este articulo, se va utilizar un proyecto web ASP.NET 2.0 con lenguaje Visual Basic 2005, ademas de un plantilla web de prueba que se puede encontrar en sitios web gratis o pago; una vez claro con estas pautas se comenta los siguientes:
- Establecemos la plantilla web para el supuesto cliente. Un ejemplo de esto puede ser:
.
- Creamos un proyecto del tipo Aplicación Web ASP.NET, el cual llamaremos ASPNETCasinoOnline.
- Por defecto en el proyecto ASP.NET encontramos basicamente dos archivos (default.aspx y Web.Config), del cual podemos prescindir de default.aspx, pulsando boton derecho sobre èl desde el explorador de soluciones y luego click en delete o eliminar.
- Ahora explico una forma rapida y sencilla para que la plantilla web con todo su contenido forma parte del proyecto ASP.NET en Cuestion: y es simplemente copia todo el contenido relacionado con la plantilla incluyendo la pagina html en la caperta del proyecto ASP.NET creado previamente; notando que la ubicación exacta sea donde esta el archivo Web.Config.
- Volvemos a Visual Studio y buscamos en el explorador de soluciones, y nos situamos en la opción mostrar todos los Archivos o Show All files, en algunos casos solo se actualiza:
, luego debe aparecer las información relacionado con la plantilla y es ahi donde por cada elemento debemos incluir en proyecto o Include in Project:
y finalmente se completa como:
.
- Se procede a cambiar la extensión de index.html a index.aspx.
- Se agrega un elemento nuevo del tipo Class.vb con el siguiente nombre index.aspx.vb; posteriormente en su contenido se reemplaza con: Public Class index Inherits System.Web.UI.Page End Class.
- Se agrega un elemento nuevo del tipo Class.vb con el siguiente nombre index.aspx.designer.vb; posteriormente en su contenido se reemplaza con: Partial Public Class index Protected WithEvents form1 As Global.System.Web.UI.HtmlControls.HtmlForm End Class
- Se pulsa boton derecho sobre index.aspx y se da click vista de marcado o view Markup
- Se anexa en la primera linea del documento HTML: <%@ Page Language=”vb” AutoEventWireup=”false” CodeBehind=”index.aspx.vb” Inherits=”ASPNETCasinoOnline.index” %>
- Se busca y modifica lo siguiente:
- Ahora se pone en juego hacer que cada elemento HTML de interés se convierta en un objeto de lado del servidor insertando dentro de la etiqueta html la palabra clave runat=”server” y además un nombre especifico para el Id de la etiqueta. Ejemplo: <a href=”" id=”linkDownload” runat=”server“ >Downloada>. Luego ya tenemos visibilidad de los objetos html de lado de servidor con relación al codigo de programación .net.
Una vez entendido estas series de pasos sencillos; se puede utilizar de forma analoga para cualquier objeto del tipo html y plantilla relacionada. incluso se puede aprovechar esta plantilla para crear un MasterPage.
En conclusión encontramos una forma ideal para trabajar alineado con algunos escenarios de desarrollo web aplicado en Organización heterogénea, el cual permitirán sacar mayor partido de la solución Planteada, junto con las herramientas de desarrollo web de Microsoft.
Para Mayor Información Anexo POnlineCasino y ASPNETCasinoOnline
Fuente: http://jorgepedraza.wordpress.com/2009/07/20/convertir-pagina-html-a-asp-net/
No hay comentarios:
Publicar un comentario