Aplicacion Web con Asp net – Hola Mundo en C# y Visual Studio

Aplicacion Web con Asp net – Hola Mundo en C# y Visual Studio

En este Articulo veremos como crear una aplicacion web con Asp net utilizando el entorno de Visual Studio, crearemos una simple aplicacion, un clasico hola mundo, que nos mostrara el proceso y dudas al crear una aplicacion web en esta plataforma, veremos desde el proceso de inicio de nuestra aplicacion hasta como poder ver el resultado final de nuestra aplicacion. Asp net (active server pages) es un framework para aplicaciones web desarrollado por Microsoft, con el puedes construir paginas web dinamicas, aplicaciones web y servicios web XML. Visual studio 2012 incluye caracteristicas nuevas para mejorar el desarrollo web, ya que el desarrolo de aplicaciones web y webs dinamicas no es una tarea sencilla, visual studio facilita enormemente esta tarea. Veamos entonces el como crear una aplicacion web con asp.net utilizando Netbeans. Comencemos…

Requerimientos:

  • Visual Studio 2012(puede ser otra version)

Desarrollo

Vamos a comenzar, Abrimos nuestro entorno Visual Studio 2012, vamos a FILE -> NEW -> PROJECT

Aplicacion Web con Asp net 1

Vamos a la categoria INSTALLED -> TEMPLATES -> VISUAL C# -> WEB -> Y seleccionamos ASP.NET EMPTY WEB APPLICATION, damos un nombre a nuestro proyecto y presionamos OK

Aplicacion Web con Asp net 2


¿Sabías que?

¿Necesitas hosting wordpress? WebEmpresa te ofrece un servicio super rápido, excelente soporte en español y certificado SSL gratuito:

WebEmpresa

Esto nos genera una estructura para nuestro proyecto, ahora vamos a agregar un archivo con extension ASPX a nuestro proyecto, esto lo hacemos haciendo click derecho
sobre nuestro proyecto ADD -> NEW ITEM -> WEB y buscamos a la derecha WEB FORM, y agregamos en ADD

Aplicacion Web con Asp net 3

Ahora nos a agregado el archivo aspx a nuestro proyecto y podremos agregar elementos a el

Aplicacion Web con Asp net 4

Nos cambiamos a la pestaña diseño, que esta marcada en la imagen anterior, y vamos a abrir la paleta de herramientas Toolbox marcada tambien en la imagen, agregamos
un objeto LABEL y escribimos un mensaje como «Boda de Luis y Monica» y despues un objeto de tipo Calendar.
Debajo de el calendario agregaremos una etiqueta label con el texto «Selecciona la fecha que sugieres para el Evento», esta etiqueta se modificara cada vez que
se seleccione una fecha de el calendario, hasta ahora se vera asi

Aplicacion Web con Asp net 5

Ahora vamos a programa el evento para cuando se selecciona una fecha de el calendario se modifique el texto de la etiqueta debajo de el, para esto vamos a seleccionar el
calendario y vamos a la pestaña Propiedades (Properties) y ahora cambiamos la pestaña de arriba a eventos (rayo)

Aplicacion Web con Asp net 6

Doble Click en el evento SelectionChanged y nos llevara al codigo del evento, el cual debera quedar de la siguiente forma:


protected void Calendar1_SelectionChanged(object sender, EventArgs e)
	{
		Label1.Text = "Sugieres el Evento el " + Calendar1.SelectedDate.ToShortDateString();
	}

Nota: nuestro calendario se llama Calendar1, nuestra etiqueta se llama Label1.

Despues de esto probamos el codigo en DEBUG -> START DEBBUGGING o F5

Aplicacion Web con Asp net 7

Resultado


Visto – Aplicacion Web con Asp net – Hola Mundo en C# y Visual Studio

Clic para valorar esta información
[Total: 0 Promedio: 0]