1
00:00:00,000 --> 00:00:04,303
[MUSIQUE]

2
00:00:04,303 --> 00:00:06,765
Parlons maintenant des polices d'icônes.

3
00:00:06,765 --> 00:00:07,867
Qu' est-ce qu'ils sont ?

4
00:00:07,867 --> 00:00:09,284
En quoi sont-elles utiles ?

5
00:00:09,284 --> 00:00:13,540
Et comment les utiliser dans la conception de notre site Web ?

6
00:00:13,540 --> 00:00:18,958
Les polices d'icônes offrent un moyen très flexible d'inclure de minuscules

7
00:00:18,958 --> 00:00:24,732
images dans nos pages Web qui peuvent être stylées comme du texte.

8
00:00:24,732 --> 00:00:30,753
C' est donc la raison pour laquelle les polices d'icônes se révèlent très,

9
00:00:30,753 --> 00:00:35,840
très utiles dans la conception de sites Web.

10
00:00:35,840 --> 00:00:40,290
En utilisant les polices d'icônes, vous pouvez prendre une page Web comme

11
00:00:40,290 --> 00:00:44,270
celle-ci et la transformer rapidement en une page Web comme celle-ci.

12
00:00:44,270 --> 00:00:50,381
Notez l'utilisation d'icônes avec le texte dans la barre de navigation,

13
00:00:50,381 --> 00:00:54,996
puis lorsque vous faites défiler vers le bas jusqu'au pied de page,

14
00:00:54,996 --> 00:01:00,013
vous pouvez voir plus d'icônes utilisées dans le pied de page.

15
00:01:00,013 --> 00:01:08,220
Et aussi vos liens de médias sociaux sont maintenant remplacés par des boutons de médias sociaux ici.

16
00:01:08,220 --> 00:01:16,910
Ce sont donc les modifications que les polices d'icônes vous permettront d'effectuer sur votre site Web.

17
00:01:16,910 --> 00:01:22,367
Ainsi, comme je l'ai brièvement mentionné précédemment, les polices d'icônes sont un ensemble de symboles ou de

18
00:01:22,367 --> 00:01:26,219
glyphes qui peuvent être utilisés dans la conception de votre site Web.

19
00:01:26,219 --> 00:01:29,519
Ceux-ci peuvent être utilisés comme les polices normales,

20
00:01:29,519 --> 00:01:34,390
tout comme les polices de texte habituelles que vous utilisez sur votre site Web.

21
00:01:34,390 --> 00:01:38,953
Leur avantage est que vous pouvez les

22
00:01:38,953 --> 00:01:43,876
styliser, puis les développer et les contracter et utiliser tous

23
00:01:43,876 --> 00:01:49,657
les styles typiques que vous utilisez sur votre texte, pour vos icônes aussi.

24
00:01:49,657 --> 00:01:53,535
Ils sont considérés comme un remplacement léger populaire pour les

25
00:01:53,535 --> 00:01:57,159
graphiques simples que vous pouvez utiliser dans vos pages Web,

26
00:01:57,159 --> 00:02:01,750
simplement des graphiques ou des images que vous pouvez utiliser dans vos pages Web.

27
00:02:01,750 --> 00:02:07,290
Et ils sont très, très utiles dans la conception de vos pages web.

28
00:02:07,290 --> 00:02:15,110
Il existe de nombreux packs de polices d'icônes qui sont disponibles sur le marché.

29
00:02:15,110 --> 00:02:18,180
L' un des plus populaires est Font Awesome,

30
00:02:18,180 --> 00:02:19,377
dont je vais parler ensuite.

31
00:02:20,590 --> 00:02:24,850
Font Awesome, comme je le dis, est une police d'icône très populaire.

32
00:02:24,850 --> 00:02:28,770
Il est disponible gratuitement pour une utilisation dans la conception de votre page.

33
00:02:28,770 --> 00:02:32,975
Il a été largement utilisé par de nombreux sites Web différents.

34
00:02:32,975 --> 00:02:37,580
Nous allons apprendre à télécharger Font Awesome

35
00:02:37,580 --> 00:02:42,940
, puis l'utiliser dans la page Web dans l'exercice qui suit cette conférence.

36
00:02:44,180 --> 00:02:49,982
Utiliser Font Awesome dans votre page Web est aussi simple que d'

37
00:02:49,982 --> 00:02:55,217
utiliser certaines classes qui sont appliquées à un i,

38
00:02:55,217 --> 00:02:59,897
ou une balise span dans le code HTML de votre page Web.

39
00:02:59,897 --> 00:03:02,480
Donc, une fois que vous incluez

40
00:03:02,480 --> 00:03:07,440
le CSS et les fichiers de polices qui sont disponibles via Font Awesome,

41
00:03:07,440 --> 00:03:13,860
il est très simple d'utiliser Font Awesome dans vos pages.

42
00:03:15,120 --> 00:03:20,491
Une autre caractéristique commune que vous verrez sur les

43
00:03:20,491 --> 00:03:27,337
pages Web est l'utilisation de boutons de sites sociaux comme Facebook,

44
00:03:27,337 --> 00:03:33,260
Twitter, Google+, YouTube et bien d'autres.

45
00:03:34,530 --> 00:03:39,931
Maintenant heureusement pour nous, il y a cet autre

46
00:03:39,931 --> 00:03:46,415
fichier CSS appelé bootstrap-social que vous pouvez télécharger et

47
00:03:46,415 --> 00:03:50,873
utiliser, y compris divers

48
00:03:50,873 --> 00:03:55,346
boutons de site de médias sociaux dans votre page Web.

49
00:03:55,346 --> 00:04:01,940
Nous verrons l'utilisation de bootstrap-social dans l'exercice qui suit.

50
00:04:01,940 --> 00:04:06,532
Une fois que vous téléchargez le fichier css bootstrap-social, vous l'incluez dans votre page Web.

51
00:04:06,532 --> 00:04:11,385
Et puis, avec les icônes Font Awesome,

52
00:04:11,385 --> 00:04:16,604
vous pouvez combiner cela avec des classes sociales bootstrap

53
00:04:16,604 --> 00:04:22,688
pour inclure divers boutons de médias sociaux sur vos pages Web.

54
00:04:22,688 --> 00:04:27,834
Donc, sans plus tarder, passons à l'exercice suivant où

55
00:04:27,834 --> 00:04:32,787
nous allons utiliser à la fois Font Awesome et bootstrap-social,

56
00:04:32,787 --> 00:04:37,546
une version modifiée du fichier bootstrap-social.css que je

57
00:04:37,546 --> 00:04:42,984
fournit sur les instructions d'exercice que vous devriez télécharger et

58
00:04:42,984 --> 00:04:48,647
inclure dans votre projet de confusion et utiliser de celui-ci dans l'exercice.

59
00:04:48,647 --> 00:04:54,639
[ MUSIQUE]