August 2009 Archives

Una aplicación simple... ¡Hola mundo!

| 3 Comments | No TrackBacks

 Bienvenidos a esta lista de tutoriales donde se introduciran paulatinamente, diversos conceptos de programación web con Visual Studio 2008 y C#.

Empezaremos por este sencillo tutorial donde crearemos un nuevo sitio web que nos muestre un saludo en nuestro navegador.

El primer paso es abrir el Visual Studio 2008 y en el menu seleccionamos File -> New-> WebSite, tal como se muestra en la imagen siguiente.

HolaMundo1.gif

 

Una vez seleccionada la ruta y el nombre de nuestro site, Visual Studio 2008 nos habrá creado un proyecto con algunos archivos en su interior. De momento, nos fijaremos solamente en la página Default.aspx, es decir, en nuestra pàgina por defecto.

Abriendo el archivo Default.aspx, podremos observar en su interior un código parecido a el siguiente:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

  <title></title>

 </head>

 <body>

  <form id="form1" runat="server">

   <div>

   </div>

  </form>

 </body>

</html>

 

El siguiente paso, será crear un Label para introducir en él nuestro saludo al mundo desde el CodeBehind.

Para crear el Label, se puede hacer desde el editor o desde la caja de herramientas o toolbox, situada a la izquierda de Visual Studio 2008.

Para ello, debemos decirle al editor que nos muestre la pàgina en modo diseño, gracias al botón situado en la parte inferior izquierda del navegador y seleccionando y arrastrando el Label desde Herramientas

 HolaMundo2.gif

Por último, ya solo nos queda modificar el codigo fuente de la pàgina o CodeBehind para que el label nos muestre el texto deseado. Para conseguirlo, clica con el botón derecho del ratón sobre el editor y selecciona "View Code".

Localiza en él el evento Page_Load y añade el código para ponerle un texto al Label.

La propiedad necesaria para tal efecto es "Text", con lo que el código completo quedaria parecido a lo siguiente:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

  Label1.Text = "¡Hola Mundo!"

}

}

 

¡Y ya está! Si ejecutamos nuestra aplicación, podremos ver como nuestro website saluda al mundo...

 

 

HolaMundo3.gif

 

¡Yuhuuuuuuuu!

Ya sé que no es un gran programa, pero espero que sirva a los más novatos a una primera toma de contacto con el entorno de Visual Studio 2008 y con el .Net.

Más adelante, prometo un segundo capitulo para seguir avanzando. No olvides volver de vez en cuando!!

About this Archive

This page is an archive of entries from August 2009 listed from newest to oldest.

Find recent content on the main index or look in the archives to find all content.