Come cambiare i colori dello sfondo e del testo in Dreamweaver

In Dreamweaver è possibile modificare lo sfondo ei colori del testo disponibili dalle categorie Aspetto. Nota che le opzioni CSS sono consigliate rispetto alle opzioni HTML. Quando si utilizzano le opzioni Aspetto (CSS), Dreamweaver crea automaticamente gli stili corrispondenti per il tag del corpo. Quando si utilizzano opzioni CSS nella finestra di dialogo Proprietà pagina, Dreamweaver crea automaticamente gli stili corrispondenti e li elenca nel pannello Stili CSS.

Sebbene sia possibile applicare impostazioni globali, come dimensione e colore del testo, nella finestra di dialogo Proprietà pagina, è possibile sovrascrivere tali impostazioni con altre opzioni di formattazione in istanze specifiche. Ad esempio, puoi impostare tutto il testo su Helvetica in Proprietà della pagina e quindi modificare il carattere per i titoli in Arial utilizzando CSS.

Per modificare le impostazioni del carattere, il colore di sfondo, il colore del testo e i margini della pagina per un'intera pagina, procedi nel seguente modo:

Scegli Modifica → Proprietà pagina.

Viene visualizzata la categoria Aspetto (CSS) della finestra di dialogo Proprietà pagina.

Nell'elenco a discesa Carattere pagina, specifica i caratteri che desideri per il testo sulla tua pagina.

In questo esempio, il tipo di carattere è impostato sulla raccolta che inizia con il carattere Cambria. Se non specifichi un carattere, il testo viene visualizzato nel carattere specificato nel browser dell'utente, che di solito è Times.

Se vuoi che tutto il testo della tua pagina appaia in grassetto o in corsivo, scegli le opzioni di carattere corrispondenti negli elenchi a discesa a destra delle opzioni di carattere della pagina.

Se selezioni una di queste opzioni, tutto il testo apparirà in grassetto o in corsivo nella pagina. La maggior parte dei designer lascia questi due campi vuoti perché desidera limitare l'uso del grassetto o del corsivo per attirare un'attenzione speciale su una o più parole.

Nell'elenco a discesa Dimensione, specifica la dimensione del carattere che desideri per il testo sulla tua pagina.

Ancora una volta, puoi sovrascrivere queste impostazioni per testo specifico sulla pagina, come i titoli.

Fare clic sulla casella del campione Colore testo per visualizzare la tavolozza dei colori. Scegli qualsiasi colore che ti piace.

Il colore selezionato riempie la casella dei campioni di colore ma non cambierà il colore del testo sulla pagina finché non si fa clic sul pulsante Applica o OK.

Fare clic sulla casella del campione Colore di sfondo per visualizzare la tavolozza dei colori. Scegli qualsiasi colore che ti piace.

Il colore selezionato riempie la casella del campione di colore, ma il colore non riempie lo sfondo finché non si fa clic sul pulsante Applica o OK.

Se desideri inserire un'immagine o una fotografia nello sfondo della tua pagina, fai clic sul pulsante Sfoglia accanto alla casella Immagine di sfondo e seleziona l'immagine nella finestra di dialogo Seleziona origine immagine.

Quando inserisci un'immagine di sfondo, questa si ripete automaticamente, o riquadri, attraverso e giù per la pagina, a meno che tu non scelga un'opzione dall'elenco a discesa Ripeti. No-Repeat impedisce la ripetizione dell'immagine di sfondo. Ripeti-X e Ripeti-Y ripetono l'immagine verticalmente (asse x) o orizzontalmente (asse y), rispettivamente, attraverso la pagina.

Utilizza le opzioni dei margini nella parte inferiore della finestra di dialogo per modificare i margini sinistro, destro, superiore o inferiore della pagina.

La maggior parte dei browser Web aggiunge un po' di spazio ai lati superiore e sinistro della finestra del browser intorno a qualsiasi pagina Web. L'immissione di 0 in tutti e quattro questi campi rimuove qualsiasi spazio di margine predefinito, consentendo di creare design che iniziano a filo con il bordo di un browser.

Fai clic sul pulsante Applica per vedere come appaiono i colori sulla tua pagina.

Fare clic su OK per terminare e chiudere la finestra di dialogo Proprietà pagina.


Schermata Cattura una sezione di un file PDF

Schermata Cattura una sezione di un file PDF

