1
00:00:00,042 --> 00:00:04,268
[MUSIC]

2
00:00:04,268 --> 00:00:09,793
In der vorherigen Lektion habe ich auf die nav-Klasse Bezug genommen, die in Bootstrap zum

3
00:00:09,793 --> 00:00:12,790
Erstellen von Navigationsstrukturen verwendet wird.

4
00:00:12,790 --> 00:00:17,376
Wir haben das Navbar-Navigationsgerät bereits im vorherigen Modul erkundet.

5
00:00:17,376 --> 00:00:21,660
In diesem Vortrag

6
00:00:21,660 --> 00:00:26,700
werden wir nav Tabs und nav Pillen in ein wenig mehr Detail zu erkunden.

7
00:00:26,700 --> 00:00:29,350
Und die Übung, die darauf folgt, werden wir uns

8
00:00:29,350 --> 00:00:33,927
ansehen, wie wir dies nutzen, um eine Navigationsstruktur für unsere Webseite zu erstellen.

9
00:00:36,020 --> 00:00:41,300
Tabs und Pillen bieten eine interessante Navigationsstruktur für unsere Webseite.

10
00:00:42,640 --> 00:00:47,608
Sie ermöglichen es Ihnen, Inhalte in Ihrer Webseite einzufügen, die

11
00:00:47,608 --> 00:00:52,201
der Benutzer zwischen den Inhalten navigieren kann, ohne

12
00:00:52,201 --> 00:00:55,460
die Webseite auf eine andere Webseite neu zu laden.

13
00:00:55,460 --> 00:01:00,190
Wenn Sie also eine bestimmte Menge an Inhalten haben, die auf Ihrer Webseite präsentiert werden

14
00:01:00,190 --> 00:01:04,700
sollen, aber nur einen Teil des Inhalts auf Ihrer Webseite anzeigen möchten, dem

15
00:01:04,700 --> 00:01:09,855
Benutzer aber immer noch die Möglichkeit bieten, zu anderen Teilen des Inhalts zu navigieren,

16
00:01:09,855 --> 00:01:13,340
dann können Tabs und Pillen für diesen Zweck sehr nützlich sein.

17
00:01:14,390 --> 00:01:18,290
Was ist besser, als nur zu gehen und einen Blick auf die Verwendung von Tabs und

18
00:01:18,290 --> 00:01:19,790
Pillen in der Navigation zu werfen? Wenn

19
00:01:20,860 --> 00:01:25,430
Sie sich ein Beispiel für die Verwendung von Registerkarten in der Navigation ansehen,

20
00:01:25,430 --> 00:01:28,890
sehen Sie, dass Sie in diesem speziellen Fall

21
00:01:29,910 --> 00:01:34,570
die Informationen zur Unternehmensführung

22
00:01:34,570 --> 00:01:40,240
auf unserer Seite aboutus.html haben, die in Registerkarten mit der oben aufgebauten Tab-Navigation eingeschlossen ist.

23
00:01:40,240 --> 00:01:44,740
So können Sie sehen, dass Sie die vier verschiedenen Unternehmensleiter

24
00:01:44,740 --> 00:01:47,270
in ihrer eigenen Registerkarte hier vertreten haben.

25
00:01:47,270 --> 00:01:52,080
Und der Inhalt, der derzeit auf der Webseite enthüllt wird, ist nur

26
00:01:52,080 --> 00:01:55,270
die Details über den ersten Unternehmensführer.

27
00:01:55,270 --> 00:02:00,280
Wenn Sie also zu anderen wechseln möchten, klicken Sie einfach auf

28
00:02:00,280 --> 00:02:05,520
die entsprechende Registerkarte und zeigen dann diesen Inhalt auf Ihrer Webseite an.

29
00:02:05,520 --> 00:02:08,610
Beachten Sie also, dass wir nicht zu einer anderen Webseite navigieren, aber

30
00:02:08,610 --> 00:02:13,590
wir zeigen einfach den Inhalt mit dieser Tab-Navigation hier.

31
00:02:15,030 --> 00:02:17,980
Stattdessen finden Sie in einigen Fällen möglicherweise

32
00:02:17,980 --> 00:02:22,650
eine Tabletten-basierte Navigation für Ihren Zweck nützlicher.

33
00:02:22,650 --> 00:02:25,150
Eine Pillenbasierte Navigation funktioniert also so.

34
00:02:25,150 --> 00:02:29,210
So haben Sie hier immer noch die gleiche Navigationsstruktur oben, aber

35
00:02:29,210 --> 00:02:34,270
die aktuell angezeigten Informationen werden hier als Pille hervorgehoben.

36
00:02:34,270 --> 00:02:39,760
Wenn Sie also zu einem anderen Teil Ihrer Navigation wechseln, beachten Sie, wie

37
00:02:39,760 --> 00:02:45,600
dieses bestimmte Element auf der Webseite hervorgehoben wird,

38
00:02:45,600 --> 00:02:49,500
und die entsprechenden Informationen werden im Tab-Inhalt unten angezeigt.

39
00:02:49,500 --> 00:02:51,790
Dies ist also eine Pillen-basierte Navigation.

40
00:02:51,790 --> 00:02:56,680
Dies verwendet also nav Pillen anstelle von nav Tabs für

41
00:02:56,680 --> 00:03:02,030
die Klasse, die dort auf die nav Klasse angewendet wird.

42
00:03:02,030 --> 00:03:06,770
Nun, da Sie ein Beispiel für die Verwendung von Tabbed und Pull-Navigation

43
00:03:06,770 --> 00:03:12,180
in einer Webseite gesehen haben, bin ich sicher, Sie sind neugierig zu wissen, wie es tatsächlich konstruiert ist.

44
00:03:12,180 --> 00:03:16,310
Das ist es, was wir in der nächsten Übung erforschen werden.

45
00:03:16,310 --> 00:03:20,418
So werden wir Registernavigation verwenden und dann Tab-Inhalt und

46
00:03:20,418 --> 00:03:25,940
Registerkarten verwenden, um die tatsächlichen Inhalte zu organisieren, die auf unserer Webseite angezeigt werden.

47
00:03:25,940 --> 00:03:29,369
( MUSIK)