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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

3. Crear Formularios Web Forms

9,362

Published on

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
9,362
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
149
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Crear un formulario Web Form con Microsoft ASP.NET
  • 2. Descripción
    • Crear formularios Web Forms
    • Uso de controles de servidor
  • 3. 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
  • 4. ¿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
  • 5. 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
  • 6. Demostración: convertir una página HTML en un formulario Web
    • Cambiar la extensión .htm por la extensión .aspx
  • 7. 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
  • 8. ¿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;/>
  • 9. 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
  • 10. 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; />
  • 11. 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
  • 12. 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; / >
  • 13. 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;/>
  • 14. 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
  • 15. 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
  • 16. Demostración: Agregar controles de servidor a un formulario Web
    • Crear un formulario Web
    • Agregar controles TextBox, Button y Label
    • Agregar un control Calendar

×