Formattare il testo

Formattare il testo di una pagina web, in Dreamweaver risulta molto semplice e alquanto intuitivo. Si può agire in due modi diversi ed entrambi portano allo stesso risultato. Il primo sistema è quello di avvalersi dell'apposito menù che si trova appunto sulla barra dei menù, denominato 'testo'. Il secondo, più intuitivo, è quello basato sull'interazione con la finestra 'proprietà'.

La finestra 'proprietà' riferita al testo

FORMATO - Dal campo 'formato' possiamo selezionare le prime opzioni di formattazione dei paragrafi che compaiono sulla nostra pagina HTML (paragrafo, titolo1, titolo2 ecc...) 

TIPO CARATTERE - Dal campo 'carattere' possiamo definire il tipo di carattere che una porzione di testo deve avere. Le opzioni di scelta vanno dalla selezione di una sequenza predifinita di caratteri, alla creazione di una serie personalizzata. Infatti l'ultima opzione disponibile è quella denominata 'Modifica elenco caratteri' che ci consente di creare una sequenza personalizzata. Ovviamente bisogna prima selezionare il testo in questione e poi applicare le formattazioni.

DIMENSIONE CARATTERE - Dal campo 'dimensioni' sarà possibile definire le dimensioni del testo che avremo selezionato in precedenza. Possiamo optare per un valore che va da 1 a 7 oppure per valori di incremento (+1 +2 +3 ecc...) e decremento (-1 -2 -3 ecc...) del carattere attuale.

COLORE CARATTERE - Nel campo 'colore testo' possiamo scegliere un colore per il testo usando la palette dei colori o digitando il codice del colore scelto.

STILI CARATTERE - Tramite i pulsanti per applicare il grassetto (contrassegnato da una B) e il corsivo (contrassegnato da una I inclinata verso destra) possiamo applicare ulteriori formattazioni al testo. Dopo aver selezionato il paragrafo, la frase o la parola alla quale intendiamo applicare uno di questi stili, basterà fare click su uno o entrambi i pulsanti (secondo le nostre esigenze). Per accedere ad ulteriori stili basta andare nel menù 'testo' alla voce 'stile'.

ALLINEAMENTO TESTO - Per allineare il testo useremo i tre pulsanti appositi (quelli con le 6 piccole righe orizzontali). Basterà semplicemente selezionare una porzione di testo o collocarsi sul paragrafo scelto e cliccare su uno dei pulsanti per allineare rispettivamente a sinistra, al centro e a destra. Per l'allineamento 'giustificato' si può procedere manualmente sul codice sorgente, attraverso l'attributo align="justify".

CREAZIONE DI ELENCHI - I pulsanti 'elenco' ci danno la possibilità di creare elenchi, ordinati o meno.Per inserire uno di questi elenchi basterà un click su uno dei pulsanti in base alle nostre esigenze. Se intendiamo creare un elenco non ordinato utilizzeremo il primo pulsante. Viceversa il secondo. Per accedere ad ulteriori tipi di elenco basta ricorrere come sempre al menù 'testo' spostandosi sulla voce 'elenco'.

RIENTRARE IL TESTO - Subito dopo i pulsanti per la creazione di elenchi troviamo quelli per rientrare il testo. Il primo ci permette di rientrare a sinistra, il secondo a destra. Selezioniamo un testo o posizionamoci su un paragrafo e utilizziamo i pulsanti secondo ciò che intendiamo realizzare.

Il pannello 'proprietà' riferito al testo ci consente di inserire altresì dei collegamenti ipertestuali e di decidere la destinazione di tali collegamenti. Questi argomenti saranno trattati nella lezione relativa ai collegamenti ipertestuali.

IL MENU' 'TESTO' - Come già detto in precedenza, tutte le opzioni di formattazione del testo sono raggiungibili dall'apposito menù 'testo' che si trova sulla barra dei menù, appena sotto la barra del titolo del programma. Dal menù testo, oltre a poter accedere alle opzioni viste sopra, si potranno definire nuovi stili (HTML e CSS) mediante l'interazione con intuitive finestre di dialogo.

La finestra 'oggetti' e il testo

INSERIRE UN'INTERRUZIONE DI RIGA - Per inserire un'interruzione di riga (break) e quindi spezzare una riga di testo in un determinato punto è necessario avvalersi del pannello 'oggetti', categoria 'caratteri'. Vedremo che tra i tanti pulsanti di questa categoria ce n'è uno, il primo, con la sigla BR e una freccia che punta a sinistra. Basterà posizionarsi nel punto esatto del testo che vogliamo 'interrompere' e azionare il pulsante con un click.

INSERIRE UNO SPAZIO UNIFICATORE - Per inserire in una pagina uno spazio unificatore (ogni spazio unificatore produce l'effetto di una singola pressione sulla barra spaziatrice) si ricorre all'icona immediatamente a destra di quella per inserire un'interruzione di riga, che si trova nel pannello 'oggetti' alla categoria 'caratteri'.

INSERIRE UNA LINEA ORIZZONTALE - Per inserire una riga orizzontale possiamo cliccare, dalla categoria 'comuni' della finestra 'oggetti', sulla quarta icona, scendendo verso il basso, della prima colonna (quella con la piccola riga blu con effetto rilievo). Se successivamente intendiamo modificare le proprietà dell'elemento inserito basta cliccare su di esso e modificarne le caratteristiche proprio dal pannello 'proprietà'.

INSERIMENTO SIMBOLI - Per inserire dei simboli in un documento web, quali copyright, marchio commerciale ecc... basta utilizzare i restanti pulsanti della finestra 'oggetti' alla categoria 'caratteri'.

Lezione successiva ->