Es hora de pasar a la segunda asignación en este curso.
Esta semana habíamos cubierto botones, formularios,
tablas, tarjetas, imágenes y medios de comunicación y finalmente cubrimos la insignia.
Por lo tanto, esta tarea vamos a ver
tratando de explorar su comprensión de todos estos temas.
Su segunda asignación consta de tres tareas.
Vamos a revisar cada uno de ellos paso a paso.
Su primera tarea es crear un formulario en su tono de tabla de estrategia de índice.
Por lo tanto, esto es justo después de las descripciones que tenemos así que
use otra fila con el contenido de la fila allí.
Crea una tarjeta allí con un título.
Reserve una mesa, y luego dentro de esa tarjeta,
en el bloque de tarjetas, incluya un formulario.
El formulario contendrá botones de opción.
Puede consultar la documentación de formularios para comprender cómo crear botones de opción.
Son bastante sencillos.
Por lo tanto, tenemos botones de radio en línea que van de uno a
seis y usted permitirá al usuario seleccionar cualquiera de estos botones de radio.
Así que al hacer clic en uno de ellos,
le permitirá seleccionar el número de invitados.
Y la segunda información es la fecha,
y la tercera información es el tiempo.
Por lo tanto, la fecha y la hora van a ser compatibles con dos campos de entrada
aquí y luego tenemos un botón de envío aquí llamado
«reserva» con el botón en color azul.
Por lo tanto, recuerde todos estos detalles diferentes aquí y esto está en una tarjeta.
Ahora, esta tarjeta si está en un tamaño de pantalla pequeño a extra grande,
se centrará en esta fila y ocupará ocho columnas.
Así que te quedan dos columnas aquí y dos columnas allí.
Estas son algunas pistas sobre cómo vas a posicionar esto.
Para tamaños de pantalla extra pequeños,
usted ocupa todo el ancho de la pantalla; de
lo contrario, su formulario no se puede acomodar de manera significativa allí.
Entonces, esa es la primera tarea en tu segunda tarea.
Si recuerdas, a la izquierda el segundo sorteo de nuestro contenido sin estilo,
vas a utilizar el objeto multimedia ahora para darle estilo a este contenido.
Tenga en cuenta en particular que,
para el objeto multimedia, su imagen va a aparecer en el lado derecho,
así que use el conjunto correcto de
clases para hacer que su imagen aparezca en el lado derecho del contenido, a
diferencia de las otras donde la imagen aparece en el lado izquierdo.
Y tiene que estar centrado verticalmente aquí.
Además, tenga en cuenta que debe incluir una insignia aquí con la palabra «nuevo».
Y por eso ya hemos visto esto en
el ejercicio anterior, por lo que no debería ser muy difícil de lograr.
Por lo tanto, su segunda tarea, de nuevo,
es usar el objeto multimedia para darle estilo a esto.
La tarea final en la segunda asignación,
es crear un botón aquí.
Esto sería un botón de bloqueo.
Entonces, clase de bloque de botones que vas a usar.
Ahora, lo que puede hacer es que puede reposicionar este contenido
aquí para ocupar la mitad de la pantalla y
luego a estos dos les gustará la parte restante de la pantalla.
Y usa la mesa de reserva de palabras allí.
No sólo eso, al hacer clic en este botón,
se le llevará al formulario en la parte inferior de la página,
lo que le permite hacer la reserva.
Por lo tanto, aquí es donde necesita usar las formas HTML de
especificar ID para lograr esta acción.
Así que volviendo de nuevo, este botón debe colocarse verticalmente en la
mesa y debe compartir la mitad del espacio de la pantalla con su logotipo aquí.
Las palabras aquí pueden ocupar la mitad restante de los guiones.
Por lo tanto, puede usar las clases de columna para ajustar estas cosas.