Bien en este post utilizaremos Visual Web Developer 2008, usare la Express edition que se pueden descargar gratis desde aqui.
El fin de este post es concer el entorno de esta herramieta de desarrollo, y crear una simple aplicacion web con motivos de interactuar y avanzar poco a poco en el uso de esta herramienta.
Una vez instalado el VWD iniciaremos la aplicacion para esto nos dirijimos a el munu File->New Project una vez aqui nos mostrara un menu de opciones como el siguiente.
En esta ocasion elejiremos la opcion C#-> Web del menu izquierdo y en la parte derecha elejiremos ASP.NET Web App bien ahora ingresamos un nombre a nuestra app y presionamos el boton OK.
Despues de esto, se nos abrira el entorno de trabajo como se muestra.
Este sera nuestro entorno de trabajo, Ahora seleccionaremos el modo de Disign e iniciaremos nuestra aplicacion.
Crearemos una aplicacion con que nos muestre un mensaje, para esto utilizaremos los controles Label, Button,TextBox.
Insertamos estos controles en nuestro modo diseño y se mostrara de esta manera.
Las propiedades de nuestro control seran las siguientes:
| Control |
ID |
Texto |
| Label |
lblmensaje |
(Sin Texto) |
| TextBox |
txtmensaje |
(Sin Texto) |
| Button |
cmdmensaje |
Mostrar Mensaje |
Para cambiar el ID de nuestro control, seleccionamos el control y en las propiedades del control buscamos el Tag ID y ahi cambiamos el ID, cambiamos el ID para tener control de todos los identificadores y asi no tener problemas a la hora de codificar.
Lo que estamos haciendo es tan solo insertar controles de forma aleatoria sin un formato de diseño, ya que es una aplicacion inicial, con la experiencia podremos insertar formatos CSS. Bien ahora pasamos al siguiente paso que es codificar nuestra aplicacion como seleccionamos al iniciar nuestra app el lenguaje utilizado sera C# pues bien ahora daremos doble click sobre el control del boton y agregamos el siguiente codigo.
1: protected void cmdmensaje_Click(object sender, EventArgs e)
2: {
3: lblmensaje.Text = txtmensaje.Text;
4: }
bien ahora podremos probar nuestra app tan solo presionaremos F5 y se ejecutara en el navegador, pero antes de eso nos motrara una advertencia, como la siguiente.
La cual nos dire que necesitamos configurar nuestro Web.Config tan solo presionamos que si y se ejecutara nuestra aplicacion.
Una vez hecho esto se abrira nuestro Browser y mostrar nuestra aplicacion.
[DESCARGAR EJEMPLO]
