Come aggiungere e formattare il testo in Dreamweaver - dummies

Molte persone sono piacevolmente sorprese dalla facilità con cui possono creare una pagina Web di base con testo e immagini in Dreamweaver. Puoi eseguire la formattazione di base del testo utilizzando le opzioni di formattazione HTML di Dreamweaver, inclusi i tag di intestazione e paragrafo. Inizia con questi tag HTML di base per mantenere le cose semplici all'inizio.

Come aggiungere testo a una pagina Web in Dreamweaver

Per aggiungere del testo a una pagina, è sufficiente fare clic per inserire il cursore nella parte superiore di una pagina e digitare. Se vuoi aggiungere del testo che hai da qualche altra parte, come in un file creato in Microsoft Word, puoi copiare e incollare il testo in Dreamweaver invece di ridigitarlo.

Dreamweaver offre molti modi per mantenere la formattazione quando si copia e incolla il testo da un altro programma. Questa funzione è particolarmente importante quando si copia testo da Microsoft Word perché se si incolla il testo così com'è, si rischia di includere un sacco di codice aggiuntivo che è univoco per Microsoft Word e può causare problemi nella pagina Web.

È possibile modificare l'impostazione predefinita per il modo in cui Dreamweaver gestisce la formattazione quando si seleziona Modifica → Incolla modificando le Preferenze nella categoria Copia / Incolla. Puoi anche scegliere Modifica → Incolla speciale per visualizzare queste opzioni ogni volta che incolli nuovi contenuti.

Di seguito sono riportate le quattro opzioni principali per l'inserimento del testo quando si seleziona Modifica → Incolla speciale e tre modi per perfezionare la scelta:

• Solo testo: Dreamweaver elimina qualsiasi formattazione e inserti testo normale

• Testo con struttura: Dreamweaver include paragrafi, elenchi, tabelle e altre opzioni di formattazione strutturale.

• Testo con Structure Plus Formattazione di base: Dreamweaver include la formattazione strutturale e la formattazione di base, come grassetto e corsivo.

• Testo con Structure Plus Formattazione completa: Oltre alle opzioni precedenti, Dreamweaver include la formattazione creata dai fogli di stile in programmi come Microsoft Word.

• Mantieni interruzioni di riga: Le interruzioni di riga vengono mantenute, anche se non si conservano altre opzioni di formattazione. Questa opzione non è disponibile se scegli Solo testo.

• Pulisci spaziatura tra paragrafi di Word: Questa opzione rimuove il codice di formattazione speciale univoco per Microsoft Word e non è necessario (e non consigliato) per il testo sul web.

• Converti virgolette intelligenti in virgolette diritte: Virgolette intelligenti - il nome comune di quelle citazioni ricce fantasiose che i designer amano usare nei documenti di stampa - richiedono che un carattere speciale venga visualizzato correttamente sul web e che il carattere speciale lo faccia non funziona su tutti i browser Web.Per evitare questo potenziale problema, seleziona questa casella e converti tutte le tue virgolette in virgolette.

Come formattare il testo con i tag di intestazione in Dreamweaver

Una delle migliori opzioni di formattazione per i titoli è la raccolta di tag di intestazione. In HTML, l'utilizzo di tag di intestazione (

,

e così via) per formattare il testo che funge da titolo o titolo offre molti vantaggi. I tag di intestazione sono progettati per essere visualizzati in dimensioni relative, con

il più grande,

più piccolo,

più piccolo ancora, e così via fino a

.

Quindi, indipendentemente dalle dimensioni del testo predefinito di una pagina Web (e le dimensioni del testo possono variare a causa delle impostazioni del browser e della piattaforma del computer), qualsiasi testo formattato con un tag

è sempre più grande del testo formattato con

.

La credenza popolare è che molti motori di ricerca danno priorità alle parole chiave nel testo formattato con un tag

perché il testo più importante in una pagina è generalmente incluso nel titolo più grande. Allo stesso modo, gli esperti dei motori di ricerca ti diranno che dovresti usare il tag

solo una volta per pagina.

Per formattare il testo con un tag direzione, segui questi passaggi:

1. Evidenzia il testo che vuoi formattare.

2. Nella finestra di ispezione Proprietà, nella parte inferiore dell'area di lavoro, assicurarsi che il pulsante HTML sul lato sinistro dell'ispettore sia selezionato.

3. Utilizzare l'elenco a discesa Formato per selezionare un'opzione di titolo.

   Quando vengono applicati tag di intestazione, il testo cambia automaticamente per diventare grande e in grassetto in visualizzazione Struttura.

   

   Credito: foto di Casey Stoll

In generale, la finestra di ispezione Proprietà è il modo più semplice per applicare la formattazione di base, ma puoi trovare queste opzioni di formattazione HTML anche scegliendo Formato → Formato paragrafo e quindi selezionando un'opzione di intestazione dal sottomenu che appare.

Come aggiungere paragrafi e interruzioni di riga in Dreamweaver

Quando si creano design di pagine per il Web, è necessario lavorare entro molte limitazioni che potrebbero sembrare inizialmente confuse. Il design del Web e il design della stampa sono fondamentalmente diversi e ciò può rendere le attività anche apparentemente semplici più complicate di quanto ci si potrebbe aspettare. Il modo in cui crei interruzioni di paragrafi e linee è un buon esempio.

Se stai lavorando in visualizzazione Struttura in Dreamweaver e premi il tasto Invio (Windows) o il tasto Invio (Mac), Dreamweaver inserisce un tag di paragrafo o

nel codice, che crea un'interruzione di riga seguita da una riga vuota.

Se si desidera un'interruzione di riga senza la riga vuota, tenere premuto il tasto Maiusc mentre si preme Invio (o A capo) per indicare a Dreamweaver di inserire il tag

nel codice, creando un'interruzione di riga singola.

È consigliabile evitare di utilizzare più paragrafi o tag di interruzione per creare spazio aggiuntivo in una pagina Web (e non tutti i browser manterranno lo spazio vuoto se lo si crea in questo modo). Se vuoi aggiungere molto spazio tra paragrafi o altri elementi in una pagina, l'opzione migliore è usare i CSS.

Se stai lavorando in vista Codice e aggiungi spazio usando il tasto Invio o Invio, aggiungi uno spazio vuoto all'interno del codice. Lo spazio aggiuntivo nel codice HTML può essere utile perché lo spazio extra può semplificare la lettura del codice, ma in generale non influisce sul modo in cui una pagina viene visualizzata in visualizzazione Struttura o in un browser Web.