Come modificare la spaziatura del testo in Dreamweaver

February 4

Come modificare la spaziatura del testo in Dreamweaver


Dreamweaver, programma di editing Web professionale di Adobe, si dà il potere di creare effetti di testo che vanno dal sottile per assurdo. Sviluppatori e progettisti di siti spesso usano fogli di stile CSS per modificare la spaziatura tra le parole e caratteri in pagine Web. Imparando a utilizzare l'editor CSS integrato in Dreamweaver, è possibile regolare le impostazioni dello spazio in modo rapido ed ottenere una varietà di sguardi unici per il testo sul tuo sito web.

istruzione

1 Avviare Dreamweaver. Premere il tasto "Ctrl" e "N", e quindi fare doppio clic su "HTML". Un nuovo documento HTML viene visualizzata nella finestra di progettazione. Digitare una breve frase nella pagina Web e quindi evidenziare il testo utilizzando il mouse.

2 Fare clic sul pulsante "codice" per visualizzare il codice HTML del documento. Premere il tasto "SHIFT" e "F11" per aprire il pannello Stili CSS, se non è già visibile. Pulsante destro del mouse su un'area vuota della pagina per visualizzare un menu. Fai clic su "Stili CSS". Fai clic su "Nuovo" per aprire la finestra "nuova regola CSS". Questa finestra permette di creare nuove regole di stile per il documento.

3 Tipo "veryWide" - senza virgolette - nella casella di testo della finestra "Selettore Nome". Fai clic su "OK". Dreamweaver visualizza la finestra Defintion regola CSS. Selezionare l'opzione "Block" che si trova nella sezione "Categoria" della finestra. Tipo 2 nella casella di testo "word-spacing" e 2 nella casella di testo letter-spacing. Ogni casella di testo ha una casella a discesa accanto ad essa. Fare clic su ogni casella a discesa, quindi fare clic su "em". Questo dirà Dreamweaver che si desidera impostare la parola e la spaziatura lettera per la regola CSS a 2 unità em.

4 Fai clic su "OK" per chiudere la finestra di definizione regola CSS e tornare alla pagina Web. Evidenziare il testo immesso sulla pagina, e poi a destra clic sul testo. Si apre un menu. Questo menu contiene "veryWide", il nome dello stile CSS si è creato.

5 Fai clic su "veryWide." Dreamweaver applica quello stile al testo. Dal momento che si è scelto grande valore per la parola e lettera attributi di spaziatura, il testo si estenderà attraverso la pagina con molti spazi tra lettere e parole.

Consigli e avvertenze

  • Come si creano nuove regole di stile CSS, compaiono anche nel menu ogni volta che si fa clic testo che si desidera stile. Fare clic su qualsiasi regola in quel menu per applicare questo stile al testo. Per esempio, si potrebbe creare una regola denominata "veryNarrow" che diminuisce la spaziatura tra i caratteri e parole.
  • Utilizzare tutti i numeri che gradite quando l'immissione di valori per il word-spacing e letter-spacing. Adobe osserva che è possibile applicare i valori negativi per l'attributo word-spacing. Alcuni browser, tuttavia, possono ignorare i valori negativi.
  • È anche possibile scegliere altri valori unitari oltre a "em" dalle caselle a discesa che appaiono accanto alle caselle in cui si immette il valore numerico. Selezionare "px", per esempio, di utilizzare pixel come unità styling.