Descargar la presentación
La descarga está en progreso. Por favor, espere
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?
Extensión .aspx Atributos de página Page Atributos de cuerpo Atributos de formulario Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%> <html> <body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form> </body> </html>
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?
<asp:Button id="Button1" runat="server" Text="Submit"/> Runat="server" 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
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
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="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" /> Page EnableViewState="False" %> <asp:ListBox id="ListName" EnableViewState="true" runat="server"> </asp:ListBox>
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="text" id="txtName" runat="server" />
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="TextBox1" runat="server">Text_to_Display </asp:TextBox> <input name="TextBox1" type="text" value="Text_to_Display" Id="TextBox1"/>
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
Utilizar controles de servidor HTML si: Utilizar controles de servidor Web si: Se prefiere un modelo de objetos como HTML Se prefiere un modelo de programación Visual Basic Se está trabajando con páginas HTML existentes y se desea agregar funcionalidades de página ASP.NET Web Se está escribiendo una página que puede ser utilizada por varios navegadores El control interactuará con scripts cliente y servidor Se necesitan funcionalidades específicas como un calendario o rotación de publicidad El ancho de banda es limitado El ancho de banda no es un problema
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
Presentaciones similares
