[MUSIC]
In der vorherigen Lektion habe ich auf die nav-Klasse Bezug genommen, die in Bootstrap zum
Erstellen von Navigationsstrukturen verwendet wird.
Wir haben das Navbar-Navigationsgerät bereits im vorherigen Modul erkundet.
In diesem Vortrag
werden wir nav Tabs und nav Pillen in ein wenig mehr Detail zu erkunden.
Und die Übung, die darauf folgt, werden wir uns
ansehen, wie wir dies nutzen, um eine Navigationsstruktur für unsere Webseite zu erstellen.
Tabs und Pillen bieten eine interessante Navigationsstruktur für unsere Webseite.
Sie ermöglichen es Ihnen, Inhalte in Ihrer Webseite einzufügen, die
der Benutzer zwischen den Inhalten navigieren kann, ohne
die Webseite auf eine andere Webseite neu zu laden.
Wenn Sie also eine bestimmte Menge an Inhalten haben, die auf Ihrer Webseite präsentiert werden
sollen, aber nur einen Teil des Inhalts auf Ihrer Webseite anzeigen möchten, dem
Benutzer aber immer noch die Möglichkeit bieten, zu anderen Teilen des Inhalts zu navigieren,
dann können Tabs und Pillen für diesen Zweck sehr nützlich sein.
Was ist besser, als nur zu gehen und einen Blick auf die Verwendung von Tabs und
Pillen in der Navigation zu werfen? Wenn
Sie sich ein Beispiel für die Verwendung von Registerkarten in der Navigation ansehen,
sehen Sie, dass Sie in diesem speziellen Fall
die Informationen zur Unternehmensführung
auf unserer Seite aboutus.html haben, die in Registerkarten mit der oben aufgebauten Tab-Navigation eingeschlossen ist.
So können Sie sehen, dass Sie die vier verschiedenen Unternehmensleiter
in ihrer eigenen Registerkarte hier vertreten haben.
Und der Inhalt, der derzeit auf der Webseite enthüllt wird, ist nur
die Details über den ersten Unternehmensführer.
Wenn Sie also zu anderen wechseln möchten, klicken Sie einfach auf
die entsprechende Registerkarte und zeigen dann diesen Inhalt auf Ihrer Webseite an.
Beachten Sie also, dass wir nicht zu einer anderen Webseite navigieren, aber
wir zeigen einfach den Inhalt mit dieser Tab-Navigation hier.
Stattdessen finden Sie in einigen Fällen möglicherweise
eine Tabletten-basierte Navigation für Ihren Zweck nützlicher.
Eine Pillenbasierte Navigation funktioniert also so.
So haben Sie hier immer noch die gleiche Navigationsstruktur oben, aber
die aktuell angezeigten Informationen werden hier als Pille hervorgehoben.
Wenn Sie also zu einem anderen Teil Ihrer Navigation wechseln, beachten Sie, wie
dieses bestimmte Element auf der Webseite hervorgehoben wird,
und die entsprechenden Informationen werden im Tab-Inhalt unten angezeigt.
Dies ist also eine Pillen-basierte Navigation.
Dies verwendet also nav Pillen anstelle von nav Tabs für
die Klasse, die dort auf die nav Klasse angewendet wird.
Nun, da Sie ein Beispiel für die Verwendung von Tabbed und Pull-Navigation
in einer Webseite gesehen haben, bin ich sicher, Sie sind neugierig zu wissen, wie es tatsächlich konstruiert ist.
Das ist es, was wir in der nächsten Übung erforschen werden.
So werden wir Registernavigation verwenden und dann Tab-Inhalt und
Registerkarten verwenden, um die tatsächlichen Inhalte zu organisieren, die auf unserer Webseite angezeigt werden.
( MUSIK)