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.