L'utilizzo di fogli di stile CSS per creare collegamenti ipertestuali personalizzati in Expression Web

Traduzione articoli Traduzione articoli
Identificativo articolo: 928715 - Visualizza i prodotti a cui si riferisce l?articolo.
Espandi tutto | Chiudi tutto

In questa pagina

INTRODUZIONE

In questo articolo viene descritto come utilizzare fogli di stile CSS (CSS) per creare collegamenti ipertestuali personalizzati in Microsoft Expression Web. Contiene esempi in cui viene illustrato come utilizzare le funzionalità CSS per creare collegamenti ipertestuali personalizzati.

Informazioni

Esempio 1: Creare collegamenti ipertestuali in cui la formattazione di sottolineatura viene visualizzata in un colore diverso

In questo esempio formatta il testo dei collegamenti ipertestuali lo stesso colore del testo del documento. Solo sottolineatura dei collegamenti ipertestuali viene visualizzata la formattazione in un colore diverso. Per creare i collegamenti ipertestuali personalizzati, attenersi alla seguente procedura:
  1. Avviare Expression Web e quindi creare una nuova pagina vuota.
  2. Fare clic su pagina dal menu Visualizza e quindi fare clic su codice in fondo alla pagina.
  3. Nel <head> </head> area della pagina, inserire il codice seguente:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px } 
    a:link { border-bottom-color: blue } a:visited { border-bottom-color: purple } 
    a:hover { border-bottom-color: green } a:active { border-bottom-color: red } 
    </style> 
  4. Nel <body> </body> area della pagina, inserire il codice seguente:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. Nel menu file , fare clic su Salva .
  6. Nella finestra di dialogo Salva con nome specificare un percorso che a cui si desidera salvare il file.
  7. Nella casella nome file digitare Example1 e quindi fare clic su Salva .
  8. Scegliere Visualizza anteprima nel browser dal menu file , quindi il browser che si desidera utilizzare per visualizzare l'anteprima della pagina.

Esempio 2: Creare collegamenti ipertestuali che utilizzano pulsanti attivati al passaggio del mouse

Questo esempio crea i collegamenti ipertestuali che utilizzano pulsanti attivati al passaggio del mouse che hanno uno sfondo a tinta unita. Per creare i collegamenti ipertestuali personalizzati, attenersi alla seguente procedura:
  1. Avviare Expression Web e quindi creare una nuova pagina vuota.
  2. Fare clic su pagina dal menu Visualizza e quindi fare clic su codice in fondo alla pagina.
  3. Nel <head> </head> area della pagina, inserire il codice seguente:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; padding: 3px } 
    a:link { color: white; background-color: blue } 
    a:visited { color: white; background-color: purple } 
    a:hover { color: white; background-color: green } 
    a:active { color: white; background-color: red } 
    </style> 
  4. Nel <body> </body> area della pagina, inserire il codice seguente:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. Nel menu file , fare clic su Salva .
  6. Nella finestra di dialogo Salva con nome specificare un percorso che a cui si desidera salvare il file.
  7. Nella casella nome file digitare Example2 e quindi fare clic su Salva .
  8. Scegliere Visualizza anteprima nel browser dal menu file , quindi il browser che si desidera utilizzare per visualizzare l'anteprima della pagina.

Esempio 3: Creare collegamenti ipertestuali che utilizzano pulsanti attivati al passaggio del mouse di struttura

Questo esempio crea i collegamenti ipertestuali utilizzano pulsanti attivati al passaggio del mouse di struttura. Si posiziona su tali collegamenti ipertestuali, una casella colorata verrà racchiusa il testo del collegamento ipertestuale. Questo crea un effetto di struttura. Per creare i collegamenti ipertestuali personalizzati, attenersi alla seguente procedura:
  1. Avviare Expression Web e quindi creare una nuova pagina vuota.
  2. Fare clic su pagina dal menu Visualizza e quindi fare clic su codice in fondo alla pagina.
  3. Nel <head> </head> area della pagina, inserire il codice seguente:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { color: black; text-decoration: none; border-style: solid; border-width: 2px; padding: 2px } 
    a:link { border-color: blue } a:visited { border-color: purple } 
    a:hover { border-color: green } a:active { border-color: red } 
    </style> 
  4. Nel <body> </body> area della pagina, inserire il codice seguente:
    <p>Please see <a href="http://www.microsoft.com">http://www.microsoft.com</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://www.msn.com</a> for more.</p> 
  5. Nel menu file , fare clic su Salva .
  6. Nella finestra di dialogo Salva con nome specificare un percorso che a cui si desidera salvare il file.
  7. Nella casella nome file digitare Example3 e quindi fare clic su Salva .
  8. Scegliere Visualizza anteprima nel browser dal menu file , quindi il browser che si desidera utilizzare per visualizzare l'anteprima della pagina.

Esempio 4: Creare collegamenti ipertestuali che utilizzano la formattazione del testo diverso

