Come cambiare gli stili dei collegamenti con le proprietà della pagina in Dreamweaver - dummies

Se sei come molti designer che usano Dreamweaver, probabilmente non ti piace la sottolineatura che appare automaticamente sotto tutto il testo collegato in una pagina web. È davvero facile rimuovere la sottolineatura e modificare il colore, il carattere e la dimensione dei collegamenti con la finestra di dialogo Proprietà pagina di Dreamweaver. È anche possibile modificare altre impostazioni a livello di pagina, come il colore di sfondo e i margini della pagina, dalla finestra di dialogo Proprietà pagina.

Il modo più semplice per modificare tutti gli stili di collegamento contemporaneamente è cambiarli nella finestra di dialogo Proprietà pagina. Quando si utilizza questa opzione, Dreamweaver crea automaticamente gli stili di selezione tag corrispondenti e li elenca nel pannello Stili CSS. Altre impostazioni a livello di pagina in questa finestra di dialogo funzionano in modo simile e puoi modificare tutte queste opzioni utilizzando gli strumenti CSS.

Per modificare il collegamento ipertestuale e altri stili con la finestra di dialogo Proprietà pagina, aprire una pagina esistente o crearne una nuova e seguire questi passaggi:

1. Scegli Modifica → Proprietà della pagina.

   In alternativa, è possibile fare clic sul pulsante Proprietà pagina nella finestra di ispezione Proprietà. Viene visualizzata la finestra di dialogo Proprietà pagina.

2. A sinistra della finestra di dialogo Proprietà pagina, selezionare la categoria Collegamenti (CSS).

   

3. Specifica un font e una dimensione per i tuoi collegamenti.

   Se si desidera utilizzare la stessa dimensione e il tipo di carattere per i collegamenti come si utilizza nel resto del testo nella pagina, è meglio lasciare queste opzioni vuote. Quindi, se si modificano le impostazioni di testo per la pagina, non sarà necessario ricordarsi di modificarle anche per i collegamenti.

4. Specificare i colori per ogni stato del collegamento ipertestuale facendo clic sul relativo pozzetto di colore e selezionando un colore dalla finestra di dialogo Colore.

   È possibile modificare alcune o tutte le impostazioni dei colori dei collegamenti. Se non si specifica un colore di collegamento, il browser utilizza il colore di collegamento predefinito. Ecco una spiegazione di ciascuno dei quattro stati di collegamento:

   • Colore collegamento: Il colore in cui i collegamenti vengono visualizzati quando la pagina viene caricata per la prima volta e la pagina collegata non è ancora stata visitata dal browser. Il tag HTML corrispondente è.

   • Link visitati: Il colore a cui i tuoi link cambiano dopo che un browser ha già visualizzato la pagina collegata. Il tag HTML corrispondente è.

   • Link di rollover: Il colore a cui un collegamento cambia quando un utente fa scorrere un cursore su un collegamento. Il tag HTML corrispondente è.

   • Collegamenti attivi: Il colore a cui un collegamento viene modificato quando un utente fa attivamente clic su un collegamento. Il tag HTML corrispondente è.

5. Seleziona uno stile dall'elenco a discesa Stile sottolineato.

   Per impostazione predefinita, i collegamenti visualizzati in un browser Web sono sottolineati. Molti designer preferiscono rimuovere la sottolineatura che appare automaticamente sotto il testo collegato scegliendo Mai sottolineato. Puoi dare ai visitatori lo spunto visivo della sottolineatura, ma solo quando si posiziona il cursore su un link, quindi scegli l'opzione Mostra solo sottolineatura su rollover.

6. Fare clic su OK.

   La finestra di dialogo Proprietà pagina si chiude, le impostazioni dello stile vengono applicate automaticamente a tutti i collegamenti sulla pagina e gli stili corrispondenti vengono aggiunti al pannello Stili CSS.

Per testare completamente gli stili di collegamento, visualizzare l'anteprima della pagina in un browser Web o fare clic sul pulsante Vista dal vivo nella parte superiore dell'area di lavoro. È buona norma verificare le impostazioni dei collegamenti in un browser quando si apportano modifiche come quelle nell'esercizio precedente. Dai un'occhiata a come appaiono i tuoi link.

Ad esempio, controlla se i colori dei collegamenti attivi e visitati sembrano buoni rispetto al colore di sfondo della pagina. Ricorda che tutti gli stili creati utilizzando la finestra di dialogo Proprietà pagina influiscono sui tutti i collegamenti sulla tua pagina, a meno che non applichi specificamente uno stile diverso a un singolo link che sostituisce lo stile di tag ridefinito.

Se si desidera utilizzare stili di collegamento diversi in parti diverse della stessa pagina, è possibile creare stili composti per creare stili di collegamento diversi.