Introducción al desarrollo de aplicaciones Web con ASP.

NET IS-UPNC / 2009-2 / DISOFT

Sem1: INTRODUCCION: VISUAL STUDIO 2005

OBJETIVOS

 Familiarizarse con el Entorno de Desarrollo Integrado (IDE) que proporciona Visual

Estudio 2005 para el desarrollo de aplicaciones Web ASP.NET

PAGINA DE INICIO

La página de inicio es la primera página que podemos ver cuando abrimos Visual Studio 2005
pro primera vez. Esta página nos guía para iniciar proyectos y buscar ayuda o recursos.

En la figura 1.1 se Ilustra la Página de inicio.

Figura 1.1.

En esta página podemos ver los últimos proyectos en los que hemos trabajado dentro del
cuadro de proyectos recientes. Desde este cuadro también podemos crear un nuevo proyecto o
abrir un proyecto que aparesca en la lista. El cuadro MSDN muestra algunos de los últimos
artículos disponibles en el sitio Web público de MSDN. El cuadro introducción nos permite
crear nuevos proyectos desde un código existente, crear nuevos sitios Web, Importar o
exportar configuraciones de Visual Studio y abrir la aplicación de ayuda de MSDN.

VENTANA DEL DOCUMENTO

La Ventana de del documento es el lugar donde creamos nuestras páginas ASP.NET. La

sección del IDE que nos permite crear páginas ASP.NET, bien arrastrando y colocando
elementos en una superficie de diseño, o bien codificando directamente.

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe
Introducción al desarrollo de aplicaciones Web con ASP.NET IS-UPNC / 2009-2 / DISOFT

Vistas en la Ventana del documento

La ventana del documento contiene dos fichas en la parte inferior que nos permite cambiar la
vista de nuestra página: Diseño y Código, la ficha de Diseño nos permite ver nuestra página
de forma visual y en perspectiva de cómo va quedando. Si arrastramos y colocamos controles
en la superficie de diseño, VS generará el código en la página. La ficha Código muestra el
código fuente completo del archivo, pudiéndose codificar directamente allí los controles.

Figura 1.2

EL CUADRO DE HERRAMIENTAS

Debido a la gran cantidad existente de nuevos controles (uno 50), en el Cuadro de

Herramientas se han organizado secciones. La siguiente tabla recoge dichas secciones.

Sección de controles Controles incluidos en la sección

General En esta sección no hay nada, aunque podemos utilizarla
para nuestros propios controles personalizados.(También
podemos crear una sección de controles totalmente
nueva.).
HTML Incluye los controles de servidor HTML que han formado
parte de ASP.NET desde el principio. Sin Embargo, los
nombres de dichos controles han cambiado.

Elementos Web Incluye todos los controles que tratan las nuevas
características de personalización proporcionadas por
ASP.NET 2.0.

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe
Introducción al desarrollo de aplicaciones Web con ASP.NET IS-UPNC / 2009-2 / DISOFT

Inicio de Sesión Contiene todos los controles que tratan la adición de un

nombre de usuario y contraseña para iniciar la sesión en
aplicaciones ASP.NET, como Login, registro de usuarios,
etc.
Exploración Incluye controles que permiten a los usuarios finales
trabajar a través de una colección de páginas.
Validación Incluye todos los controles de validación,
Datos Incluye los controles que tratan la recuperación y
presentación de datos que provienen de algún tipo de base
de datos.
Estándar Contiene todos los controles estándar, como TextBox,
Button y otros controles principales

Figura 1.3

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe
Introducción al desarrollo de aplicaciones Web con ASP.NET IS-UPNC / 2009-2 / DISOFT

Pero también podemos deshabilitar la Vista de lista de los controles. Al hacerlo, el Cuadro de
Herramientas muestra los controles simplemente como iconos.

Figura 1.4

EXPLORADOR DE SOLUCIONES

El explorador de soluciones muestra un vista organizada de los proyectos de nuestra

aplicación.

Figura 1.5

Figura 1.6

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe
Introducción al desarrollo de aplicaciones Web con ASP.NET IS-UPNC / 2009-2 / DISOFT

EXPLORADOR DE SERVIDORES

El explorador de servidores es una de las ventanas más valiosas de VS.NET, nos permite
ejecutar diversas funciones, como trabajar con conectividad y rendimiento de base de datos e
interactuar con registros de eventos.

Figura 1.7

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe
Introducción al desarrollo de aplicaciones Web con ASP.NET IS-UPNC / 2009-2 / DISOFT

LA VENTANA DE PROPIEDADES

Esta ventana nos permite trabajar con cualquier elemento que forme parte de nuestra
aplicación y controlarlas. Tras seleccionar el elemento o enfocar el cursor en el electo en la
vista de código de la página, se muestran las propiedades del elemento.

Figura 1.8

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe
Introducción al desarrollo de aplicaciones Web con ASP.NET IS-UPNC / 2009-2 / DISOFT

CREAR NUEVOS PROYECTOS

Visual Estudio nos permite crear una sola página .aspx o un sitio Web completo. Para crear
una sola pagina, simplemente debemos ir al menú y seleccionar Archivo>Nuevo>Archivo.
Para trabajar en Archivos anteriores, seleccione Archivo>Abrir>Archivo. Para crear una
nueva aplicación ASP.NET, seleccione Archivo>Nuevo>Sitio Web. Se abrirá el cuadro de
dialogo de opciones que se muestra en la Figura 1.9.

Figura 1.9

DISOFT – Ing. Sistemas – UPN Cajamarca © 2009-2 – Ing. Samuel Mestanza Alcántara – sma@upnorte.edu.pe