[MUSIQUE]
Parlons maintenant des polices d'icônes.
Qu' est-ce qu'ils sont ?
En quoi sont-elles utiles ?
Et comment les utiliser dans la conception de notre site Web ?
Les polices d'icônes offrent un moyen très flexible d'inclure de minuscules
images dans nos pages Web qui peuvent être stylées comme du texte.
C' est donc la raison pour laquelle les polices d'icônes se révèlent très,
très utiles dans la conception de sites Web.
En utilisant les polices d'icônes, vous pouvez prendre une page Web comme
celle-ci et la transformer rapidement en une page Web comme celle-ci.
Notez l'utilisation d'icônes avec le texte dans la barre de navigation,
puis lorsque vous faites défiler vers le bas jusqu'au pied de page,
vous pouvez voir plus d'icônes utilisées dans le pied de page.
Et aussi vos liens de médias sociaux sont maintenant remplacés par des boutons de médias sociaux ici.
Ce sont donc les modifications que les polices d'icônes vous permettront d'effectuer sur votre site Web.
Ainsi, comme je l'ai brièvement mentionné précédemment, les polices d'icônes sont un ensemble de symboles ou de
glyphes qui peuvent être utilisés dans la conception de votre site Web.
Ceux-ci peuvent être utilisés comme les polices normales,
tout comme les polices de texte habituelles que vous utilisez sur votre site Web.
Leur avantage est que vous pouvez les
styliser, puis les développer et les contracter et utiliser tous
les styles typiques que vous utilisez sur votre texte, pour vos icônes aussi.
Ils sont considérés comme un remplacement léger populaire pour les
graphiques simples que vous pouvez utiliser dans vos pages Web,
simplement des graphiques ou des images que vous pouvez utiliser dans vos pages Web.
Et ils sont très, très utiles dans la conception de vos pages web.
Il existe de nombreux packs de polices d'icônes qui sont disponibles sur le marché.
L' un des plus populaires est Font Awesome,
dont je vais parler ensuite.
Font Awesome, comme je le dis, est une police d'icône très populaire.
Il est disponible gratuitement pour une utilisation dans la conception de votre page.
Il a été largement utilisé par de nombreux sites Web différents.
Nous allons apprendre à télécharger Font Awesome
, puis l'utiliser dans la page Web dans l'exercice qui suit cette conférence.
Utiliser Font Awesome dans votre page Web est aussi simple que d'
utiliser certaines classes qui sont appliquées à un i,
ou une balise span dans le code HTML de votre page Web.
Donc, une fois que vous incluez
le CSS et les fichiers de polices qui sont disponibles via Font Awesome,
il est très simple d'utiliser Font Awesome dans vos pages.
Une autre caractéristique commune que vous verrez sur les
pages Web est l'utilisation de boutons de sites sociaux comme Facebook,
Twitter, Google+, YouTube et bien d'autres.
Maintenant heureusement pour nous, il y a cet autre
fichier CSS appelé bootstrap-social que vous pouvez télécharger et
utiliser, y compris divers
boutons de site de médias sociaux dans votre page Web.
Nous verrons l'utilisation de bootstrap-social dans l'exercice qui suit.
Une fois que vous téléchargez le fichier css bootstrap-social, vous l'incluez dans votre page Web.
Et puis, avec les icônes Font Awesome,
vous pouvez combiner cela avec des classes sociales bootstrap
pour inclure divers boutons de médias sociaux sur vos pages Web.
Donc, sans plus tarder, passons à l'exercice suivant où
nous allons utiliser à la fois Font Awesome et bootstrap-social,
une version modifiée du fichier bootstrap-social.css que je
fournit sur les instructions d'exercice que vous devriez télécharger et
inclure dans votre projet de confusion et utiliser de celui-ci dans l'exercice.
[ MUSIQUE]