[MUSIK]
Vorbei sind die Zeiten, in denen Websites rein für die
Bereitstellung von Informationen an die Benutzer verwendet wurden.
Heutzutage können Benutzer auf den meisten Websites mit der Website interagieren, um
Informationen zu liefern, zum Beispiel durch Klicken auf Schaltflächen oder durch Ausfüllen von Formularen
und durch Eingabe von etwas in Suchfelder usw.
Wie unterstützen wir diese Art von Interaktionen mit den Benutzern?
Das ist also, was wir in diesem speziellen Vortrag und
der folgenden Übung beschäftigen werden.
Als Beispiel, wenn Sie die Coursera-Website besuchen, werden Sie sehen, dass Sie
oben Schaltflächen haben, auf die Sie klicken können, um verschiedene Orte zu erreichen.
Sie könnten ein Suchfeld haben, in das Sie Informationen eingeben können,
zum Beispiel nach einer vollständigen Stack-Webentwicklung usw. suchen können.
Was wir bemerken, ist, dass Benutzerinteraktion
auf Websites mit vielen verschiedenen Ansätzen unterstützt werden muss, einschließlich Schaltflächen
, Formulare, Textfelder, Kontrollkästchen und viele andere.
Frühe Interaktionen mit Websites wurden hauptsächlich über Hyperlinks zur Verfügung gestellt.
So könnten Sie auf einen Hyperlink klicken und gehen Sie zu anderen Orten und so weiter, aber
das ist offensichtlich,
Hyperlink ist nur eine der vielen Methoden der Interaktion mit Ihrer Website.
Sie könnten Buttons auf der Website enthalten haben, die, wenn Sie darauf klicken,
dazu führen, dass einige Aktionen auf der Website ausgeführt werden.
Sie können Formulare haben, die Sie ausfüllen, um Informationen für die Website bereitzustellen.
Wenn Sie sich also ansehen, wie Sie solche
Benutzerinteraktionsfunktionen in Ihre Website aufnehmen würden, werden Sie sehen, dass Sie so etwas
wie die a-Tags verwenden könnten, die für die Bereitstellung von Hyperlinks nützlich sind,
dann haben Sie die Schaltflächen-Tags, mit denen Sie Schaltflächen in Ihrer Website einschließen können.
Nun, was wir uns ansehen werden, ist, wie wir mit einem Tags auf
den Button Tags mit Bootstrap-Klassen formatieren, so dass Sie sie stylen können,
um das allgemeine Thema von Bootstrap fälschen.
HTML enthält bereits die Formularelemente und die Eingabeelemente darin.
Jetzt können wir uns ansehen, wie Bootstrap diese Elemente verbessert, indem wir
Styling-Funktionen für Formulare und verschiedene Elemente bereitstellen, die in die Formulare gehen.
Schaltflächen bieten offensichtlich eine einfache Möglichkeit, mit Ihrer Website zu interagieren.
Wenn Sie also eine Schaltfläche auf Ihrer Website haben, können Sie mit dem Mauszeiger auf die Schaltfläche klicken,
können Sie auf die Schaltfläche klicken und erwarten, dass etwas in dem Prozess passiert.
Das Verhalten der Schaltfläche hängt davon ab, wo es in Bootstrap positioniert ist.
Wenn sich die Schaltfläche beispielsweise in einem Formular befindet, führt
das Klicken auf die Schaltfläche normalerweise dazu, dass das Formular an einen Server gesendet wird
oder die Formularinformationen abgebrochen werden.
Eine Schaltfläche außerhalb eines Formulars kann andere Möglichkeiten haben, Interaktionen bereitzustellen.
Ebenso < a >
könnte das Tag, das wir traditionell mit Hyperlinks in Verbindung gebracht haben, auch entführt werden, um gestylt und
in Form eines Buttons präsentiert zu werden.
Also hier werden wir sehen, wie Bootstrap Klassen bietet, die
verwendet werden können, um das Tag in eine Schaltfläche zu formatieren, die auf Ihrer Website präsentiert werden.
Wir werden auch verschiedene Formularelemente betrachten, wie die Eingabeelemente,
Select, die Schaltfläche und auch die Text-AD-Elemente, und
wie wir sie in unseren Formularen verwenden, um
ein Formular zu entwerfen und zu konstruieren, das in unsere Website aufgenommen werden kann.
Die Übung, die dieser speziellen Vorlesung folgt, wird Ihnen die
Bootstrap-Unterstützung für Styling-Buttons vorstellen und
sich auch ansehen, wie verschiedene Formularelemente mithilfe von
Bootstrap-Klassen verbessert werden können, um klassische Bootstrap-Formulare zu präsentieren.