Come aggiungere ombre di trascinamento e testo in Dreamweaver - dummies

È possibile migliorare i progetti in Dreamweaver e aumentare la profondità delle pagine aggiungendo ombreggiature a immagini, tag e altri elementi. L'aggiunta di ombre di testo rende le tue parole più facili da leggere, specialmente se il tuo disegno ha uno sfondo complesso o se i colori di primo piano e di sfondo mancano di contrasto.

Credito: foto di iStockphoto. com

Dreamweaver CC offre un migliore supporto e integrazione di ombre esterne e ombre di testo CSS3 dal nuovo pannello Designer CSS.

Puoi creare stili di classe o ID con ombre di testo, e puoi aggiungere ombre di testo a elementi HTML esistenti definendo uno stile di tag, come lo stile di titolo 1 visto qui. Il codice CSS3 che crea l'ombreggiatura del testo è

h1 {text-shadow: 2px 2px 2px # 000;}

I numeri nel codice specificano che l'ombra del testo dovrebbe estendere 2 pixel a destra e 2 pixel sotto il testo con una sfocatura di 2 pixel. Inoltre, l'ombra viene creata con il colore nero, specificato dal codice colore esadecimale # 000 abbreviato.

Quando si creano regole per le ombre del testo è possibile specificare fino a quattro valori:

• orizzontale e verticale : i primi due valori numerici sono obbligatori e specificano l'orizzontale e offset verticali: la distanza dell'ombra esterna si estende sotto il testo (verticale ) e alla destra del testo (orizzontale).

• Raggio di sfocatura : il terzo valore specifica la quantità di sfocatura nell'ombra. Se non includi il raggio di sfocatura, il valore predefinito è 0, che fa apparire l'ombra come un colore solido.

• colore : il quarto valore specifica il colore dell'ombra e può essere definito utilizzando un codice colore esadecimale o un codice colore RGBa.

La scelta di un colore RGBa per l'opzione Colore offre un maggiore controllo sull'aspetto dell'ombra perché è possibile aggiungere trasparenza.

È possibile aggiungere un'ombra di testo utilizzando il pannello Proprietà nella parte inferiore del pannello di Progettazione CSS. Per fare ciò, segui questi passaggi:

1. Scorri verso il basso fino alla sezione Text-Shadow del pannello Proprietà CSS Designer.

2. Immettere la dimensione dell'ombra che si desidera visualizzare utilizzando i campi H-shadow (orizzontale) e V-shadow (verticale).

3. Aggiungi la quantità di sfocatura desiderata per l'ombreggiatura del testo immettendo una dimensione nel campo Sfocatura.

4. Fai clic sul riquadro dei colori e seleziona il colore che desideri utilizzare nell'ombra del testo.