Questo esempio formatta collegamenti ipertestuali a utilizzare il testo non sottolineato, corsivo, lettere minuscola. Quando si posiziona su tali collegamenti ipertestuali, il testo diventa maiuscolo. Per creare i collegamenti ipertestuali personalizzati, attenersi alla seguente procedura:
  1. Avviare Expression Web e quindi creare una nuova pagina vuota.
  2. Fare clic su pagina dal menu Visualizza e quindi fare clic su codice in fondo alla pagina.
  3. Nel <head> </head> area della pagina, inserire il codice seguente:
    <style> 
    body { color: black; background-color: white; font-family: arial } 
    a { text-decoration: none; font-style: italic; text-transform: lowercase } 
    a:link { color: blue; font-weight: bold } a:visited { color: purple } 
    a:hover { color: green; text-transform: uppercase } 
    a:active { color: red } 
    </style> 
  4. Nel <body> </body> area della pagina, inserire il codice seguente:
    <p>Please see <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> for more.</p> 
    <p>Please see <a href="http://www.msn.com">http://WWW.msn.COM</a> for more.</p> 
  5. Nel menu file , fare clic su Salva .
  6. Nella finestra di dialogo Salva con nome specificare un percorso che a cui si desidera salvare il file.
  7. Nella casella nome file digitare Example4 e quindi fare clic su Salva .
  8. Scegliere Visualizza anteprima nel browser dal menu file , quindi il browser che si desidera utilizzare per visualizzare l'anteprima della pagina.

Riferimenti

Per ulteriori informazioni, fare clic sui numeri degli articoli della Microsoft Knowledge Base riportato di seguito:
825450Come creare collegamenti ipertestuali personalizzati mediante i fogli di stile CSS in FrontPage 2003
196488Fogli di stile che cosa sono CSS?
222949Come creare effetti al passaggio del mouse per pulsanti del modulo utilizza DHTML e CSS in FrontPage

Proprietà

Identificativo articolo: 928715 - Ultima modifica: mercoledì 6 dicembre 2006 - Revisione: 1.0
Le informazioni in questo articolo si applicano a:
  • Microsoft Expression Web
Chiavi: 
kbmt kbexpertiseinter kbhowto KB928715 KbMtit
Traduzione automatica articoli
Il presente articolo è stato tradotto tramite il software di traduzione automatica di Microsoft e non da una persona. Microsoft offre sia articoli tradotti da persone fisiche sia articoli tradotti automaticamente da un software, in modo da rendere disponibili tutti gli articoli presenti nella nostra Knowledge Base nella lingua madre dell?utente. Tuttavia, un articolo tradotto in modo automatico non è sempre perfetto. Potrebbe contenere errori di sintassi, di grammatica o di utilizzo dei vocaboli, più o meno allo stesso modo di come una persona straniera potrebbe commettere degli errori parlando una lingua che non è la sua. Microsoft non è responsabile di alcuna imprecisione, errore o danno cagionato da qualsiasi traduzione non corretta dei contenuti o dell?utilizzo degli stessi fatto dai propri clienti. Microsoft, inoltre, aggiorna frequentemente il software di traduzione automatica.
Clicca qui per visualizzare la versione originale in inglese dell?articolo: 928715
LE INFORMAZIONI CONTENUTE NELLA MICROSOFT KNOWLEDGE BASE SONO FORNITE SENZA GARANZIA DI ALCUN TIPO, IMPLICITA OD ESPLICITA, COMPRESA QUELLA RIGUARDO ALLA COMMERCIALIZZAZIONE E/O COMPATIBILITA' IN IMPIEGHI PARTICOLARI. L'UTENTE SI ASSUME L'INTERA RESPONSABILITA' PER L'UTILIZZO DI QUESTE INFORMAZIONI. IN NESSUN CASO MICROSOFT CORPORATION E I SUOI FORNITORI SI RENDONO RESPONSABILI PER DANNI DIRETTI, INDIRETTI O ACCIDENTALI CHE POSSANO PROVOCARE PERDITA DI DENARO O DI DATI, ANCHE SE MICROSOFT O I SUOI FORNITORI FOSSERO STATI AVVISATI. IL DOCUMENTO PUO' ESSERE COPIATO E DISTRIBUITO ALLE SEGUENTI CONDIZIONI: 1) IL TESTO DEVE ESSERE COPIATO INTEGRALMENTE E TUTTE LE PAGINE DEVONO ESSERE INCLUSE. 2) I PROGRAMMI SE PRESENTI, DEVONO ESSERE COPIATI SENZA MODIFICHE, 3) IL DOCUMENTO DEVE ESSERE DISTRIBUITO INTERAMENTE IN OGNI SUA PARTE. 4) IL DOCUMENTO NON PUO' ESSERE DISTRIBUITO A SCOPO DI LUCRO.

Invia suggerimenti

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com