[MUSIC]
Il est révolu l'époque où les sites Web étaient uniquement utilisés pour
fournir des informations aux utilisateurs.
De nos jours, sur la plupart des sites Web, les utilisateurs seront en mesure d'interagir avec le site Web
pour fournir des informations, par exemple en cliquant sur des boutons ou en remplissant des formulaires
et en tapant quelque chose dans des zones de recherche, etc.
Alors, comment pouvons-nous prendre en charge ces types d'interactions avec les utilisateurs ?
C' est donc ce que nous allons aborder dans cette conférence et dans
l'exercice qui suit.
Par exemple, si vous visitez le site Web de Coursera, vous verrez que vous avez des
boutons en haut ici sur lesquels vous pouvez cliquer pour atteindre différents endroits.
Vous pourriez avoir une zone de recherche, dans laquelle vous pouvez taper des informations,
pour rechercher, disons par exemple, le développement web de pile complète et, ainsi de suite.
Donc, ce que nous remarquons est que l'interaction utilisateur doit être prise en charge
sur les sites Web en utilisant de nombreuses approches différentes, y compris des boutons, des
formulaires, des zones de texte, des cases à cocher, et bien d'autres.
Les premières interactions avec les sites Web ont été fournies principalement par le biais de liens hypertexte.
Donc, vous pouvez cliquer sur un lien hypertexte et aller à d'autres endroits et ainsi de suite, mais
c'est évidemment, le
lien hypertexte est juste l'une des nombreuses méthodes d'interaction avec votre site Web.
Vous pouvez avoir des boutons inclus sur le site Web qui, lorsqu'il est cliqué,
entraînera une action sur le site Web.
Vous pourriez avoir des formulaires que vous remplissez pour fournir des renseignements sur le site Web.
Donc, lorsque vous regardez comment vous souhaitez inclure de telles
fonctionnalités d'interaction utilisateur dans votre site Web, vous verrez que vous pouvez utiliser quelque chose
comme les balises a qui sont utiles pour fournir des liens hypertexte,
puis vous avez les balises de bouton qui vous permettent d'inclure des boutons dans votre site Web.
Maintenant, ce que nous allons examiner est comment formater avec des balises sur
les balises de bouton en utilisant des classes bootstrap afin que vous puissiez les
styliser pour simuler le thème général de bootstrap.
HTML inclut déjà les éléments de formulaire et les éléments d'entrée.
Maintenant, nous pouvons regarder comment bootstrap améliore ces éléments en fournissant des
fonctionnalités de style pour les formes, et divers éléments qui entrent dans les formes.
Les boutons fournissent évidemment un moyen simple d'interagir avec votre site Web.
Donc, lorsque vous avez un bouton sur votre site Web, vous pouvez passer le curseur sur le bouton,
vous pouvez cliquer sur le bouton et vous attendre à ce que quelque chose se produise dans le processus.
Le comportement du bouton dépend de l'endroit où il est positionné dans bootstrap.
Si le bouton se trouve à l'intérieur d'un formulaire, par exemple,
le clic sur le bouton entraîne généralement l'envoi du formulaire à un serveur
ou l'annulation des informations du formulaire.
Un bouton situé à l'extérieur d'un formulaire pourrait avoir d'autres moyens d'interagir.
De même, la < a > balise que nous avons traditionnellement associée à
des hyperliens pourrait également être détournée pour être stylée et
présentée sous la forme d'un bouton.
Donc, ici, nous allons voir comment bootstrap fournit des classes qui peuvent être
utilisées pour formater la balise en un bouton à présenter sur votre site Web.
Nous examinerons également divers éléments de formulaire, tels que les éléments d'entrée
, la sélection, le bouton et aussi les éléments
de texte AD, et comment nous les utilisons dans nos formulaires pour concevoir et
construire un formulaire qui peut être inclus dans notre site Web.
Donc, l'exercice qui suit cette conférence particulière vous présentera le
support bootstrap pour les boutons de style, et
aussi regarder comment divers éléments de forme peuvent être améliorés en utilisant des
classes bootstrap pour présenter des formes Bootstrap classiques.