Subtitles of the Movie

þÿ [00:00:00.0] Ahora voy a hacer algo diferente. Voy a arrastrar, a hacer doble clic y a colocar un botón aquí. [00:00:06.0] Ahora usted verá 'Flow Layout' y 'Grid Layout'. Estas cosas están en 'Flow Layout'. [00:00:17.0] Veremos por qué en unos segundos. [00:00:19.0] Sin embargo, yo puedo entrar y colocar un 'Return', y pulsar el botón hasta la siguiente línea. Después voy a colocar 'Label', luego 'Label' junto a aquél. [00:00:32.0] Hago doble clic en él, lo hago aparecer allí, y lo extiendo. [00:00:38.0] Ahora, yo puedo colocar espacios para mover ese rótulo hacia allí . [00:00:41.0] Después, en mi 'Label', voy a 'Properties', y dejo allí el ID del rótulo y voy a retirar el rótulo. [00:00:51.0] Esto es algo genial. [00:00:53.0] Estoy en mi control de usuario web. Voy a hacer doble clic en el botón, y aquí voy a hacer algo que verdaderamente es inútil. [00:01:00.0] Label2.Text="You clicked the button!"' Obviamente, sabemos que es lo que va a hacer. [00:01:13.0] Cuando hago clic, observe lo que está pasando aquí en la parte superior. He añadido dos tabulaciones más. [00:01:18.0] Si usted recuerda, yo abrí este proyecto, y luego añadí un control web. [00:01:25.0] Aquí está la página 'code behind' para mi control web, en donde yo estoy colocando mi funcionalidad. [00:01:29.0] Igualmente, vea que en mi control web también tengo 'Page Load', 'Page Initialization', y 'Initialize Component'. [00:01:39.0] Este item está siendo tratada como una página web separada. [00:01:41.0] Aquí está mi control web de usuario. Voy a dar una mirada al HTML. Observe que no hay encabezado, cuerpo, título, ni todas esas cosas. [00:01:52.0] Solamente los controles que yo he colocado allí, con los ajustes en ellos. Vea que aquí está mi rótulo "Welcome to ASP". [00:01:58.0] Observe que aquí está usando los controles web. [00:02:01.0] Entonces ahora, para usar este control, voy a ir a la pagina original '.aspx' de mi formulario web 'form1'. Voy a tomar mi control web de usuario, hago clic izquierdo en él, [00:02:12.0] lo arrastro hacia la página, y lo suelto. [00:02:15.0] Usted verá, que allí arriba hay un control de usuario. [00:02:17.0] Si voy a HTML, usted verá que automáticamente ha puesto allí esta directriz @ register. [00:02:24.0] Veamos esta directriz. Indica: '@ Register TagPrefix="uc1"'. Básicamente está creando un 'namespace' a partir de la etiqueta, allí está 'uc1'. [00:02:35.0] El nombre de la etiqueta es 'WebUserControl1', y es la fuente de 'WebUserControl1.ascx'. Esto está relacionado con la compilación. [00:02:45.0] Ya hemos hablado de esto en el curso, si lo recuerda. [00:02:48.0] Ejecutemos esto y démosle un vistazo. Observe que le ha ocurrido a nuestra página. [00:02:53.0] Hemos adicionado nuestra página. Esto es un encabezado. [00:03:00.0] Observe que estas cosas están llenas, así que retirémonos. [00:03:03.0] Hagamos un poco de limpieza aquí. Voy a ir a 'Design'. Tomaré estos dos items, y los voy a bajar un poco. [00:03:11.0] Voy a regresar, y ejecuto mi página. [00:03:14.0] Usted verá que tengo el control de usuario en la parte superior. Si hago clic en este botón... [00:03:20.0] Observe que está funcionando. Usted ha pulsado el botón, y observe que el 'Postback' está haciendo que esto suceda. [00:03:26.0] Si yo quisiera, podría escribir algo de código para lidiar con esto. Sin embargo, también tengo esta funcionalidad aquí en la parte superior. [00:03:33.0] Pero, ¿qué pasa si yo tuviera aquí otra página web? Entonces vayamos a 'Solutions Explorer'. [00:03:40.0] Haga doble clic y añada otro formulario web. Este será 'web form2'. [00:03:45.0] Voy a abrir el formulario 'web form2' y arrastraré 'user control1' hacia él. [00:03:50.0] Ahora, 'web form2' tendrá el mismo control. [00:03:55.0] Bien, si voy a mi sitio web, creo un enlace y luego vengo a este lugar, vería ese control en ambas páginas. Es así de fácil. [00:04:02.0] Cada página de mi proyecto o de mi aplicación puede tener la misma apariencia en la parte superior de cada página. [00:04:09.0] Esos son los controles de usuario. Así es como se utilizan, y así es como usted puede construirlos. [00:04:13.0] Recuerde: Usted puede convertir en controles web las páginas que ya posee, [00:04:17.0] cambiando la extensión, retirando algo de los encabezados, del cuerpo, y del título, etc., [00:04:23.0] y guardando esto como un control web. Estos controles son geniales; juegue con ellos, usted puede añadir mucha funcionalidad y re-utilizar bastante código. [00:04:32.0] Esto es lo que vamos a ver cubrir con estos controles de usuario. Utilícelos como una plataforma de lanzamiento. Trabaje con estos controles: [00:04:40.0] hay muchas posibilidades allí afuera. [00:04:43.0]