Alumno:

David Freire
Profesor:
Ing. Francisco Naranjo
Nivel:
Noveno Semestre
Fecha:
20 de mayo de 2014
Centro de Apoyo:
Puyo
Periodo:
2014
Ingeniera
Sistemas

Universidad Tecnolgica
Indoamrica
TEMAS ACTUALES II
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 2
David Freire
Noveno Semestre
Estos formularios es una de las caractersticas ms relevantes que podemos encontrar EN
ASP.NET, ya que la misma nos ofrece un nuevo modelo al momento de programar debido a
se puede generar contenidos mucho ms dinmicos mediante una forma ms sencilla.
Sustituyen y vienen integrado los HTML en el entorno de programacin ASP.NET.
Como ventaja podemos mencionar que estos Web Forms tiene una programacin la cual es
muy similar a la que estamos acostumbrados a utilizar en Visual Basic, donde se puede
realizar el tratamiento de eventos del cliente desde cdigo del servidor.
Ventajas de los Web Forms:
Podemos reutilizar controles de interfaz de usuario que encapsulan su funcionalidad.
Nos ofrece un cdigo ms limpio y claro en la pgina.
Se puede construir todo el interfaz del Web Form a travs de herramientas o entornos
de desarrollo.
Podemos integrar el tratamiento de eventos del cliente con el cdigo que
correspondiente del servidor.
Se realiza el mantenimiento del estado del formulario, el cual se lo realiza de forma
automtica.
Nos ofrece una mayor separacin entre la lgica de la aplicacin y al representacin de
la misma.
Podemos usar un gran conjunto de controles de servidor.
Usando la etiqueta <FORM> como las que se usa en el lenguaje HTML, podemos crear un
formulario, pero debe poseer la propiedad Runat, con el valor del server.
<form id=webform method=post runat=server>
</form>
Integrado en los web forms, podemos contar con un sin nmero de controles de servido
ASP.Net, los cuales nos permiten recoger la respectiva informacin del usuario de una
forma similar a los controles de HTML.
Estos controles suponen una nueva y revolucionaria forma de funcionalidad que nos ofrece
ASP.Net.
Todo esto nos ofrece en la actualidad tener un nuevo modelo de programacin incluido
en ASP.Net.
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 3
David Freire
Noveno Semestre
Se trata de una serie de objetos de servidor, donde los mismos se los crea con el fin de que el
usuario los pueda utilizar en la pgina cargada. Los mismos nos permiten manejar eventos
por el cliente, que puede ser pulsacin de un botn, con cdigo de servidor.
Con estos controles ya no se necesita usar los tpicos capos de formulario de HTML, ya que
en ASP.Net al momento que una pgina se ejecuta, los controles del servidor generan todo el
cdigo.
En ASP.Net, los controles estn separados del cdigo del servidor, teniendo un cdigo ms
sencillo, estructurado y por lo tanto legible.
Para cada uno de los controles les corresponde una clase determinada perteneciente a un
espacio con un nombre determinado.
Como existe un gran nmero de controles de servidor en ASP.Net, los agrupamos en cuatro
categoras:
Controles intrnsecos, se sub dividen en dos grupos que se denominan: Controles
HTML y Controles Web.
Controles de Lista.(Distribuyen y muestran datos en una pgina)
Controles Ricos.(Ofrece funcionalidad avanzada de usuario)
Controles de Validacin.(Validacin de entrada de datos)
En el listado anterior, en las tres ltimas categoras podemos encontrar reunidos los
controles Web.
Complementando los controles HTML estndar los cuales representan campos de un
formulario, en ASP.Net nos permite el uso de controles mucho ms ricos y sobre todo
complejos, ejemplo: Control de rotacin de anuncios (AdRotator).
Con ASP.Net, los controles tienen la capacidad de ofrecer complejo modelo de objetos donde
los cuales podemos encontrar propiedades, mtodos y eventos, cabe recordar que los
controles en ASP.Net son instancias de objetos que se los puede encontrar distribuidos en
dos espacios con nombre NET.Framework, y se trata de los espacios con nombre:
System.Web.UI.HtmlControls y System.Web.IU.WebControls.
Pero existen caso que se puede usar controles Web y en otros HTML, donde los Web se los
deber usar en las siguientes situaciones:
Preferimos un modelo de programacin similar a Visual Basic
Estamos desarrollando Web Forms que deben ser mostrados por varios tipos de
navegadores.
Se necesita una funcionalidad especfica, como puede ser un calendario o un rotador
de anuncios.

