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

2
00:00:04,303 --> 00:00:06,765
Parliamo ora di caratteri icona.

3
00:00:06,765 --> 00:00:07,867
Cosa sono?

4
00:00:07,867 --> 00:00:09,284
Come sono utili?

5
00:00:09,284 --> 00:00:13,540
E come li usiamo nella progettazione del nostro sito web?

6
00:00:13,540 --> 00:00:18,958
I caratteri icona forniscono un modo molto flessibile di includere piccole

7
00:00:18,958 --> 00:00:24,732
immagini nelle nostre pagine web che possono essere modellate proprio come il testo.

8
00:00:24,732 --> 00:00:30,753
Quindi questa è la ragione per cui i caratteri icona si rivelano molto,

9
00:00:30,753 --> 00:00:35,840
molto utili nella progettazione di siti web.

10
00:00:35,840 --> 00:00:40,290
Usando i caratteri dell'icona, puoi prendere una pagina web come questa e

11
00:00:40,290 --> 00:00:44,270
trasformarla rapidamente in una pagina web come questa.

12
00:00:44,270 --> 00:00:50,381
Nota l'uso delle icone insieme al testo nella barra di navigazione,

13
00:00:50,381 --> 00:00:54,996
e poi quando scorri verso il basso fino al piè di pagina,

14
00:00:54,996 --> 00:01:00,013
puoi vedere più icone che vengono utilizzate nel piè di pagina.

15
00:01:00,013 --> 00:01:08,220
E anche i link dei social media sono ora sostituiti dai pulsanti dei social media qui.

16
00:01:08,220 --> 00:01:16,910
Quindi queste sono le modifiche che i caratteri icona ti permetteranno di fare al tuo sito web.

17
00:01:16,910 --> 00:01:22,367
Quindi, come ho accennato brevemente in precedenza, i font delle icone sono un insieme di simboli o

18
00:01:22,367 --> 00:01:26,219
glifi che possono essere utilizzati nella progettazione del tuo sito web.

19
00:01:26,219 --> 00:01:29,519
Questi possono essere utilizzati come font normali,

20
00:01:29,519 --> 00:01:34,390
proprio come i font di testo normali che usi nel tuo sito web. Il

21
00:01:34,390 --> 00:01:38,953
loro vantaggio è che è possibile modellarli e

22
00:01:38,953 --> 00:01:43,876
poi espandere e contrarli e utilizzare tutti gli

23
00:01:43,876 --> 00:01:49,657
stili tipici che si utilizzano sul vostro testo, per le vostre icone anche.

24
00:01:49,657 --> 00:01:53,535
Essi sono visti come un popolare sostituto leggero per

25
00:01:53,535 --> 00:01:57,159
grafica semplice che è possibile utilizzare nelle vostre pagine web,

26
00:01:57,159 --> 00:02:01,750
semplicemente grafica o immagini che è possibile utilizzare nelle vostre pagine web.

27
00:02:01,750 --> 00:02:07,290
E sono molto, molto utili nella progettazione delle tue pagine web.

28
00:02:07,290 --> 00:02:15,110
Ci sono molti pacchetti di caratteri icona che sono disponibili sul mercato.

29
00:02:15,110 --> 00:02:18,180
Uno dei più popolari è Font Awesome, di

30
00:02:18,180 --> 00:02:19,377
cui parlerò dopo.

31
00:02:20,590 --> 00:02:24,850
Font Awesome, come dico, è un font icona molto popolare.

32
00:02:24,850 --> 00:02:28,770
È disponibile gratuitamente per l'uso nella progettazione del design della pagina.

33
00:02:28,770 --> 00:02:32,975
È stato ampiamente utilizzato da molti siti web diversi.

34
00:02:32,975 --> 00:02:37,580
Impareremo come scaricare Font Awesome e

35
00:02:37,580 --> 00:02:42,940
poi usarlo nella pagina web nell'esercizio che segue questa lezione.

36
00:02:44,180 --> 00:02:49,982
L' utilizzo di Font Awesome nella tua pagina web è semplice come

37
00:02:49,982 --> 00:02:55,217
utilizzare alcune classi applicate a un i

38
00:02:55,217 --> 00:02:59,897
o un tag span nel codice HTML della tua pagina web.

39
00:02:59,897 --> 00:03:02,480
Quindi, una volta inclusi i CSS e

40
00:03:02,480 --> 00:03:07,440
i file di font che sono disponibili tramite Font Awesome,

41
00:03:07,440 --> 00:03:13,860
allora è molto semplice utilizzare Font Awesome nelle tue pagine.

42
00:03:15,120 --> 00:03:20,491
Un' altra caratteristica comune che si vedrebbe sulle

43
00:03:20,491 --> 00:03:27,337
pagine web è l'uso di pulsanti del sito sociale lì come Facebook,

44
00:03:27,337 --> 00:03:33,260
Twitter, Google+, e YouTube e molti altri.

45
00:03:34,530 --> 00:03:39,931
Fortunatamente per noi, c'è questo altro

46
00:03:39,931 --> 00:03:46,415
file CSS chiamato bootstrap-social che è possibile scaricare e

47
00:03:46,415 --> 00:03:50,873
utilizzare, tra cui vari

48
00:03:50,873 --> 00:03:55,346
pulsanti del sito di social media nella vostra pagina web.

49
00:03:55,346 --> 00:04:01,940
Vedremo l'uso di bootstrap-sociale nell'esercizio che segue.

50
00:04:01,940 --> 00:04:06,532
Una volta scaricato il file css bootstrap-social, lo includi nella tua pagina web.

51
00:04:06,532 --> 00:04:11,385
E poi insieme alle icone Font Awesome,

52
00:04:11,385 --> 00:04:16,604
puoi combinarlo con le classi social bootstrap

53
00:04:16,604 --> 00:04:22,688
per includere vari pulsanti social media sulle tue pagine web.

54
00:04:22,688 --> 00:04:27,834
Quindi, senza ulteriori indugi, passiamo al prossimo esercizio in cui

55
00:04:27,834 --> 00:04:32,787
useremo sia Font Awesome che bootstrap-social,

56
00:04:32,787 --> 00:04:37,546
una versione modificata del file bootstrap-social.css che

57
00:04:37,546 --> 00:04:42,984
fornisco sulle istruzioni di esercizio che dovresti scaricare e

58
00:04:42,984 --> 00:04:48,647
includere nel tuo progetto di confusione e fare uso di esso nell'esercizio.

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