In questo articolo spiegherò dove è possibile trovare immagini per il sito web o blog.
Dove trovare le giuste immagini per il sito web?
Dopo aver visto quali font e quali colori utilizzare per la costruzione del tuo sito web, vediamo adesso dove trovare le immagini adatte per ogni esigenza.
Ci sono tanti siti internet dove trovare immagini da poter utilizzare. Alcuni siti mettono a disposizione delle immagini gratuite, chiedendo magari una piccola offerta non obbligatoria; altri siti internet invece mettono a disposizione delle immagini a pagamento a seconda della risoluzione che si desidera.
Lista dei siti che offrono immagini gratuite
Attenzione! È possibile che i siti che sto citando nel frattempo abbiano cambiato le loro politiche sul copyright. Dunque, al momento del download, occorre fare un ulteriore controllo sulle condizioni di utilizzo delle immagini che sono espressamente indicate nei siti in questione.
Su questo sito si trovano tante immagini gratuite e pure ad alta risoluzione che puoi utilizzare per il tuo sito internet. Inoltre le immagini sono suddivise per vettoriali, foto e illustrazioni in modo tale da affinare la ricerca.
Il sito mette a disposizione una serie di immagini organizzate per categorie. Inoltre, la cosa interessante è che si può scegliere anche per palette di colori.
Il sito mette a disposizione centinaia di immagini. Inoltre è possibile filtrare per immagini preferite, per quelle con maggiori download, per quelle più alla moda o per le più recenti.
Ogni settimana si possono ottenere dieci nuove foto di altissima qualità. Le immagini possono essere utilizzate anche per scopi commerciali ma è vietata la distribuzione.
Quale font scegliere per il tuo sito web? In quest’articolo su quale font scegliere per il tuo sito web, dopo aver appreso le nozioni su come scegliere il colore per il tuo sito web (vedi il link precedente), vedremo quale e quanti font sono indicati per un progetto web.
Terzo passo
Quale font scegliere per il tuo sito web?
La scelta del font è importantissima per la fruibilità nella lettura degli articoli del tuo sito web.
Le famiglie dei font
Font senza grazie (sans serif)
I font senza grazie (sans serif) sono quei caratteri che non hanno le rifiniture ornamentali.
Sono font da preferire sul web perché più lineare e leggibili. Inoltre danno un’impronta moderna e attuale al sito web.
I font senza grazie più utilizzati in passato sono stati il Verdana, seguito dall’Helvetica. Oggi si predilige usare i Google Fonts tra cui Monserrat, Raleway, Roboto, Open Sans.
I font Google sono gratuiti e quindi possono essere utilizzati da chiunque sia a scopi privati, sia a scopi commerciali.
Questi font possono essere anche modificati ed è possibile collaborare con chi li ha creati.
Font con grazie (serif)
I font con le grazie sono invece quei font che presentano le decorazioni, basti guardare ad esempio la S e la f della figura, salta subito all’occhio la differenza.
I font con grazie sono molto utilizzati nei giornali o nelle riviste perchè sono considerati più leggibili, in quanto le grazie nell’alta qualità della stampa aiutano meglio la distinzione dei caratteri.
I caratteri serif sono utilizzati per esprime creatività sul web e quando il contenuto da leggere non è troppo lungo. Alcuni esempi di Google Font sono Lora, Roboto Slab, Josefin Slab, Bitter.
Font decorativi
Questi tipi di font sono molto particolari. Presentano delle decorazioni talvolta per ogni carattere. Sono utilizzati solo per qualche titolo o sottotitolo o per lanciare un messaggio d’effetto in qualche banner.
Attenzione a non abusarne!
Font monospace
I font monospace sono caratterizzati dall’avere una larghezza fissa, indipendentemente dalla reale dimensione delle lettere.
Sono font poco utilizzati nel web, poco accattivanti. Magari sono da utilizzare in piccole parti per comunicare un breve messaggio.
Font calligrafici
Sono quei font che come dice il nome simulano la scrittura a mano. Sono molto eleganti da utilizzare e si trovano spesso nei siti di weddings (matrimoni). Possono essere molto originale se utilizzati come logo o nelle testate dei siti web.
Attenzione perché sono poco leggibili, quindi non bisogna abusarne l’uso.
Ecco alcuni consigli – Font per il sito web
Attenzione a non utilizzare troppi tipi di font in un testo, si potrebbe creare confusione, in genere due – tre font sono sufficienti. Anche perché troppi font hanno la funzione di rallentare il tuo sito web.
Ricordati che lo scopo principale di un font è quello di essere letto, quindi ok a font leggibili e leggeri.
Usa la dimensione giusta, font troppo piccoli risultano illeggibili. Una dimensione di 16 px è l’ideale, tutto però dipende anche dal tipo di font che scegli.
Detto ciò, qualunque sia il tipo di font che preferisci, oggi si prediligono molto i Google Fonts, sia perché non ci sono limiti nell’utilizzo sia perché sono molto più moderni.
Come utilizzare i Google Fonts per il tuo sito web?
Andando sul link Google Fonts si apre la pagina con tutti i font a disposizione come quella della figura sotto.
Vengono elencati tutti i fonti per default più trending, ma nella colonna a destra è possibile affinare la ricerca in base alle proprie esigenze.
Affinando la ricerca e scegliendo ad esempio Popular hai una lista dei font più utilizzati. In alternativa puoi scegliere Date Added per visualizzare i più recenti oppure Trending per scegliere quelli più di tendenza.
Inserire Google Fonts nel tuo sito web
Puoi seguire due metodi per inserire i Google Fonts nel tuo sito.
Il primo riguarda l’inserimento manuale tramite codice, il secondo invece l’utilizzo di un plugin di wordpress.
Primo metodo – inserimento manuale dei Google Fonts
Una volta scelto il font che più ci piace, clicchiamo sul più che compare a lato del carattere, si apre una finestra come quella della figura sotto.
Se clicchiamo su customize abbiamo a disposizione una serie di opzioni, che possiamo personalizzare a piacimento. Possiamo anche tralasciare questo passaggio se non abbiamo esigenze particolari.
Sulla scheda embed invece è spiegato come collegare il font al tuo sito web. Possiamo scegliere Standard, che è l’inserimento che ti consiglio di utilizzare, oppure Import. Sono due modi diversi per inserire il font nel tuo sito web, ma i motori di ricerca prediligono il metodo standard.
Una volta scelta la modalità standard si provvede ad inserire il collegamento suggerito nel codice html del tuo sito internet, esattamente dentro il tag <head></head>.
Non basta ciò, occorre anche andare nel foglio di stile ed inserire dove si preferisce:
font-family: ‘Roboto’, sans-serif;
Non ti resta che provare il nuovo font installato, ricordando che puoi ripetere lo stesso passaggio per l’installazione di altri font.
Secondo Metodo – Inserimento dei Google Fonts tramite plugin di Worpress
Utilizzando WordPress è possibile inserire i Google Fonts nel tuo sito web.
Ci sono tanti plugin a disposizione. Basta andare nella sezione plugin, cliccare su aggiungi nuovo plugin e cercare Google Fonts.
Comparirà una finestra di questo tipo dove puoi scegliere il plugin che preferite.
Mi sento di consigliarti per mia esperienza personale il plugin gratuito Easy Google Fonts, in quanto molto semplice da utilizzare.
Clicca su installa ora a lato e poi attiva.
Una volta attivato vai nella sezione in alto personalizza e da qui selezionare alcuni parametri.
Comparirà una barra laterale sinistra, seleziona la voce Typography e cambia come preferisci lo stile del paragrafo e dei vari titoli.
Nella scheda Appearance puoi anche cambiare colore e dimensione del font. Nella scheda Positioning puoi sistemare i margini, il padding, i bordi, ecc. Non hai che da provare. Buon lavoro!
La funzione strlen in C è una funzione che serve a calcolare la lunghezza di una stringa, escluso il carattere terminatore.
Per utilizzare la funzione strlen occorre includere la libreria string.h con la direttiva #define <string.h>.
Vediamo subito degli esempi di utilizzo di questa funzione.
Esempio 1 – confrontare la lunghezza di due stringhe con l’uso della funzione strlen in C
Ecco un semplicissimo esempio di un programma che confronta la lunghezza di due stringhe. Se le due lunghezze sono uguali mi restituirà il messaggio le stringhe hanno uguale lunghezza; altrimenti mi dirà se è più lunga la stringa 1 o la stringa 2.
#include <stdio.h>
#include <string.h>
#define MAX 100
int main(){
char frase[MAX], frase2[MAX];
int len1,len2;
printf("Inserisci la prima frase: \n");
gets(frase);
printf("Inserisci la seconda frase: \n");
gets(frase2);
len1=strlen(frase);
len2=strlen(frase2);
if(len1==len2)
printf("le frasi sono di uguale lunghezza");
else if(len1>len2)
printf("la prima frase e' più lunga della seconda");
else
printf("la seconda frase e' più lunga della prima");
}
Esempio 2 – contiamo quante vocali, consonanti e spazi vuoti sono presenti in una stringa con la funzione strlen in C
Nell’articolo precedente abbiamo visto già come contare le vocali, le consonanti e gli spazi vuoti, ma non abbiamo utilizzato strlen. Ripropongo lo stesso esempio, semplicemente utilizzando tale funzione.
#include <stdio.h>
#include <string.h>
#define MAX 100
void main(){
char frase[MAX];
int len,i=0;
int conta=0,conta_vocali=0,conta_cons=0;
printf("Inserisci una frase: \n");
gets(frase);
len=strlen(frase);
while(i<len) {
if ((frase[i]=='a') || (frase[i]=='e') || (frase[i]=='i') || (frase[i]=='o') || (frase[i]=='u') || (frase[i]=='A') || (frase[i]=='E') || (frase[i]=='I') || (frase[i]=='O') || (frase[i]=='U'))
conta_vocali++;
else if (frase[i]==' ') conta++;
else conta_cons++;
i++;
}
printf("Le vocali sono : %d",conta_vocali);
printf("\nle consonanti sono: %d",conta_cons);
printf("\nGli spazi vuoti sono : %d",conta);
}
Esempio 3 – trasformare il carattere di ogni parola di una frase in maiuscolo e tutto il resto in minuscolo con l’uso della funzione strlen in C
Facciamo un esempio. Per ipotesi inserisco da tastiera CODing creativo, il programma trasformerà la frase in Coding Creativo.
Per farlo utilizzo questa volta delle comode funzioni della libreria ctype.h, per mostrarvi delle alternative ai precedenti procedimenti. In particolare utilizzeremo:
toupper() – ad esempio toupper (frase), converte la frase in maiuscolo
tolower() – ad esempio tolower (frase), converte la frase in minuscolo
isspace() – ad esempio isspace(c), controlla se c è un carattere vuoto.
Ecco dunque l’esempio utilizzando strlen in C:
#include <stdio.h>
#include <string.h>
#include <ctype.h>
#define MAX 100
int main(){
char frase[MAX], frase2[MAX];
int len,i,spazi;
printf("Inserisci una frase: \n");
gets(frase);
len=strlen(frase);
for (i=0;i<len;i++) {
if ((i==0) || isspace(frase[i-1]))
frase2[i] = toupper(frase[i]);
else
frase2[i] = tolower(frase[i]);
}
puts(frase2);
}
Esempio 4 – Data in input una frase, si manda a capo ciascuna parola con l’uso della funzione strlen in C
In questo semplicissimo esempio, ogni volta che si incontra uno spazio vuoto si manda la parola che segue a capo.
if (c[i]==’ ‘) printf(“\n”);
#include <stdio.h>
#include <string.h>
#define MAX 50
int main()
{
int len,i;
char c[MAX];
printf("Inserisci il nome e cognome: ");
gets(c);
len=strlen(c);
for (i=0;i<len;i++) {
if (c[i]==' ') printf("\n");
else printf("%c", c[i]);
}
return 0;
}
Esempio 5 – parola palindroma
Ecco un esempio, inerente le stringhe, che viene riproposto frequentemente a scuola che in questo paragrafo svilupperemo utilizzando la funzione strlen in C.
Inserire in input una stringa e verificare se è palindroma.
Ricordiamo la definizione:
Il palindromo è una sequenza di caratteri che, letta al contrario, rimane invariata. Quindi una parola palindroma se letta da sinistra verso destra o da destra verso sinistra rimane invariata.
Alcuni esempi di parole palindrome sono: Anna, ingegni, inni, ebbe, ottetto, radar, pop, ecc…
Dunque, dapprima leggeremo la nostra stringa con gets(frase); dopo, con un ciclo for che utilizza due indici i e j, controlliamo a mano a mano che la prima lettera sia uguale all’ultima, la seconda alla penultima e così via. Se trova che i caratteri sono diversi allora setta la variabile palindroma, che era stata precedentemente inizializzata a zero, ad 1 ed esce dal ciclo.
Infine si controlla il valore della variabile palindroma, se è rimasta a zero vuol dire che la stringa è palindroma, altrimenti non lo è.
#include <stdio.h>
#include <string.h>
#define MAX 30
int main(){
char frase[MAX];
int len,i,j,palindroma=0;
printf("Inserisci una parola: \n");
gets(frase);
len=strlen(frase);
for(i=0, j=len-1; i<len/2; i++, j--){
if(frase[i]!=frase[j]){
palindroma=1;
break;
}
}
if (palindroma==0) printf("La stringa e' palindroma");
else printf("La stringa non e' palindroma");
}
Attenzione, se ad esempio, inseriamo Anna con la prima lettera maiuscola, il programma mi dirà che non è palindroma.
Quindi occorre inserire un controllo e trasformare tutti i caratteri in maiuscolo o minuscolo.
Questi sono dei semplici esempi di utilizzo della funzione strlen in C, da qui possono nascere tante esercitazioni.
