Tipografo

«Tipografo» – uno strumento appositamente sviluppato per content manager ed editor di siti. Aiuta a preparare il testo per la pubblicazione web.

«Tipografia» – è l'arte della composizione del testo stampato mediante scrittura e impaginazione. La tipografia, da un lato, rappresenta uno dei settori del design grafico, dall'altro – un insieme di regole rigorose che definiscono l'uso dei caratteri per creare un testo più comprensibile per il lettore. Il compito della tipografia è determinare i parametri per i successivi processi di composizione, impaginazione e preparazione alla stampa.

Per iniziare è necessario creare un testo formattato in Microsoft Office, Open Office, Google Docs o in qualsiasi editor analogo. Può trattarsi di un documento di testo Word o di un foglio di calcolo Excel.

Questi documenti sono già in qualche modo stilizzati: dimensione del testo, colore, elenchi numerati / puntati, tabelle e altro. È sufficiente selezionare il frammento di testo desiderato dal documento, copiarlo negli appunti e incollarlo nel «Tipografo» nel campo denominato «Incolla il testo da Word». Di conseguenza, il frammento di testo selezionato verrà convertito in codice HTML.

Dopo l'inserimento del testo verrà visualizzato l'elenco delle dimensioni dei caratteri utilizzate nel documento. È possibile indicare quale intestazione (H1-H6) utilizzare per quella dimensione nella costruzione dell'HTML. Le dimensioni dei caratteri definite durante il rendering del testo probabilmente saranno diverse da quelle utilizzate nella formattazione. Ciò è dovuto al fatto che editor di testo come «Word» utilizzano i punti (pt) per definire la dimensione del testo, mentre i browser – i pixel (px). 1pt non è uguale a 1px, è leggermente più grande, quindi le dimensioni dei caratteri durante il parsing del documento saranno anch'esse un po' più grandi.

Per impostazione predefinita viene creato un HTML pulito (senza aggiunta di stili tramite l'attributo «style»). Se si desidera trasferire in HTML i colori del testo e dello sfondo, l'allineamento del testo ecc., è necessario selezionare i parametri desiderati dall'elenco trovato.

Il codice risulta abbastanza pulito e ordinato e, forse, non sarà nemmeno necessario modificarlo prima della pubblicazione sul sito.

Per comodità, nel «Tipografo» è presente una funzionalità per caricare un file CSS dal vostro sito, in cui sono definiti gli stili per i tag standard utilizzati nella pubblicazione delle pagine di testo. Dopo il caricamento del CSS vedrete come apparirà il codice HTML pubblicato sulla pagina del vostro sito.

Ma dovete capire che il CSS deve essere strutturato correttamente. Ciò significa che devono essere stilizzati tutti i tag standard coinvolti nella costruzione del contenuto testuale della pagina, senza legame con le classi. In altre parole, come selettore deve essere indicato solo il nome del tag. Purtroppo, questa raccomandazione viene trascurata da molti sviluppatori alle prime armi.