SlideShare una empresa de Scribd logo
<%--Directiva--%>
<%@ Page Language="C#" %>
<%--Codigo en linea--%>
<script runat="server">
protected void btnAceptar_Click(object sender, EventArgs e)
{
lblResultado.Text = txtNombre.Text;
txtNombre.Text = string.Empty;
}
</script>
<%--HTML para dibujar los controles en pantalla--%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Mi primera aplicacion - Maestros del Web</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtNombre" runat="server"></asp:TextBox>
<asp:Button ID="btnAceptar" runat="server" Text="Aceptar"
onclick="btnAceptar_Click"/>
<br/>
<asp:Label ID="lblResultado" runat="server"
Text="[Resultado]"></asp:Label>
</div>
</form>
</body>
</html>
La estructura de aplicación
1.- Contiene una directiva:
Le estamos indicando que la pagina usará lenguaje C# (C Sharp)
2.- Código en línea:
El tag scriptestá indicando que el código se ejecutará del lado del servidor. En esta porción del
código van las acciones que ejecutaremos en nuestra aplicación; en este caso sólo tenemos una
única acción asociada al botón Aceptar.
3.- Código HTML para la creación de objetos en pantalla.
En pantalla vemos tres objetos
Un TextBox llamado txtNombre (Para ingresar un nombre).
Un Botón llamado btnAceptar y con el evento OnClick definido (Ejecutamos la acción de pegar
contenido).
Un label de resultados llamado lblResultado. (Mostramos los resultados luego de ejecutar el evento
del botón).

Más contenido relacionado

La actualidad más candente

Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.
Iván García Villar
 
php ejemplos
php ejemplosphp ejemplos
php ejemplosZOMBRA
 
AngularJS
AngularJSAngularJS
Mail inicio sesion_remota
Mail inicio sesion_remotaMail inicio sesion_remota
Mail inicio sesion_remota
Juan Antonio Galán Frías
 
Zen AJAX - Programador PHP
Zen AJAX - Programador PHPZen AJAX - Programador PHP
Zen AJAX - Programador PHP
Juan Belón Pérez
 
Objetosimpliciosjsp
ObjetosimpliciosjspObjetosimpliciosjsp
Objetosimpliciosjsp
KatherineLG
 
Creación de directivas personalizadas en AngularJS
Creación de directivas personalizadas en AngularJSCreación de directivas personalizadas en AngularJS
Creación de directivas personalizadas en AngularJS
Alvaro Yuste Torregrosa
 
Acceso a BBDD mediante un servlet
Acceso a BBDD mediante un servletAcceso a BBDD mediante un servlet
Acceso a BBDD mediante un servlet
jubacalo
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajax
jubacalo
 

La actualidad más candente (10)

Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.Mudate a ajax sin morir en el intento.
Mudate a ajax sin morir en el intento.
 
php ejemplos
php ejemplosphp ejemplos
php ejemplos
 
Jsp
JspJsp
Jsp
 
AngularJS
AngularJSAngularJS
AngularJS
 
Mail inicio sesion_remota
Mail inicio sesion_remotaMail inicio sesion_remota
Mail inicio sesion_remota
 
Zen AJAX - Programador PHP
Zen AJAX - Programador PHPZen AJAX - Programador PHP
Zen AJAX - Programador PHP
 
Objetosimpliciosjsp
ObjetosimpliciosjspObjetosimpliciosjsp
Objetosimpliciosjsp
 
Creación de directivas personalizadas en AngularJS
Creación de directivas personalizadas en AngularJSCreación de directivas personalizadas en AngularJS
Creación de directivas personalizadas en AngularJS
 
Acceso a BBDD mediante un servlet
Acceso a BBDD mediante un servletAcceso a BBDD mediante un servlet
Acceso a BBDD mediante un servlet
 
Web de noticias en Ajax
Web de noticias en AjaxWeb de noticias en Ajax
Web de noticias en Ajax
 

Destacado

hv_rafael_reyes_
hv_rafael_reyes_hv_rafael_reyes_
hv_rafael_reyes_
Rafael Reyes Chivata
 
HV: YULIET CARMONA
HV: YULIET CARMONAHV: YULIET CARMONA
HV: YULIET CARMONA
Phaola Kharmona
 
POEMANUARIOS VERMELLOS DE 3º
POEMANUARIOS VERMELLOS DE 3ºPOEMANUARIOS VERMELLOS DE 3º
POEMANUARIOS VERMELLOS DE 3ºgalegolaxe
 
Iteraciones o looping scratch
Iteraciones o looping   scratchIteraciones o looping   scratch
Iteraciones o looping scratch
diegoalejopr
 
HV Brenda Mondragon
HV Brenda Mondragon HV Brenda Mondragon
HV Brenda Mondragon
Brenda Mondragon Barrero
 
Twitter advanced
Twitter advancedTwitter advanced
Desmontar el cuadro del seat 600
Desmontar el cuadro del seat 600Desmontar el cuadro del seat 600
Desmontar el cuadro del seat 600
pacocanio
 
Hv Jhon Fredy
Hv Jhon FredyHv Jhon Fredy

Destacado (9)

hv_rafael_reyes_
hv_rafael_reyes_hv_rafael_reyes_
hv_rafael_reyes_
 
Flyer Proof
Flyer ProofFlyer Proof
Flyer Proof
 
HV: YULIET CARMONA
HV: YULIET CARMONAHV: YULIET CARMONA
HV: YULIET CARMONA
 
POEMANUARIOS VERMELLOS DE 3º
POEMANUARIOS VERMELLOS DE 3ºPOEMANUARIOS VERMELLOS DE 3º
POEMANUARIOS VERMELLOS DE 3º
 
