[MUSICA]
Parliamo ora di caratteri icona.
Cosa sono?
Come sono utili?
E come li usiamo nella progettazione del nostro sito web?
I caratteri icona forniscono un modo molto flessibile di includere piccole
immagini nelle nostre pagine web che possono essere modellate proprio come il testo.
Quindi questa è la ragione per cui i caratteri icona si rivelano molto,
molto utili nella progettazione di siti web.
Usando i caratteri dell'icona, puoi prendere una pagina web come questa e
trasformarla rapidamente in una pagina web come questa.
Nota l'uso delle icone insieme al testo nella barra di navigazione,
e poi quando scorri verso il basso fino al piè di pagina,
puoi vedere più icone che vengono utilizzate nel piè di pagina.
E anche i link dei social media sono ora sostituiti dai pulsanti dei social media qui.
Quindi queste sono le modifiche che i caratteri icona ti permetteranno di fare al tuo sito web.
Quindi, come ho accennato brevemente in precedenza, i font delle icone sono un insieme di simboli o
glifi che possono essere utilizzati nella progettazione del tuo sito web.
Questi possono essere utilizzati come font normali,
proprio come i font di testo normali che usi nel tuo sito web. Il
loro vantaggio è che è possibile modellarli e
poi espandere e contrarli e utilizzare tutti gli
stili tipici che si utilizzano sul vostro testo, per le vostre icone anche.
Essi sono visti come un popolare sostituto leggero per
grafica semplice che è possibile utilizzare nelle vostre pagine web,
semplicemente grafica o immagini che è possibile utilizzare nelle vostre pagine web.
E sono molto, molto utili nella progettazione delle tue pagine web.
Ci sono molti pacchetti di caratteri icona che sono disponibili sul mercato.
Uno dei più popolari è Font Awesome, di
cui parlerò dopo.
Font Awesome, come dico, è un font icona molto popolare.
È disponibile gratuitamente per l'uso nella progettazione del design della pagina.
È stato ampiamente utilizzato da molti siti web diversi.
Impareremo come scaricare Font Awesome e
poi usarlo nella pagina web nell'esercizio che segue questa lezione.
L' utilizzo di Font Awesome nella tua pagina web è semplice come
utilizzare alcune classi applicate a un i
o un tag span nel codice HTML della tua pagina web.
Quindi, una volta inclusi i CSS e
i file di font che sono disponibili tramite Font Awesome,
allora è molto semplice utilizzare Font Awesome nelle tue pagine.
Un' altra caratteristica comune che si vedrebbe sulle
pagine web è l'uso di pulsanti del sito sociale lì come Facebook,
Twitter, Google+, e YouTube e molti altri.
Fortunatamente per noi, c'è questo altro
file CSS chiamato bootstrap-social che è possibile scaricare e
utilizzare, tra cui vari
pulsanti del sito di social media nella vostra pagina web.
Vedremo l'uso di bootstrap-sociale nell'esercizio che segue.
Una volta scaricato il file css bootstrap-social, lo includi nella tua pagina web.
E poi insieme alle icone Font Awesome,
puoi combinarlo con le classi social bootstrap
per includere vari pulsanti social media sulle tue pagine web.
Quindi, senza ulteriori indugi, passiamo al prossimo esercizio in cui
useremo sia Font Awesome che bootstrap-social,
una versione modificata del file bootstrap-social.css che
fornisco sulle istruzioni di esercizio che dovresti scaricare e
includere nel tuo progetto di confusione e fare uso di esso nell'esercizio.
[ MUSIC]