Video: 2- Tutorial HTML: Modificare stile testo 2024
In Dreamweaver, è possibile modificare lo sfondo e i colori del testo disponibili nelle categorie Aspetto. Si noti che le opzioni CSS sono raccomandate su opzioni HTML. Quando si utilizzano le opzioni Aspetto (CSS), Dreamweaver crea automaticamente gli stili corrispondenti per il tag del corpo. Quando si utilizzano le 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 dimensioni 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 tuo testo su Helvetica in Page Properties e quindi modificare il font per i titoli in Arial usando CSS.
Per modificare le impostazioni del carattere, il colore di sfondo, il colore del testo e i margini della pagina per un'intera pagina, segui questi passaggi:
-
Scegli Modifica → Proprietà della pagina.
Viene visualizzata la categoria Aspetto (CSS) della finestra di dialogo Proprietà pagina.
-
Nell'elenco a discesa Carattere pagina, specificare i caratteri desiderati per il testo sulla pagina.
In questo esempio, la faccia del carattere è impostata sulla raccolta che inizia con il carattere Cambria. Se non si specifica un carattere, il testo verrà 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 Carattere pagina.
Se si seleziona una di queste opzioni, tutto il testo appare in grassetto o corsivo nella pagina. La maggior parte dei designer lascia questi due campi vuoti perché vogliono limitare l'uso del grassetto o del corsivo per attirare l'attenzione su una parola o una parola.
-
Nell'elenco a discesa Dimensioni, specificare la dimensione del carattere desiderata per il testo sulla pagina.
Anche in questo caso, è possibile ignorare queste impostazioni per un testo specifico sulla pagina, ad esempio titoli.
-
Fare clic sulla casella Campione Colore testo per rivelare la tavolozza dei colori. Scegli qualsiasi colore che ti piace.
Il colore selezionato riempie la casella del campione 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 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 fai clic sul pulsante Applica o OK.
-
Se si desidera inserire un'immagine o una fotografia sullo sfondo della pagina, fare clic sul pulsante Sfoglia accanto alla casella Immagine di sfondo e selezionare l'immagine nella finestra di dialogo Seleziona origine immagine.
Quando si inserisce un'immagine di sfondo, si ripete automaticamente, o tessere, su e giù per la pagina, a meno che non si scelga un'opzione dall'elenco a discesa Ripeti. No-Repeat impedisce che l'immagine di sfondo si ripeta. Ripeti-X e Ripeti-Y ripete l'immagine verticalmente (asse x) o orizzontalmente (asse y), rispettivamente, attraverso la pagina.
-
Utilizza le opzioni di margine 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 attorno a qualsiasi pagina web. Inserendo 0 in tutti e quattro questi campi si rimuove qualsiasi margine di margine predefinito, consentendo di creare disegni 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.