TEMAS ACTUALES II
Ingeniera Sistemas Pgina 4
David Freire
Noveno Semestre
Y los controles HTML preferible se los utilizara en las situaciones:
Preferimos un modelo de objetos similar al lenguaje HTML.
Estamos Trabajando con pginas Web existentes y las queremos migrar a Web
Forms.
El control debe interactuar con script de cliente y de servidor.
Como ya se mencion anteriormente estos controles son iguales a los HTML, con una
excepcin de que estos presentan un atributo runat con el valor server, tambin es que este
posee un atributo especial para el tratamiento de eventos del cliente con cdigo del servidor.
Cuando sea necesario usar el tratamiento de eventos con cdigo de servidor, se debe usar el
atributo onserverevento, indicndole como valor el nombre del mtodo que se desea
ejecutar.
Cuando se quiera permitir hacer referencia a los controles dentro del cdigo fuente de la
pgina, debemos usar el atributo id, de esta forma el objeto se puede utilizar en cdigo del
servidor, ya sea para usar sus mtodos o manipular sus propiedades.
Sintaxis general para presentar los controles HTML.
<input type="elementoHTML" id="identificador" runat="server" >
Web Forms con varios controles HTML de ASP.Net:
<%@ Page language="c#"%>
<HTML>
<script language="C#" runat="server">
void Pulsado(Object sender, EventArgs args){
etiqueta.InnerText=
lista.Value;
}
</script>
<body>
<form id="WebForm" method="post" runat="server">
<select id="lista" runat="server">
<option selected>La Naranja Mecnica</option>
<option>El Resplador</option>
<option>Lolita</option>
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 5
David Freire
Noveno Semestre
<option>2001</option>
</select>
<input
type="button" id="boton" runat="server" value="seleccionar"
onserverclick="Pulsado">
<div id="etiqueta" runat="server"></div>
</form>
</body>
</HTML>
Cdigo en ejecucin:

En este ejemplo solo se ha accedido a las propiedades de los controles a travs del nombre
con el que los hemos declarado, como se lo hace en Visual Basic.
Se lo puede lograr a una instancia de una clase determinada, y por lo tanto cada uno de ellos
poseer sus propiedades y mtodos.
En las distintas llamadas al formulario se mantiene el estado del mismo, sin necesidad de
escribir algn cdigo adicional.
Todo esto se hace posible al campo oculto que lo genera el Web Form denominado
_VIEWSTATE.
Lo que se logra con estos controles es nos permiten mantener la compatibilidad con
versiones anteriores ASP.
Dentro de un espacio con nombre (NameSpace) donde se los encuentra los controles HTML
se denomina System.Web.UI.HtmlControls y cabe recordar que los controles HTML, como
todos los controles ASP.Net, tienen sus clases correspondientes dentro del .Net Framework.
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 6
David Freire
Noveno Semestre
El atributo que nos permite trabajar con los controles es runat=server.
Con este atributo nos permiten activar cada uno de los eventos para su tratamiento en el
servidor y su mantenimiento automtico dentro del Web Form.
Cada una de las distintas clases que representan a los controles HTML las empezamos a
describir:
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 7
David Freire
Noveno Semestre
Este control es aquel que nos permite manejar enlaces y a los cuales le corresponde la
etiqueta <a>. Cuando se pulsa un botn esta propiedad cambia a HRef, para que el enlace
apunte a otro destino.
<%@ Page Language=C# %>
<Script Language=C# runat=server>
Void BotonPulsado (Object fuente, EventArgs args)
{
Enlace.HRef=HolaMundo.aspx;
}
</Script>
<HTML>
<Body>
<Form id=Formulario Method=post runat=Server>
<a HRef=Fecha.aspx id=Enlace runat=server> Pulsar enlace</a><br>
<Button runat=Server id=Boton onserverclick=BotonPulsado>
<b>Pulsa</b></Button>
</Form>
</Body>
</HTML>

