Casa Social media Come aggiungere e formattare il testo in Dreamweaver - dummies

Come aggiungere e formattare il testo in Dreamweaver - dummies

Sommario:

Video: Dreamweaver - Gestire il testo con Dreamweaver e CSS 2025

Video: Dreamweaver - Gestire il testo con Dreamweaver e CSS 2025
Anonim

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.

Come aggiungere e formattare il testo in Dreamweaver - dummies

Scelta dell'editore

Vantaggi di base della rete - manichini

Vantaggi di base della rete - manichini

Se la verità viene detta, le reti di computer sono un problema da impostare. Perché i vantaggi di avere una rete rendono la pena di crearne uno utile. Non è necessario essere un dottorato di ricerca per comprendere i vantaggi del networking. Le reti riguardano esclusivamente la condivisione. Nello specifico, le reti riguardano la condivisione di tre elementi: informazioni, risorse, ...

Biometria L'accettazione, la privacy e la legge - manichini

Biometria L'accettazione, la privacy e la legge - manichini

La tecnologia biometrica non è affatto universalmente accettata da tutti gli utenti. Ci sono una serie di considerazioni sociali e legali che danno ad ogni organizzazione una pausa prima di fare il salto a capofitto nell'implementazione di un sistema biometrico. Le persone sono più a loro agio con i sistemi di raccolta biometrici che sono i meno intrusivi. Scanner per retina e nasi elettronici sono ...

Biometria Nozioni di base - manichini

Biometria Nozioni di base - manichini

La biometria non è roba da fantascienza. Puoi trovare una dozzina di modi più o meno efficaci per utilizzare la biometria per identificare qualcuno, ognuno dei quali si divide in due classi: la biometria fisiologica misura una parte specifica della struttura o della forma di una porzione del corpo di un soggetto. La biometria comportamentale è più interessata a come ...

Scelta dell'editore

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

In Excel 2007, è possibile creare dizionari personalizzati da utilizzare quando si esegue il controllo ortografico dei fogli di lavoro. Utilizzare il pulsante Aggiungi al dizionario nella finestra di dialogo Controllo ortografico per aggiungere parole sconosciute a un dizionario personalizzato. Per impostazione predefinita, Excel aggiunge queste parole a un file dizionario personalizzato denominato CUSTOM. DIC, ma è possibile creare una nuova personalizzazione ...

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Sebbene sia possibile convertire qualsiasi cartella di lavoro di Excel in un componente aggiuntivo, non tutte le cartelle di lavoro traggono vantaggio da questa conversione. Una cartella di lavoro senza macro rende un componente aggiuntivo inutile. In effetti, gli unici tipi di cartelle di lavoro che traggono vantaggio dall'essere convertiti in un componente aggiuntivo sono quelli con macro. Ad esempio, una cartella di lavoro costituita da macro generiche (Sub ...

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Se si lavora in Microsoft Excel 2010 e vuoi iniziare a lavorare in un nuovo file di cartella di lavoro di Excel, puoi facilmente creare una nuova cartella di lavoro. Per fare ciò, puoi usare un comando nella scheda File o una scorciatoia da tastiera. Fare clic sulla scheda File. Excel visualizza la visualizzazione Backstage, in cui è possibile accedere ai comandi relativi ai file. ...

Scelta dell'editore

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Adobe Illustrator Creative Suite 5 (Adobe CS5) Illustrator è utilizzato per rimuovere rapidamente aree di grafica con la stessa facilità con cui si cancellano i pixel in Photoshop, accarezzando con il mouse su qualsiasi forma o gruppo di forme. Facendo doppio clic sullo strumento Gomma, è possibile definire il diametro, l'angolo e la rotondità della gomma. Se stai usando un ...

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

I più popolari strumenti di trasformazione in Adobe Creative Suite 5 (Adobe CS5) Illustrator - Rifletti, scala, inclina, rimodella e Trasformazione libera: sono facili da usare e modificano rapidamente la tua illustrazione. Lo strumento Rifletti Niente è simmetrico, giusto? Forse no, ma gli oggetti non creati simmetricamente in Illustrator possono sembrare off-kilter. Utilizzando lo strumento Rifletti, si ...

Quando utilizzare Adobe CS5 Illustrator - dummies

Quando utilizzare Adobe CS5 Illustrator - dummies

Utilizzando Adobe Creative Suite 5 (Adobe CS5) Illustrator anziché Photoshop , ottieni diversi benefici. Potresti aver sentito che Illustrator è migliore per la grafica vettoriale, ma perché e che altro porta? Illustrator può salvare ed esportare immagini nella maggior parte dei formati di file. Scegliendo di salvare o esportare, è possibile creare un ...