Iteraciones o looping scratch
Iteraciones o looping   scratchIteraciones o looping   scratch
Iteraciones o looping scratch
 
HV Brenda Mondragon
HV Brenda Mondragon HV Brenda Mondragon
HV Brenda Mondragon
 
Twitter advanced
Twitter advancedTwitter advanced
Twitter advanced
 
Desmontar el cuadro del seat 600
Desmontar el cuadro del seat 600Desmontar el cuadro del seat 600
Desmontar el cuadro del seat 600
 
Hv Jhon Fredy
Hv Jhon FredyHv Jhon Fredy
Hv Jhon Fredy
 

Similar a Ejemplo aplicacion web (estructura)

DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlAntonio
 
Mi app-asp-net-mvc2
Mi app-asp-net-mvc2Mi app-asp-net-mvc2
Mi app-asp-net-mvc2
Enrique Valdez
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.Net
Moisés Cid Deza
 
Actividad autónoma: Controles de validacion en ASP.NET
Actividad autónoma: Controles de validacion en ASP.NETActividad autónoma: Controles de validacion en ASP.NET
Actividad autónoma: Controles de validacion en ASP.NETErick Paul Lozada Peñarreta
 
Grails: Framework para el desarrollo de aplicaciones Web No 5
Grails: Framework para el desarrollo de aplicaciones Web No 5Grails: Framework para el desarrollo de aplicaciones Web No 5
Grails: Framework para el desarrollo de aplicaciones Web No 5
Esteban Saavedra
 
T10_Ejercicios_Solucion.pdf
T10_Ejercicios_Solucion.pdfT10_Ejercicios_Solucion.pdf
T10_Ejercicios_Solucion.pdf
Jorge Luis Chumpitaz Velez
 
DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
Antonio
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controladordescarga2009
 
Novedades en XAML
Novedades en XAMLNovedades en XAML
Novedades en XAML
Javier Suárez Ruiz
 
Screen scraping
Screen scrapingScreen scraping
Screen scraping
ThirdWay
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
rmonago
 
Asp .net
Asp .netAsp .net
Asp .net
mellcv
 
Ajax
AjaxAjax
Ajax
ousli07
 
Phonegap
PhonegapPhonegap

Similar a Ejemplo aplicacion web (estructura) (20)

DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
 
Ajax
AjaxAjax
Ajax
 
Mi app-asp-net-mvc2
Mi app-asp-net-mvc2Mi app-asp-net-mvc2
Mi app-asp-net-mvc2
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.Net
 
Actividad autónoma: Controles de validacion en ASP.NET
Actividad autónoma: Controles de validacion en ASP.NETActividad autónoma: Controles de validacion en ASP.NET
Actividad autónoma: Controles de validacion en ASP.NET
 
Grails: Framework para el desarrollo de aplicaciones Web No 5
Grails: Framework para el desarrollo de aplicaciones Web No 5Grails: Framework para el desarrollo de aplicaciones Web No 5
Grails: Framework para el desarrollo de aplicaciones Web No 5
 
T10_Ejercicios_Solucion.pdf
T10_Ejercicios_Solucion.pdfT10_Ejercicios_Solucion.pdf
T10_Ejercicios_Solucion.pdf
 
DocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En XmlDocumentacióN Del Sitio Web En Xml
DocumentacióN Del Sitio Web En Xml
 
Modelo vista controlador
Modelo vista controladorModelo vista controlador
Modelo vista controlador
 
Novedades en XAML
Novedades en XAMLNovedades en XAML
Novedades en XAML
 
Screen scraping
Screen scrapingScreen scraping
Screen scraping
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Asp .net
Asp .netAsp .net
Asp .net
 
Ajax
AjaxAjax
Ajax
 
Introducción a DJango
Introducción a DJangoIntroducción a DJango
Introducción a DJango
 
Funciones
FuncionesFunciones
Funciones
 
Introducción a Flask
Introducción a FlaskIntroducción a Flask
Introducción a Flask
 
Practicos script
Practicos scriptPracticos script
Practicos script
 
Phonegap
PhonegapPhonegap
Phonegap
 
JqueryMobile
JqueryMobile JqueryMobile
JqueryMobile
 

Ejemplo aplicacion web (estructura)

  • 1. <%--Directiva--%> <%@ Page Language="C#" %> <%--Codigo en linea--%> <script runat="server"> protected void btnAceptar_Click(object sender, EventArgs e) { lblResultado.Text = txtNombre.Text; txtNombre.Text = string.Empty; } </script> <%--HTML para dibujar los controles en pantalla--%> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Mi primera aplicacion - Maestros del Web</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="txtNombre" runat="server"></asp:TextBox> <asp:Button ID="btnAceptar" runat="server" Text="Aceptar" onclick="btnAceptar_Click"/> <br/> <asp:Label ID="lblResultado" runat="server" Text="[Resultado]"></asp:Label> </div> </form> </body> </html>
  • 2. La estructura de aplicación 1.- Contiene una directiva: Le estamos indicando que la pagina usará lenguaje C# (C Sharp) 2.- Código en línea: El tag scriptestá indicando que el código se ejecutará del lado del servidor. En esta porción del código van las acciones que ejecutaremos en nuestra aplicación; en este caso sólo tenemos una única acción asociada al botón Aceptar. 3.- Código HTML para la creación de objetos en pantalla. En pantalla vemos tres objetos Un TextBox llamado txtNombre (Para ingresar un nombre). Un Botón llamado btnAceptar y con el evento OnClick definido (Ejecutamos la acción de pegar contenido). Un label de resultados llamado lblResultado. (Mostramos los resultados luego de ejecutar el evento del botón).