1
00:00:03,260 --> 00:00:08,650
Es hora de pasar a la segunda asignación en este curso.

2
00:00:08,650 --> 00:00:13,599
Esta semana habíamos cubierto botones, formularios,

3
00:00:13,599 --> 00:00:20,095
tablas, tarjetas, imágenes y medios de comunicación y finalmente cubrimos la insignia.

4
00:00:20,095 --> 00:00:23,870
Por lo tanto, esta tarea vamos a ver

5
00:00:23,870 --> 00:00:29,780
tratando de explorar su comprensión de todos estos temas.

6
00:00:30,010 --> 00:00:33,920
Su segunda asignación consta de tres tareas.

7
00:00:33,920 --> 00:00:37,120
Vamos a revisar cada uno de ellos paso a paso.

8
00:00:37,120 --> 00:00:44,160
Su primera tarea es crear un formulario en su tono de tabla de estrategia de índice.

9
00:00:44,160 --> 00:00:48,110
Por lo tanto, esto es justo después de las descripciones que tenemos así que

10
00:00:48,110 --> 00:00:53,345
use otra fila con el contenido de la fila allí.

11
00:00:53,345 --> 00:00:57,850
Crea una tarjeta allí con un título.

12
00:00:57,850 --> 00:01:01,065
Reserve una mesa, y luego dentro de esa tarjeta,

13
00:01:01,065 --> 00:01:04,460
en el bloque de tarjetas, incluya un formulario.

14
00:01:04,460 --> 00:01:08,095
El formulario contendrá botones de opción.

15
00:01:08,095 --> 00:01:13,280
Puede consultar la documentación de formularios para comprender cómo crear botones de opción.

16
00:01:13,280 --> 00:01:14,620
Son bastante sencillos.

17
00:01:14,620 --> 00:01:19,100
Por lo tanto, tenemos botones de radio en línea que van de uno a

18
00:01:19,100 --> 00:01:25,400
seis y usted permitirá al usuario seleccionar cualquiera de estos botones de radio.

19
00:01:25,400 --> 00:01:26,780
Así que al hacer clic en uno de ellos,

20
00:01:26,780 --> 00:01:29,455
le permitirá seleccionar el número de invitados.

21
00:01:29,455 --> 00:01:32,900
Y la segunda información es la fecha,

22
00:01:32,900 --> 00:01:35,055
y la tercera información es el tiempo.

23
00:01:35,055 --> 00:01:40,480
Por lo tanto, la fecha y la hora van a ser compatibles con dos campos de entrada

24
00:01:40,480 --> 00:01:44,040
aquí y luego tenemos un botón de envío aquí llamado

25
00:01:44,040 --> 00:01:47,955
«reserva» con el botón en color azul.

26
00:01:47,955 --> 00:01:52,855
Por lo tanto, recuerde todos estos detalles diferentes aquí y esto está en una tarjeta.

27
00:01:52,855 --> 00:01:59,980
Ahora, esta tarjeta si está en un tamaño de pantalla pequeño a extra grande,

28
00:01:59,980 --> 00:02:08,000
se centrará en esta fila y ocupará ocho columnas.

29
00:02:08,000 --> 00:02:11,180
Así que te quedan dos columnas aquí y dos columnas allí.

30
00:02:11,180 --> 00:02:14,915
Estas son algunas pistas sobre cómo vas a posicionar esto.

31
00:02:14,915 --> 00:02:17,020
Para tamaños de pantalla extra pequeños,

32
00:02:17,020 --> 00:02:20,900
usted ocupa todo el ancho de la pantalla; de

33
00:02:20,900 --> 00:02:25,670
lo contrario, su formulario no se puede acomodar de manera significativa allí.

34
00:02:25,670 --> 00:02:31,505
Entonces, esa es la primera tarea en tu segunda tarea.

35
00:02:31,505 --> 00:02:38,285
Si recuerdas, a la izquierda el segundo sorteo de nuestro contenido sin estilo,

36
00:02:38,285 --> 00:02:41,980
vas a utilizar el objeto multimedia ahora para darle estilo a este contenido.

37
00:02:41,980 --> 00:02:43,790
Tenga en cuenta en particular que,

38
00:02:43,790 --> 00:02:47,460
para el objeto multimedia, su imagen va a aparecer en el lado derecho,

39
00:02:47,460 --> 00:02:50,365
así que use el conjunto correcto de

40
00:02:50,365 --> 00:02:55,800
clases para hacer que su imagen aparezca en el lado derecho del contenido, a

41
00:02:55,800 --> 00:03:00,275
diferencia de las otras donde la imagen aparece en el lado izquierdo.

42
00:03:00,275 --> 00:03:02,930
Y tiene que estar centrado verticalmente aquí.

43
00:03:02,930 --> 00:03:08,665
Además, tenga en cuenta que debe incluir una insignia aquí con la palabra «nuevo».

44
00:03:08,665 --> 00:03:11,530
Y por eso ya hemos visto esto en

45
00:03:11,530 --> 00:03:15,025
el ejercicio anterior, por lo que no debería ser muy difícil de lograr.

46
00:03:15,025 --> 00:03:16,780
Por lo tanto, su segunda tarea, de nuevo,

47
00:03:16,780 --> 00:03:21,030
es usar el objeto multimedia para darle estilo a esto.

48
00:03:21,030 --> 00:03:24,545
La tarea final en la segunda asignación,

49
00:03:24,545 --> 00:03:27,455
es crear un botón aquí.

50
00:03:27,455 --> 00:03:29,735
Esto sería un botón de bloqueo.

51
00:03:29,735 --> 00:03:32,635
Entonces, clase de bloque de botones que vas a usar.

52
00:03:32,635 --> 00:03:38,430
Ahora, lo que puede hacer es que puede reposicionar este contenido

53
00:03:38,430 --> 00:03:41,170
aquí para ocupar la mitad de la pantalla y

54
00:03:41,170 --> 00:03:44,770
luego a estos dos les gustará la parte restante de la pantalla.

55
00:03:44,770 --> 00:03:47,910
Y usa la mesa de reserva de palabras allí.

56
00:03:47,910 --> 00:03:50,815
No sólo eso, al hacer clic en este botón,

57
00:03:50,815 --> 00:03:55,085
se le llevará al formulario en la parte inferior de la página,

58
00:03:55,085 --> 00:03:57,340
lo que le permite hacer la reserva.

59
00:03:57,340 --> 00:04:01,150
Por lo tanto, aquí es donde necesita usar las formas HTML de

60
00:04:01,150 --> 00:04:05,695
especificar ID para lograr esta acción.

61
00:04:05,695 --> 00:04:12,940
Así que volviendo de nuevo, este botón debe colocarse verticalmente en la

62
00:04:12,940 --> 00:04:21,610
mesa y debe compartir la mitad del espacio de la pantalla con su logotipo aquí.

63
00:04:21,610 --> 00:04:25,550
Las palabras aquí pueden ocupar la mitad restante de los guiones.

64
00:04:25,550 --> 00:04:30,930
Por lo tanto, puede usar las clases de columna para ajustar estas cosas.