En el evento BotonPulsado(), este evento se lo designo cuando se pulse el botn y recibe
como parmetros un objeto que sea de la clase genrica Object, la cual representa al objeto
que genera el evento y tambin un objeto de la clase EventsArgs la cual representa al evento
que se ha producido.
Para indicar este mtodo de la clase HTML que se ejecute cuando se pulse sobre el objeto de
la clase HTMLButton se usa la propiedad onserverclick de la etiqueta <Button>.
Usando este control podemos generar la etiqueta <Button> de HTNL y pertenece a la
especificacin 4.0 de HTML, y solo es soportada por Web Internet explorer 4.0 o superior, se
lo usa cuando se quiere personalizar al mximo el aspecto de un botn.
Es la que representa la etiqueta <Form> en el servidor y es con la cual podemos definir un
Web Form, que es el encargado de contener una serie de controles de servidor en la pagina
ASP.Net.

TEMAS ACTUALES II
Ingeniera Sistemas Pgina 8
David Freire
Noveno Semestre
Es una clase que se usa para representar las etiquetas HTML, los cuales no poseen una
correspondencia directa con las clases del .Net Framework, tal y como sucede con las
etiquetas <span>, <div> o <body>, etc.
Cuando usamos un control HTML de una clase HTMLGenericControl, en el mismo se
pueden incluir otros objetos de las clases como por ejemplo HTMLInput, HTMLSelect.
Al usar esta clase podemos utilizar la etiqueta <img> de HTML en el servidor (<img
runat=server>), es el cual nos permite manipular imgenes.
Este control es aquel que representa en el servidor las etiquetas <input type=Button>,
<input type=Submit> y <input type=Reset>, sea todos y cada uno de los controles los
cuales podemos encontrar dentro de un formulario, y el tipo de botn que se genera viene
dado por el valor de la propiedad type.
Este control es el que corresponde con la etiqueta <input type=checkbox>, y mediante el
mismo tenemos acceso en el servidor a este tipo de elemento.
Con esta clase podemos tener el acceso a la etiqueta <input type=file>, pero hay que
tomar en cuenta que para poder usar este control el atributo de type de la etiqueta <Form>,
que contenga este elemento debe tener el valor Multipart/form-data.
Esta clase es la que corresponde con la etiqueta <input type=Hidden>, y es un control de
servidor el cual nos permite usar campos ocultos de un Web Form.
Es una clase la cual representa a la etiqueta <input type=image>, nos permite un acceso a
los campos de imagen de un formulario.
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 9
David Freire
Noveno Semestre
El control HTML es una instancia de esta clase, el cual generara una etiqueta <input
type=Radio>, y permite al cdigo del servidor que interacte con este elemento.
Corresponde con las etiquetas <input type=Text> y <input type=Password>, se trata de
un tipo de caja de texto o captura de texto que se genera y viene dado por el valor de la
propiedad type.
Este control es el que corresponde con una lista desplegable HTML, con una etiqueta
<select>.
El uso de este control es el que corresponde al usa de una tabla del Lenguaje HTML, que
permite el acceso desde el cdigo del servidor a una etiqueta <Table>, y posee una coleccin
llamada Rows, que contiene objetos de la clase HTMLTableRow.
Con el uso de los objetos de la clase HTMLTableRow y HTMLTableCell nos permite crear
filas y columnas de la tabla.
Esta clase esta telacionada con la clase que mencionamos anteriormente la cual nos permite
la manipulacin de una fila de una tabla y posee una coleccin llamada Cells.
Esta clase nos permite el acceso a las celdas de una tabla, que corresponde con las etiquetas
<td> y <th>.
Con este control podemos utilizar y manipular en el servidor la etiqueta <TextArea>.
CORRESPONDENCIA ENTRE CONTROLES HTML Y ETIQUETAS HTML.
Aqu nos ofrece una tabla la cual pretende ser un resumen de las equivalencias entre los
controles y las etiquetas HTML con las que se corresponden.

