Usare Blogger oltre ogni limite - Prima parte

Quello che segue è il primo di una serie di articoli in cui parleremo di come utilizzare efficientemente il modulo di Blogger per creare delle pagine di sicuro impatto.

Bisogna considerare che è possibile creare "post" su blogger utilizzando un'applicazione dedicata da usare da smartphone o tablet, ma bisogna ammettere che attualmente non possiede molte funzioni invece disponibili per l'interfaccia web.
In questo tutorial esamineremo dunque esclusivamente le funzioni dell'interfaccia web.

In questo primo articolo parleremo principalmente di come dare un formato uniforme alle pagine

Per cominciare, appena avuto accesso a Blogger, bisogna premere sul pulsante "Nuovo Post", così da entrare nell'interfaccia di editing vera e propria. Ci troveremo di fronte una struttura simile a questa

Clicca sull'immagine per vedere la versione ingrandita.

Se l'immagine che vedete risulta avere meno pulsanti, probabilmente siete nella modalità di inserimento HTML niente paura.

La modalità HTML è una funzione di inserimento avanzata che vedremo nei prossimi appuntamenti.

Per il momento cliccate sul pulsante "Scrivi" per tornare alla modalità di inserimento normale.

I tasti "scrivi" e "HTML" permettono di passare dalla modalità di inserimento normale alla modalità di inserimento HTML

Il titolo

Il titolo del post/articolo è il primo passo da compiere.

Consigliamo sempre di scrivere subito il titolo dell'articolo per diversi motivi.
Da un punto di vista pratico vi servirà come traccia su cui basarsi nella scrittura del corpo vero e proprio dell'articolo. Tuttavia vi sono alcuni aspetti anche tecnici.

Pubblicare l'articolo dimenticandosi di dare un titolo (cosa che all'inizio accade più frequentemente di quanto si pensi) genera delle anomalie più o meno evidenti, che possono compromettere l'usabilità del sito.
Sarà sempre possibile aggiungere un titolo anche dopo la pubblicazione, risolvendo in questo modo le anomalie più evidenti, ma ne resteranno sempre alcune nascoste che sarà davvero complicato eliminare.

Morale della favola:
inserite il titolo subito, non preoccupatevi, potrete cambiarlo in ogni momento.

Formattazione del carattere

Quando scriviamo del testo, avremo sempre la necessità di evidenziare alcune parti rispetto ad altre. Le modifiche al carattere intervengono sempre solo sui caratteri selezionati e non sull'intero paragrafo.

Per modificare lo stile del carattere dobbiamo evidenziare la parte su cui vogliamo intervenire quindi premere uno dei seguenti pulsanti sull'interfaccia:

Cliccando sul tasto B (oppure usando la combinazione CTRL + B) otterremo un testo in grassetto - Testo in Grassetto
Cliccando sul tasto I (oppure usando la combinazione CTRL + I) otterremo un testo in corsivo - Testo in Corsivo
Cliccando sul tasto U (oppure usando la combinazione CTRL + U) otterremo un testo sottolineato - Testo Sottolineato
Cliccando sul tasto ~~ABC~~ otterremo un testo barrato, Utile per evidenziare un concetto sbagliato - ~~Testo Barrato~~

Oltre allo stile possiamo modificare anche il colore del carattere e dello sfondo

Palette dei colori

Cliccando sul tasto A potremo selezionare dalla palette di colori quello del testo - Testo colorato in BLU

Cliccando sul tasto con l'evidenziatore potremo scegliere dalla palette di colori, quello da impostare come sfondo per la porzione di testo selezionata. - Testo con sfondo blu scuro e testo bianco

Tipo e peso del carattere

Blogger ci permettere di scegliere fra alcuni tipi di font lo stile con cui vorremo scrivere il nostro articolo o una parte di esso

IL FONT

Premendo sulla F, si aprirà un menù contestuale che ci permetterà di scegliere il font che deve essere attributo al testo selezionato.
Possiamo scegliere fra:

Carattere predefinito - Il carattere predefinito è quello che viene utilizzato in maniera automatica
Arial - Questo è un testo scritto in arial
Courier - Questo è un testo scritto in courier
Georgia - Questo è un testo scritto in georgia
Helvetica - Questo è un testo scritto in helvetica
Times - Questo è un testo scritto in times
Trebuchet - Questo è un testo scritto in trebuchet
Verdana - Questo è un testo scritto in verdana

Il numero dei caratteri è così limitato perché sono presi in considerazione solo quelli standard istallati su quasi tutti i computer.

LA GRANDEZZA

Il pulsante TT serve per ingrandire o rimpicciolire il testo selezionato.
Abbiamo in questo caso 5 possibilità:

Molto piccolo - Questo è un testo di grandezza molto piccolo
Piccola - Questo è un testo di grandezza piccola
Normale - Questo è un testo di grandezza normale
Grande - Questo è un testo di grandezza grande
Più Grande - Questo è un testo di grandezza più grande

Tutti i tipi di formato visti fin ora ci consentono di modificare il carattere in diversi modi.

Ora sappiamo come creare un carattere grassetto, corsivo, sottolineato e barrato, come cambiare il colore del carattere e il suo sfondo, infine possiamo decidere quale debba essere il font del carattere e la sua grandezza.

