Lab 01

Desarrollando Aplicaciones con Microsoft ASP.NET 2.0 Creando y diseando La Aplicacin

Construccin de Sitios Web Dinmicos con VISUAL STUDIO 2005 y SQL Server 2005 Enterprice Global Solution

2Ing. Samuel Mestanza A.

LABORATORIO: Creando una Aplicacin y Manejando

la Apariencia, Diseo y Estilo En este laboratorio, construiremos un Web Site de nombre TampicoCite el cual

servir como un catlogo virtual de productos, la cual emplear la base de datos

PortalTampico como origen de datos.



EJERCICIO 1: Creando Nuestra Aplicacin Tampico Objetivo: En este ejercicio crear la base de datos que ser usada en todo el curso. Luego

crear una nueva Aplicacin ASP.NET Web Site con Visual Studio 2005.

Nota: El laboratorio est diseado para trabajar en Visual C#.

Paso 1: Crear la Base de Datos PortalTampico

1. Iniciar Microsoft SQL Server Managment Studio.

2. Ejecutar el script para la creacin de la base de datos PortalTampico,

localizado en:

C:\NetSol\CursoASP.NET\Labs\BaseDatos\create_database.sql.

3. Ejecutar el script para la creacin de las tablas:

C:\NetSol\CursoASP.NET\Labs\BaseDatos\create_tables.sql.

4. Ejecutar el script para la creacin de los procedimientos almacenados:

C:\NetSol\CursoASP.NET\Labs\BaseDatos\ create_storeprocedure.sql.

5. Insertar informacin a la Base de Datos:

C:\NetSol\CursoASP.NET\Labs\BaseDatos\insert_noticias.sql.

6. Ejecutar la herramienta ASP.NET SQL Server Setup Wizard localizado en:

C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_re

gsql.exe

7. En la primera pantalla del Wizard hacer clic en Next.

8. En la pantalla Select a Setup Option, seleccionamos la opcin:

Configure SQL Server for application services, y hacemos clic en

Next.

9. En la pantalla Select the Server and Database, ingresamos el nombre

del servidor: (local), seleccionamos la opcin Windows

authentication, seleccionamos la base de datos PortalTampico, y

hacemos clic en Next.



10. Por ltimo confirmamos nuestra configuracin, y hacemos clic en

Finalizar.



Paso 2: Crear la Aplicacin usando Visual Studio

2005

1. Abrimos Visual Studio 2005 y creamos un nuevo Sitio Web llamado

WebTampico, en la ruta: C:\NetSol\.

2. Aadimos los archivos contenidos en la carpeta C:\NetSol\Curso

ASP.NET\Labs\Lab01\files.

3. Creamos una carpeta en nuestra Aplicacin llamada images, y

agregamos todos los archivos contenidos en la carpeta

C:\NetSol\Curso ASP.NET\Labs\Lab01\files\images.



Paso 3: Creando una Master Page

1. En nuestra Aplicacin agregamos un nuevo Item, master page, llamado:

site.master.

2. Ir al Source de site.master y copiar dentro de la etiqueta head lo

siguiente:

3. Todos los pasos siguientes son realizados en site.master, salvo que se

indique lo contrario. En la pestaa source borramos el contenido entre las

etiquetas form, dentro de body.

4. Ahora dentro la etiqueta form, copiaremos el cdigo localizado en el

archivo: C:\NetSol\Curso

ASP.NET\Labs\Lab01\files\site.master\header.txt.

5. Seguidamente dentro la etiqueta form, copiaremos el cdigo localizado en

el archivo: C:\NetSol\Curso

ASP.NET\Labs\Lab01\files\site.master\navegacion.txt.

6. Ya tenemos lista nuestra master page, que servir para todas las

pginas de nuestra aplicacin.



Paso 4: Agregando temas a nuestra aplicacin

1. En nuestra Aplicacin agregamos una nueva carpeta ASP.NET: Theme,

con el nombre miTema.

2. Ahora dentro de miTema agrego un nuevo item, skin, llamado

miSkin.skin.

3. Agregamos a nuestro skin miSkin.skin para los siguientes controles:



Font-Size="8pt" ForeColor="#003399" Height="200px" Width="220px"> Font-S

4. Ahora guardamos los cambios y ya tenemos el tema de nuestra aplicacin.


Ing. Samuel Mestanza A.

11

Paso 4: Agregando temas a nuestra aplicacin

1. En el formulario web default.aspx, borramos todo el contenido html a

excepcion de la directiva @Page.

2. Ahora en el mismo formulario, agregamos el atributo MasterPageFile, y

seleccionamos nuestra master page.

MasterPageFile="~/site.master" 3. Ahora agregamos el siguiente control depuse de la directiva @Page:

Lab 01

Documents

Transcript of Lab 01