TEMAS ACTUALES II
Ingeniera Sistemas Pgina 10
David Freire
Noveno Semestre
CORRESPONDENCIA ENTRE CONTROLES WEB INTRNSECOS Y
ETIQUETAS HTML.
La correspondencia que existe entre estos controles y las etiquetas HTML que son generadas
en el navegador el cual solicita la ejecucin de las paginas ASP.Net veremos a continuacin.
Si hacemos una comparacin de etiquetas y controles con la correspondencia que enviamos
anteriormente con los controles HTML, se puede ver que con los controles Web la
correspondencia de algunos casos no es tan evidente como suceda con los controles HTML.
Control Web intrnseco Etiqueta HTML correspondiente:
Button <Input type=Submit>
CheckBox <Input type=CheckBox>
DropDownList <Select>
HyperLink <a>
Image <Img>
ImageButton <Input Type=Image>
Label <Span>
LinkButton <a>
ListBox <Select>
Panel <Div>
PlaceHolder No genera cdigo HTML
RadioButton <Input Type=Radio>
Table <Table>
TableCell <Td>,<Th>
TableRow <Tr>
TextBox <Input Type=Text>
TEMAS ACTUALES II
Ingeniera Sistemas Pgina 11
David Freire
Noveno Semestre
Aqu mostraremos un pequeo ejemplo que utiliza un Web Form con varios controles de
ASP.Net, el cual es el tpico Hola Mundo, pero usando los Web Form que hemos ya
mencionado.
Este ejemplo crearemos un Web Form el cual va a contener un botn, que el mismo al ser
pulsado, nos mostrara por pantalla el mensaje Hola Mundo.
Codigo:
<html>
<body>
<script language="C#" runat="server">
void Pulsado(Object sender, EventArgs args){
etiqueta.InnerText ="Hola Mundo";
}
</script>
<form id="controlesHTML" method="post" runat="server">
<input type="button" id="boton" runat="server" value="Pulsar"
onserverclick="Pulsado" NAME="boton">
<div id="etiqueta" runat="server"></div>
</form>
</body>
</html>

Codigo en ejecucin:

Este Web Form consta de dos controles ASP.Net, un botn el cual es un objeto de la clase
HTMLInputButton y se completa con una etiqueta que forma parte del objeto de la clase
HTMLGenericControl, y ambas clases se encuentran en el espacio de nombre
System.Web.UI.HtmlControls.
Como se puede apreciar en el cdigo, la sintaxis que nos ofrecen los controles HTML de
servidor es muy similar a la sintaxis de los clsicos controles usados en el lenguaje HTML.
Con la propiedad Id se lo identifica de forma nica al control ASP.Net. OnserverClick, nos
permite indicar la pulsacin del botn.

TEMAS ACTUALES II
Ingeniera Sistemas Pgina 12
David Freire
Noveno Semestre
<%@ Page Language="C#" %>
<html>
<body>
<script language="C#" runat="server">
void Pulsado(Object fuente, EventArgs args)
{
etiqueta.Text = "Hola Mundo";

}
</script>
<form id="formulario" method="post" runat="server">
<asp:Button ID="boton" OnClick="Pulsado" runat="server"
Text="Pulsar" ForeColor="Yellow" BackColor="CadetBlue"></asp:Button>
<p>
<asp:Label ID="etiqueta" runat="server" ForeColor="Red"></asp:Label>
</p>
</form>
</body>
</html>