Vous êtes sur la page 1sur 5

MIGRAR UNA PLANTILLA HTML A UNA MASTER

PAGE DE ASP.NET

PASO 1: Buscar LA PLANTILLA APROPIADA

En internet hay muchas pginas que ofrecen con y sin costo PLANTILLAS WEB WEB
TEMPLATES, solo es cuestin de navegar, por ah busque y encontr la siguiente URL
(ojo solo es una hay miles de estas pginas).

PASO 2: Descargar y verificar el contenido, como veremos, esta plantilla consta de 3 partes
1. Un archivo Index.html (donde se encuentra la plantilla con diseo final
2. Un archivo default.css, que es la pgina de Estilos
3. Una carpeta de Imgenes
PASO 3: Abrir Visual Studio y crear una nueva Aplicacin WEB
(Esto funciona con cualquier versin de Visual estudio ej. 2005, 2008, 2010)
Creamos una aplicacin

Le damos la direccin y nombre de carpeta a crear el sitio ASP.NET Web Site

PASO 4: Copiar Archivos de plantilla a aplicacin WEB ASP.NET

Solo es cuestin de copiar los archivos dentro de la aplicacin


PASO 5: Crear MasterPage y migrar contenido de plantilla

En este paso solo es necesario tener paciencia, y trasladar el cdigo PERTINENTE de la


plantilla a la Master Page.

5.1 Agregamos una Master Page: (Borremos el control contentplaceholder que viene por
defecto al crear una Master Page)

5.2 Copiamos Lo que est dentro de la etiqueta <Body> de la plantilla al Master Page

5.3. Lo insertamos dentro dela etiqueta >form> de la Master Page


5.4 Lo mismo hacemos con lo que est dentro de la etiqueta <HEAD>, la trasladamos de la
plantilla a la pgina Maestra.

Copiamos el contenido de la etiqueta >head>

PASO 6. Agregar el control ContentPlaceholder

Como veremos despus de transportar el contenido de las etiquetas head y Body de la


plantilla a la MSTER PAGE, ahora nos encargaremos de hacerle un espacio para poner el
control CONTENTPLACEHOLDER.

Recuerden( en el paso 5.1 antes de transportar contenido de la plantilla al MASTER PAGE,


elimine el control contentplaceholder que viene por defecto al crear una MASTER PAGE)

6.1 Seleccionamos donde ubicaramos nuestro control contentplaceholder (CPH)


6.2 Eliminamos el contenido y dejamos libre el estacin para el control CPH

6.2 Despus de agregar el CHP. Solo nos quedara modificar mens y crear paginas de
nuestro sitio a partir de nuestra mster Page

FINALMENTE, ejecutamos y tenemos nuestro sitio WEB en ASP.NET terminado, el tema de


logotipos y contenidos estaticos y dinamicos ya es un tema de programacin, con esto resolvemos
el largo trabajo de intentar realizar un diseo desde 0, sin ser un diseador.

Vous aimerez peut-être aussi