1
00:00:00,000 --> 00:00:04,642
[MÚSICA]

2
00:00:04,642 --> 00:00:09,310
Vamos a discutir brevemente acerca de las tablas de arranque.

3
00:00:09,310 --> 00:00:15,537
¿ Qué aporta el bootstrap a las tablas de estilo que incluimos en nuestras páginas web?

4
00:00:15,537 --> 00:00:20,636
También veremos otro componente de arranque llamado como tarjeta de arranque,

5
00:00:20,636 --> 00:00:24,790
que es un componente muy versátil para mostrar contenido.

6
00:00:26,520 --> 00:00:31,438
Puede haber muchas ocasiones en las que desee presentar contenido tabular

7
00:00:31,438 --> 00:00:32,717
en su página web.

8
00:00:32,717 --> 00:00:37,021
Las tablas se diseñaron esencialmente para

9
00:00:37,021 --> 00:00:41,998
ese propósito, pero poco después de que

10
00:00:41,998 --> 00:00:46,706
los diseñadores de páginas web secuestraran tablas para

11
00:00:46,706 --> 00:00:52,170
utilizarlas para diseñar y diseñar contenido en las páginas.

12
00:00:52,170 --> 00:00:56,992
Porque intrínsecamente, el HTML original no tenía

13
00:00:56,992 --> 00:01:01,931
la capacidad de diseñar correctamente el contenido en una página web.

14
00:01:01,931 --> 00:01:07,175
Por supuesto, con la llegada de diseños basados en cuadrícula como la cuadrícula de arranque,

15
00:01:07,175 --> 00:01:09,804
las tablas se han activado en tablas.

16
00:01:09,804 --> 00:01:14,379
Y cada vez más, la gente prefiere no usar tablas

17
00:01:14,379 --> 00:01:19,465
como un tipo principal de diseño de contenido de construcción en páginas web.

18
00:01:19,465 --> 00:01:24,440
Los diseños basados en cuadrícula están mejor diseñados para este propósito.

19
00:01:24,440 --> 00:01:29,896
Aquí hay un ejemplo de lo que podemos hacer a una tabla HTML estándar

20
00:01:29,896 --> 00:01:36,736
mediante el uso de varias clases que bootstrap proporciona para tablas de estilo.

21
00:01:36,736 --> 00:01:41,951
Así que aquí, puede ver que el conjunto aparte

22
00:01:41,951 --> 00:01:47,371
mostrándolo en color más oscuro y luego las filas mismas se resaltan

23
00:01:47,371 --> 00:01:53,020
mostrando filas alternativas con diferentes copias de seguridad.

24
00:01:53,020 --> 00:01:58,168
La tabla utilizada en el arranque basada en esa página

25
00:01:58,168 --> 00:02:04,898
es similar a la forma en que se utilizan las tablas en páginas HTML estándar.

26
00:02:04,898 --> 00:02:09,220
Pero, por supuesto, aplica la tabla de clases que es

27
00:02:09,220 --> 00:02:14,610
compatible con bootstrap a una tecnología de tabla estándar.

28
00:02:14,610 --> 00:02:21,490
Además, bootstrap proporciona muchas clases diferentes para diseñar tablas como,

29
00:02:21,490 --> 00:02:27,410
tabla rayada para tablas de rayas de cebra como vimos en el ejemplo anterior.

30
00:02:27,410 --> 00:02:30,433
Del mismo modo, tenemos la tabla bordeada para los bordes.

31
00:02:30,433 --> 00:02:38,136
Tablas, tabla flotante, table-sm para tablas con relleno de celda cortado por la mitad.

32
00:02:38,136 --> 00:02:43,289
Y de manera similar, la respuesta a la tabla se puede aplicar a un div alrededor de las tablas, de modo

33
00:02:43,289 --> 00:02:48,696
que las tablas se pueden hacer sensibles donde se muestra en tamaños de pantalla más pequeños.

34
00:02:48,696 --> 00:02:54,723
Las tablas podrán desplazarse horizontalmente y verticalmente.

35
00:02:54,723 --> 00:03:00,039
Además, puede aplicar fondos a filas individuales de tablas o

36
00:03:00,039 --> 00:03:02,480
tablas enteras.

37
00:03:02,480 --> 00:03:08,454
Aquí hay un par de ejemplos de cómo se puede aplicar un

38
00:03:08,454 --> 00:03:13,766
color de fondo a una fila o celda en particular de la tabla.

39
00:03:13,766 --> 00:03:18,478
Otro componente versátil que está disponible en bootstrap

40
00:03:18,478 --> 00:03:20,695
es una tarjeta de arranque.

41
00:03:20,695 --> 00:03:24,708
A veces, es posible que desee resaltar algo de contenido en su página web.

42
00:03:24,708 --> 00:03:28,695
Así que aquí es donde el bootstrap viene en tu ayuda.

43
00:03:28,695 --> 00:03:33,172
En Bootstrap tarjeta es un componente versátil que le permite

44
00:03:33,172 --> 00:03:35,904
mostrar contenido en miríadas de maneras.

45
00:03:35,904 --> 00:03:40,360
Notarías que te permite tener encabezados para tarjetas.

46
00:03:40,360 --> 00:03:42,625
También puede incluir imágenes en tarjetas.

47
00:03:42,625 --> 00:03:45,615
Puede incluir imágenes en el fondo de las tarjetas.

48
00:03:45,615 --> 00:03:49,470
Incluso puede cambiar los colores de fondo de las tarjetas.

49
00:03:49,470 --> 00:03:52,450
Muchas características son compatibles con tarjetas.

50
00:03:53,530 --> 00:03:59,218
Aquí hay un par de ejemplos de tarjetas que veremos en los ejercicios más adelante.

51
00:03:59,218 --> 00:04:04,974
También nos veremos más versátiles de cartas en ejercicios posteriores y

52
00:04:04,974 --> 00:04:09,090
otros cursos en esta especialización.

53
00:04:09,090 --> 00:04:14,090
Card es una empresa muy importante que se puede utilizar eficazmente para

54
00:04:14,090 --> 00:04:15,900
mostrar contenido.

55
00:04:15,900 --> 00:04:21,203
Es hora de pasar al siguiente ejercicio en el que usaremos tablas y

56
00:04:21,203 --> 00:04:24,844
tarjetas para mostrar algún contenido en nuestra página web.

57
00:04:24,844 --> 00:04:30,629
[ MÚSICA]