Casa Social media Come usare il pannello di testo nel pannello delle proprietà CSS di Dreamweaver - manichini

Come usare il pannello di testo nel pannello delle proprietà CSS di Dreamweaver - manichini

Sommario:

Video: Dreamweaver CC | Il corso fondamentale | Corso in HD | Lezione 5 | Il pannello Proprietà 2025

Video: Dreamweaver CC | Il corso fondamentale | Corso in HD | Lezione 5 | Il pannello Proprietà 2025
Anonim

Il pannello Testo di Dreamweaver presenta una raccolta di opzioni che controllano la visualizzazione del testo nelle tue pagine. È possibile accedere alle opzioni del pannello Testo scorrendo verso il basso nel pannello Proprietà finché non si ottiene sotto le opzioni di Layout o facendo clic sull'icona T nella parte superiore del pannello.

Il pannello Testo include le seguenti opzioni di formattazione:

  • Colore: Imposta il colore del testo. È possibile fare clic sul pozzetto del colore e scegliere un colore, utilizzare il contagocce per campionare qualsiasi colore sullo schermo o immettere un codice colore esadecimale nel campo del colore. Se inserisci un codice colore esadecimale, includi il simbolo del cancelletto iniziale (#).

  • Famiglia di font: Definisci una famiglia di font o una serie di famiglie. Puoi aggiungere caratteri dal tuo disco rigido locale o da Adobe TypeKit scegliendo Gestisci caratteri nella parte inferiore dell'elenco a discesa e avviando la finestra di dialogo Gestisci tipi di carattere.

  • Stile carattere: Inserire normale, corsivo o obliquo. Tuttavia, il corsivo e l'obliquo sono raramente diversi in un browser web, quindi attenersi al corsivo a meno che non si abbia una ragione specifica per non farlo.

  • Font-Variant: Cambia il testo in maiuscoletto. Verifica attentamente i tuoi progetti perché questo attributo non è supportato da tutti i browser.

  • Peso carattere: Fai apparire il testo in grassetto selezionando Grassetto o Grassetto dall'elenco a discesa. È inoltre possibile immettere un numero compreso tra 100 e 900 per controllare in modo più preciso l'aspetto del testo in grassetto. Per rimuovere la formattazione in grassetto, scegli Normale o Più chiaro.

  • Dimensione carattere: Definisce la dimensione del testo. Puoi scegliere una dimensione numerica specifica o una dimensione relativa. Le opzioni di dimensione sono pixel (px), punto (pt), pica (pc), percentuale (%), em, rem, ex e ch. Pixel, ems e percentuali sono le opzioni più comunemente utilizzate per le dimensioni del testo.

  • Altezza riga: Specificare l'altezza della linea su cui è posizionato il testo. Proprio come la dimensione del testo, puoi specificare l'altezza della linea in vari modi, inclusi pixel, em e percentuali. È buona norma sul Web aggiungere l'altezza della linea perché aumentare lo spazio intorno al testo facilita la lettura sullo schermo di un computer.

  • Allineamento testo: Allinea a sinistra, allinea a destra, centro o giustifichi il testo facendo clic sull'icona corrispondente. La prima icona, per Eredita, è l'impostazione predefinita. Ad esempio, puoi centrare il testo nel piè di pagina della tua pagina web includendo Text-Align impostato su Center nella definizione di uno stile applicato al tag nella parte inferiore della pagina.

  • Decorazione del testo: Specificare se il testo è sottolineato, sottolineato, visualizzato con un barrato o visualizzato con l'effetto lampeggiante.Puoi anche scegliere Nessuno, che viene spesso utilizzato per rimuovere la sottolineatura dal testo collegato.

  • Rientro testo: Specificare la quantità di testo che verrà indentato dal lato sinistro della pagina immettendo un numero in una delle opzioni di dimensione, ad esempio pixel, em o percentuali.

Perché tanti tipi di carattere?

Potresti aver sentito che ora puoi utilizzare qualsiasi font che desideri nelle tue pagine web, grazie all'ultima versione di Cascading Style Sheets, CSS3. Questa affermazione è vera ma con alcune limitazioni: è necessario avere il diritto legale di pubblicare il carattere e il carattere deve essere ospitato su un server web.

Per garantire che il testo appaia come desiderato, Dreamweaver include raccolte dei tipi di carattere più comuni su computer Windows e Macintosh. Questi tipi di carattere sono raggruppati in famiglie, come

  • Gotham, Helvetica Nue, Helvetica, Arial, sans serif

  • Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, Times e serif

È possibile creare le proprie raccolte di font utilizzando la finestra di dialogo Gestisci tipi di carattere, accessibile selezionando l'opzione Gestisci font nella parte inferiore dell'elenco a discesa Font-Famiglia nel pannello Testo nel pannello Designer CSS.

La sezione Ombre di testo del pannello Testo

La sezione Ombre di testo del pannello Testo fornisce strumenti per aggiungere ombre di testo, una delle ultime proprietà CSS incluse nella definizione CSS3. Le opzioni più popolari sono le seguenti:

  • H-shadow: Aggiungi un'ombra al testo sull'asse orizzontale. Prima scegli un'opzione di dimensioni, quindi inserisci un numero nel campo. Ad esempio, inserisci 2px per aggiungere un'ombra orizzontale larga 2 pixel.

  • V-shadow: Aggiungi un'ombreggiatura al testo sull'asse verticale. Prima scegli un'opzione di dimensioni, quindi inserisci un numero nel campo.

  • Sfocatura: Controlla la quantità di sfocatura nell'ombra. Maggiore è il numero, più l'ombra è distesa o sfocata.

  • Colore: Immettere un codice colore esadecimale per specificare il colore dell'ombra o utilizzare il contagocce per campionare qualsiasi colore sullo schermo.

Le funzioni nella parte inferiore del pannello Testo, che non sono comuni come le altre opzioni del pannello Testo, sono le seguenti:

  • Trasformazione testo: Cambia il caso del testo. Le opzioni sono maiuscole, maiuscole e minuscole. Fare clic sull'icona corrispondente per impostare questa proprietà.

  • Letter-Spacing: Definisce la quantità di spazio bianco inserito tra le lettere. Le opzioni di dimensione sono pixel (px), punto (pt), pica (pc), percentuale (%), em, rem, ex e ch.

  • Word-Spacing: Definisce la quantità di spazio bianco inserito tra le parole. Le opzioni di dimensione sono pixel (px), punto (pt), pica (pc), percentuale (%), em, rem, ex e ch. (Vedere la barra laterale precedente "Confronto delle opzioni di dimensione CSS.")

  • Spazio bianco: Dire al browser come gestire le interruzioni di riga e gli spazi in un blocco di testo. Le opzioni sono Eredita, Normale, Nowrap, Pre, Pre-line o Pre-wrap. Nowrap è particolarmente utile perché impedisce agli elementi di essere separati se devono avvolgere per adattarsi all'interno di una finestra del browser o di un altro contenitore.

  • Allinea verticale: Allinea elementi in linea, come testo e immagini, in relazione agli elementi che li circondano. È possibile impostare un valore numerico o scegliere Linea di base, Sottotitolo, Super, Alto, Testo-Alto, Medio, Inferiore e Testo-Bottom.

Come usare il pannello di testo nel pannello delle proprietà CSS di Dreamweaver - manichini

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 ...