3.  Crear Formularios Web Forms
Upcoming SlideShare
Loading in...5
×
 

3. Crear Formularios Web Forms

on

  • 10,888 views

 

Statistics

Views

Total Views
10,888
Views on SlideShare
10,835
Embed Views
53

Actions

Likes
0
Downloads
145
Comments
0

3 Embeds 53

http://www.slideshare.net 25
http://localhost 24
http://basedatosprogramacionweb.blogspot.com 4

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

3.  Crear Formularios Web Forms 3. Crear Formularios Web Forms Presentation Transcript

  • Crear un formulario Web Form con Microsoft ASP.NET
  • Descripción
    • Crear formularios Web Forms
    • Uso de controles de servidor
  • Lección: Crear formularios Web Forms
    • ¿Qué es un formulario Web Form?
    • Crear un formulario Web Form con Visual Studio .NET
    • Demostración: convertir una página HTML en un formulario Web Form
  • ¿Qué es un formulario Web?
    • <%@ Page Language=&quot;vb&quot; Codebehind=&quot;WebForm1.aspx.vb&quot; SmartNavigation=&quot;true&quot;%>
    • <html>
    • <body ms_positioning=&quot;GridLayout&quot;>
    • <form id=&quot;Form1&quot; method=&quot;post&quot; runat=&quot;server&quot;>
    • </form>
    • </body>
    • </html>
    • Extensión .aspx
    • Atributos de página
      • Directiva @ Page
    • Atributos de cuerpo
    • Atributos de formulario
  • Crear un formulario Web con Visual Studio .NET
    • Las nuevas aplicaciones Web ASP.NET crean un formulario Web predeterminado: WebForm1.aspx
    • Crear formularios Web Forms adicionales desde el Explorador de soluciones
    • Actualizar páginas HTML existentes en formularios Web Forms
  • Demostración: convertir una página HTML en un formulario Web
    • Cambiar la extensión .htm por la extensión .aspx
  • Lección: uso de los controles de servidor
    • ¿Qué es un control de servidor?
    • Tipos de controles de servidor
    • Guardar View State
    • Demostración: convertir controles HTML en controles de servidor
    • Controles de servidor HTML
    • Controles de servidor Web
    • Práctica: identificar el código HTML generado por los controles de servidor Web
    • Seleccionar el control adecuado
    • Demostración: agregar controles de servidor a un formulario Web
  • ¿Qué es un control de servidor?
    • Runat=&quot;server&quot;
      • Los eventos ocurren en el servidor
      • View state saved
    • Have built-in functionality
    • Common object model
      • Todos tiene atributos Id y Text
    • Crear browser-specific HTML
    <asp:Button id=&quot;Button1&quot; runat=&quot;server&quot; Text=&quot;Submit&quot;/>
  • Tipos de controles de servidor
    • Controles de servidor HTML
    • Controles de servidor Web
      • Controles intrínsecos
      • Controles de validación
      • Controles ricos
      • Controles List-bound
      • Controles Web de Internet Explorer
  • Guardar el estado de vista
    • <%@ Page EnableViewState=&quot;False&quot; %>
    • <asp:ListBox id=&quot;ListName&quot; EnableViewState=&quot;true&quot; runat=&quot;server&quot;>
    • </asp:ListBox>
    • Control oculto ViewState de pares de nombre y valor almacenados en el formulario Web Form
    • De forma predeterminada, ajustable a nivel de formulario Web Form y control
    <input type=&quot;hidden&quot; name=&quot;__VIEWSTATE&quot; value=&quot;dDwtMTA4MzE0MjEwNTs7Pg==&quot; />
  • Demostración: Convertir controles HTML en controles de servidor
    • Actualizar controles HTML a controles de servidor HTML
    • Agregar un control de servidor Web
    • Utilizar SmartNavigation
  • Controles de servidor HTML
    • Basados en elementos HTML
    • Existen en el espacio de nombres System.Web.UI.HtmlControls
    <input type= &quot; text &quot; id= &quot; txtName &quot; runat= &quot; server &quot; / >
  • Controles de servidor Web
    • Existen en el espacio de nombres System.Web.UI.WebControls
    • Sintaxis del control
    • HTML generado por el control
    <asp:TextBox id= &quot; TextBox1 &quot; runat= &quot; server &quot;> Text_to_Display </asp:TextBox> <input name= &quot; TextBox1&quot; type=&quot;text&quot; value=&quot; Text_to_Display &quot; Id=&quot;TextBox1&quot;/>
  • Práctica: Identificar el código HTML generado por los controles de servidor Web
    • Los estudiantes:
      • Agregarán controles de servidor Web a un formulario Web e identificarán el código HTML que se envía al cliente
    • Tiempo: 5 minutos
  • Seleccionar el control adecuado Se necesitan funcionalidades específicas como un calendario o rotación de publicidad El control interactuará con scripts cliente y servidor Se está escribiendo una página que puede ser utilizada por varios navegadores Se está trabajando con páginas HTML existentes y se desea agregar funcionalidades de página ASP.NET Web Se prefiere un modelo de programación Visual Basic Se prefiere un modelo de objetos como HTML Utilizar controles de servidor Web si: Utilizar controles de servidor HTML si: El ancho de banda no es un problema El ancho de banda es limitado
  • Demostración: Agregar controles de servidor a un formulario Web
    • Crear un formulario Web
    • Agregar controles TextBox, Button y Label
    • Agregar un control Calendar