1
00:00:00,000 --> 00:00:04,642
[MUSIC]

2
00:00:04,642 --> 00:00:09,310
Давайте кратко обсудим таблицы загрузки.

3
00:00:09,310 --> 00:00:15,537
Что делает бутстрап для таблиц стилей, которые мы включаем в наши веб-страницы?

4
00:00:15,537 --> 00:00:20,636
Мы также рассмотрим другой компонент bootstrap, называемый bootstrap card,

5
00:00:20,636 --> 00:00:24,790
который является очень универсальным компонентом для отображения контента.

6
00:00:26,520 --> 00:00:31,438
Может быть много случаев, когда вы хотите представить табличное содержимое

7
00:00:31,438 --> 00:00:32,717
на вашей веб-странице.

8
00:00:32,717 --> 00:00:37,021
Таблицы были в основном разработаны для

9
00:00:37,021 --> 00:00:41,998
этой цели, но вскоре после того, как

10
00:00:41,998 --> 00:00:46,706
дизайнеры веб-страниц захватили таблицы в использование для

11
00:00:46,706 --> 00:00:52,170
проектирования и размещения контента на страницах.

12
00:00:52,170 --> 00:00:56,992
Потому что изначально исходный HTML не имел

13
00:00:56,992 --> 00:01:01,931
возможности правильно размещать содержимое на веб-странице.

14
00:01:01,931 --> 00:01:07,175
Конечно, с появлением макетов на основе сетки, таких как сетка начальной загрузки,

15
00:01:07,175 --> 00:01:09,804
таблицы были включены в таблицы.

16
00:01:09,804 --> 00:01:14,379
И все чаще люди предпочитают не использовать таблицы в

17
00:01:14,379 --> 00:01:19,465
качестве основного вида компоновки контента на веб-страницах.

18
00:01:19,465 --> 00:01:24,440
Для этой цели лучше разработаны макеты на основе сетки.

19
00:01:24,440 --> 00:01:29,896
Вот пример того, что мы можем сделать со стандартной таблицей HTML,

20
00:01:29,896 --> 00:01:36,736
используя несколько классов, которые bootstrap обеспечивает для стилей таблиц.

21
00:01:36,736 --> 00:01:41,951
Таким образом, вы можете видеть, что набор отдельно, отображая

22
00:01:41,951 --> 00:01:47,371
его в более темном цвете, а затем сами строки подсвечиваются

23
00:01:47,371 --> 00:01:53,020
путем отображения альтернативных строк с различными резервными копиями.

24
00:01:53,020 --> 00:01:58,168
Таблица, используемая в начальной загрузке на основе этой страницы,

25
00:01:58,168 --> 00:02:04,898
аналогична тому, как вы используете таблицы в стандартных HTML-страницах.

26
00:02:04,898 --> 00:02:09,220
Но, конечно, вы применяете таблицу классов, которая

27
00:02:09,220 --> 00:02:14,610
поддерживается в bootstrap к стандартной таблице tech.

28
00:02:14,610 --> 00:02:21,490
Кроме того, bootstrap предоставляет множество различных классов для стилизации таблиц, таких как

29
00:02:21,490 --> 00:02:27,410
таблица полосатый для зебры полосатых таблиц, как мы видели в примере ранее.

30
00:02:27,410 --> 00:02:30,433
Точно так же, у нас есть стол, граничащий с границами.

31
00:02:30,433 --> 00:02:38,136
Столы, стол-наводка, стол-см для столов с подкладкой ячеек разрезаны попополам.

32
00:02:38,136 --> 00:02:43,289
И аналогичным образом, табличный отзывчивый может быть применен к div вокруг таблиц, так

33
00:02:43,289 --> 00:02:48,696
что таблицы могут быть сделаны отзывчивыми там, где он отображается на меньших размерах экрана.

34
00:02:48,696 --> 00:02:54,723
Затем таблицы смогут прокручивать горизонтально и вертикально.

35
00:02:54,723 --> 00:03:00,039
Кроме того, вы можете применить фоны к отдельным строкам таблиц или

36
00:03:00,039 --> 00:03:02,480
самим целым таблицам.

37
00:03:02,480 --> 00:03:08,454
Вот несколько примеров того, как вы можете применить

38
00:03:08,454 --> 00:03:13,766
цвет фона к определенной строке или определенной ячейке в таблице.

39
00:03:13,766 --> 00:03:18,478
Другим универсальным компонентом, который доступен в bootstrap

40
00:03:18,478 --> 00:03:20,695
, является карта загрузки.

41
00:03:20,695 --> 00:03:24,708
Иногда вы можете выделить некоторое содержимое на вашей веб-странице.

42
00:03:24,708 --> 00:03:28,695
Так вот где бутстрап приходит вам на помощь.

43
00:03:28,695 --> 00:03:33,172
В Bootstrap карта является универсальным компонентом, который позволяет

44
00:03:33,172 --> 00:03:35,904
отображать контент в myriads способов.

45
00:03:35,904 --> 00:03:40,360
Вы заметите, что это позволяет вам иметь заголовки для карт.

46
00:03:40,360 --> 00:03:42,625
Вы также можете включать изображения в карты.

47
00:03:42,625 --> 00:03:45,615
Вы можете включать изображения в фоновом режиме карточек.

48
00:03:45,615 --> 00:03:49,470
Вы даже можете изменить цвета фона карт.

49
00:03:49,470 --> 00:03:52,450
Многие функции поддерживаются картами.

50
00:03:53,530 --> 00:03:59,218
Вот несколько примеров карт, которые мы увидим в упражнениях позже.

51
00:03:59,218 --> 00:04:04,974
Мы также увидим более универсальных нас карт в последующих упражнениях и

52
00:04:04,974 --> 00:04:09,090
других курсах в этой специализации.

53
00:04:09,090 --> 00:04:14,090
Карта является очень важной компанией, которая может быть эффективно использована для

54
00:04:14,090 --> 00:04:15,900
отображения контента.

55
00:04:15,900 --> 00:04:21,203
Пришло время перейти к следующему упражнению, где мы будем использовать таблицы и

56
00:04:21,203 --> 00:04:24,844
карты для отображения некоторого контента на нашей веб-странице.

57
00:04:24,844 --> 00:04:30,629
[ МУЗЫКА]