El primer Demo va ser algo sencillo y simple, vamos a mostrar una pagina con ciertos elementos weblo primero que se tiene que hacer es crear un ASP.NET Web Site, para este ejemplo se maneja el lenguaje C# con un Location File System en la ruta que ustedes desen y el nombre que tmb ustedes desen
Una vez creado el ide nos muestra una pantalla con un codigo generado por default
en el cual pondremos el siguiente codigo en la seccion <div> com se muestra a continuacion:
Bueno expliquemos un poco de codigo:
la primeras 2 secciones del <h1> y <h2> son etiquetas en HTML las cuales son titulos el numero determina el tamaño en que se va desplegar, aqui cabe mencionar que en la etiqueta 2 se hace uso del framework para que nos muestre la hora, que es un script es por ello que se usa el <% =Script %> el cual lo que hace es mostrar la fecha y la hora en que se esta ejecutando, como el tipo que regresa es un Date, por eso se usa una conversion a String.
Enseguida se agregan 3 componentes del panel Toolbox o barra de Herramientas, estos componentes son : Un TextBox, Un Boton, un Literal.
<asp:Control ID=”NombreControl” runat=”server” </asp:Control>
esta es la sintaxis de lo que son los controles que se van agregando a nuestra pagina, el cual se va complementando con las propiedades que se vayan agregando a los componentes.
Los   es otra etiqueta HTML quie indica espacios en blanco.
<asp:Button ID="btnNombre" runat="server"
Text="Mostrar Nombre" onclick="btnNombre_Click"></asp:Button>
El siguiente codigo es como configuramos como se muestra el boton, el ID es como se va manejar en el codigo del lado del servidor (CodeBehind) en el cual vamos a ir poniendo los eventos con los que va responder dicho boton, que accion va realizar, ahi tiene onclick que es lo que va hacer el boton al momento de presionarlo.
quedando la pantalla en modo de disenio de la siguiente manera
En el boton se debe dar doble click para que abra el Default.aspx.cs en el cual pondremos el siguiente codigo:
protected void btnNombre_Click(object sender, EventArgs e)
{
litNombre.Text = txtNombre.Text;
}
Esto hara que el codigo que pongamos en el Texbox, sera asignado al objeto Literal.
Compilamos el codigo con F5 o con el “Play” de color verde de nuestro IDE, mostrando el siguiente mensaje, solo hay que indicarle OK
Mostrando la siguiente Pagina
Este es el primer demo con el que se da la bienvenida al ASP.NET