Puoi utilizzare lo strumento Istantanea in Adobe Acrobat CS5 per selezionare sia testo che immagini e creare un'immagine di una determinata area all'interno di un file PDF. Il risultato viene comunemente chiamato screenshot di una sezione all'interno di un file PDF. Il risultato è un'immagine e il tuo testo non è […]

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Progettato per ricercatori e scienziati, le capacità di misurazione in Photoshop CC sono piuttosto potenti. Puoi misurare qualsiasi cosa e contare il numero di qualsiasi cosa in un'immagine tecnica, magari da un microscopio o un telescopio. Se conosci la dimensione esatta di qualsiasi elemento in un'immagine, puoi scoprire praticamente qualsiasi cosa […]

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Quando utilizzi gli strumenti Fluidifica in Adobe Creative Suite 5 (Adobe CS5) Illustrator, puoi piegare gli oggetti, renderli ondulati, appiccicosi o appuntiti, creando distorsioni da semplici a complesse. Gli strumenti Fluidifica possono realizzare tutti i tipi di distorsioni creative o stravaganti (a seconda di come lo guardi) ai tuoi oggetti. Voi […]

Come regolare le proprietà del testo in Adobe XD

Come regolare le proprietà del testo in Adobe XD

Quando hai del testo nel tuo progetto Adobe XD, puoi iniziare a modificare le proprietà del testo. Queste proprietà includono Famiglia di caratteri, Dimensione carattere, Spessore carattere, Allineamento, Spaziatura caratteri (crenatura e tracciamento), Interlinea (interlinea), Riempimento, Bordo (tratto), Ombra (ombra esterna) e Sfocatura sfondo. Quindi esaminiamo come vengono applicate queste proprietà. A proposito di leggibilità e carattere […]

Come creare codici QR in InDesign CC

Come creare codici QR in InDesign CC

Puoi utilizzare InDesign per creare e modificare la grafica del codice QR. I codici QR sono una forma di codice a barre in grado di memorizzare informazioni come parole, numeri, URL o altre forme di dati. L'utente esegue la scansione del codice QR utilizzando la fotocamera e il software su un dispositivo, come uno smartphone, e il software utilizza […]

Lavorare con le tavole da disegno in Photoshop CC

Lavorare con le tavole da disegno in Photoshop CC

Proprio come in Adobe Illustrator, le tavole da disegno di Photoshop offrono la possibilità di creare pagine o schermate separate all'interno di un documento. Questo può essere particolarmente utile se stai costruendo schermi per un'applicazione mobile o una piccola brochure. Puoi pensare a una tavola da disegno come a un tipo speciale di gruppo di livelli creato utilizzando il pannello Livelli. Suo […]

Testo a capo in Adobe Illustrator CC

Testo a capo in Adobe Illustrator CC

Avvolgere il testo in Adobe Illustrator CC non è esattamente come avvolgere un regalo: è più facile! Un ritorno a capo forza il testo a avvolgere un elemento grafico, come mostrato in questa figura. Questa caratteristica può aggiungere un po' di creatività a qualsiasi pezzo. L'elemento grafico sta costringendo il testo a avvolgerlo. Innanzitutto, crea […]

Come ridimensionare le forme in Illustrator

Come ridimensionare le forme in Illustrator

Quando si progetta in Adobe Illustrator CC, spesso è necessario che una forma abbia le dimensioni esatte (ad esempio, 2 x 3 pollici). Dopo aver creato una forma, il modo migliore per ridimensionarla a misure esatte è utilizzare il pannello Trasforma, mostrato in questa figura. Avere l'oggetto selezionato e quindi scegliere Finestra → Trasforma in […]

Come applicare la trasparenza agli SVG

Come applicare la trasparenza agli SVG

Scopri come applicare la trasparenza alla grafica SVG in Illustrator. Scopri come produrre SVG con sfondi trasparenti e applicare effetti di trasparenza.

Lavorare con le immagini in Adobe XD

Lavorare con le immagini in Adobe XD

Dopo aver importato le tue immagini in Adobe XD, non hai un grande controllo sulla modifica, ma puoi ridimensionare e ruotare le immagini proprio come faresti con qualsiasi altra forma. Puoi anche arrotondare facilmente gli angoli di un'immagine importata utilizzando i widget degli angoli. Mascherare le tue immagini Definendo una forma chiusa […]