Queste modifiche sono tutte di tipo fisico, ovvero sono ininfluenti per i software che analizzano le pagine web.

Iniziamo ora ad analizzare le modifiche al testo di tipo logico (oltre che fisico). Questo genere di modifiche sono utili per permettere al nostro browser e ai programmi che scandagliano i meandri del web, di comprendere il significato logico del testo (o del paragrafo) evidenziato.

IL VALORE

Il menù a tendina evidenziato nell'immagine a sinistra dalla freccia azzurra ci permette di dare un valore e un peso al paragrafo selezionato.

Abbiamo 4 possibilità:

Intestazione
Intestazione secondaria
Intestazione minore
Normale

Intestazione indica un paragrafo che per importanza è secondario solo rispetto al titolo dell'articolo.
Può essere usato per evidenziare parti particolarmente rilevanti del testo o titoli di paragrafi.

Questo paragrafo è una intestazione

Intestazione secondaria indica un paragrafo con una minore importanza rispetto ad una intestazione.
Può essere usato per evidenziare parti rilevanti del testo o titoli di sotto-paragrafi.

Questo paragrafo è una intestazione secondaria

Intestazione minore indica un paragrafo poco più importante del testo normale.
Può essere usato per evidenziare parti del testo rilevanti marginalmente.

Questo paragrafo è una intestazione minore

Normale indica la parte del testo che non ha una enfasi particolare.

Si noti che tutte le intestazioni hanno un formato predefinito. Il formato predefinito è impostato a livello di programmazione del sito. Tuttavia, per particolari esigenze, sarà possibile operare con le funzioni di formattazione già viste per effettuare qualche modifica.

Ricorda che le intestazioni non hanno solo una valenza grafica, ma permettono di individuare a livello logico quali sono le parti più rilevanti del testo.

Allineamento, elenchi e citazioni

Queste sono le ultime funzioni che ci permettono di formattare il testo.

ALLINEAMENTO

Con il pulsante allineamento possiamo allineare i bordi laterali del paragrafo secondo 4 impostazioni.

Allineamento a sinistra - Il bordo sinistro del paragrafo sarà allineato a sinistra in modo uniforme

Esempio di allineamento a sinistra: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Allineamento centrato - Ogni riga del paragrafo avrà uguale spazio a destra e sinistra

Esempio di allineamento centrato: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Allineamento a destra - Il bordo destro del paragrafo sarà allineato a destra in modo uniforme

Esempio di allineamento a destra: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Allineamento a giustificato - Entrambi i bordi destro e sinistro saranno allineati uniformemente ai rispettivi margini. Questo significa che gli spazi fra le parole non saranno uniformi.

Esempio di allineamento giustificato: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Va tenuto presente che il sistema non prevede la sillabazione, quindi le parole saranno riportate per intero sullo stesso rigo e qualora non ci fosse spazio sufficiente verrà riportata a capo,

ELENCO NUMERATO O PUNTATO

Qualora volessimo creare un elenco ordinato ne abbiamo a disposizione di due tipologie

Elenco numerato - Il pulsante dell'elenco numerato crea, a partire dalla selezione effettuata, un elenco numerato. La numerazione avviene in maniera automatica con la possibilità di aggiungere o eliminare elementi

Elenco puntato - Il pulsante dell'elenco puntato crea, a partire dalla selezione effettuata, un elenco puntato. Sarà sempre possibile aggiungere o eliminare elementi.

CITAZIONI

Il formato della citazione viene usato prevalentemente per mettere in risalto frasi pronunciate da altre persone, ma si presta bene anche per dare un enfasi particolare ad alcune parti del testo.

Per trasformare una parte di testo in citazione, come è oramai intuibile, bisognerà prima selezionarlo e poi premere il pulsante dedicato a questa funzione.

Questo è un esempio di citazione

L'attività del disegno è un processo solitario, durante il quale non voglio nessun altro nello studio. Poi, esistono altre fasi della pratica artistica, che sono fortemente collaborative: dal realizzare un film e montarne una parte al fare una stampa insieme con i maestri tipografi. Le mie opere nascono dalla combinazione tra questi due momenti. - William Kentridge

Annullare la formattazione

Capita molto spesso di copiare del testo da un altro documento.
Quando effettuiamo questa operazione avviene la copia non solo del contenuto testuale, ma anche del formato del testo. Questo spesso significa avere parti di testo completamente differenti dal resto dell'articolo.
La soluzione è quella di incollare il testo copiato senza formattazione. Tuttavia questa possibilità alcune volte ci è preclusa, ecco perché è molto utile questo tasto che elimina la formattazione, riportando il testo alla sua versione di default.

Selezionando la parte di testo a cui vogliamo togliere ogni tipo di formattazione e premendo successivamente il pulsante, il testo acquisirà il formato di default.

Conclusioni della Prima Parte

In questa prima parte del tutorial per usare blogger abbiamo visto tutte le funzioni che permettono di formattare il testo.
Qualora alcune funzioni dovessero continuare a sembrarvi oscure potete usare i nostri contatti per chiedere chiarimenti o approfondimenti.

Nella prossima parte del corso impareremo ad usare efficientemente le funzioni per inserire collegamenti ipertestuali, immagini e video