HOW TO: Creare collegamenti ipertestuali personalizzati utilizzando fogli di stile CSS in FrontPage 2003

Per la versione di questo articolo relativa a Microsoft FrontPage 2002, vedere
287706 .

Sommario

In questo articolo viene descritto come creare collegamenti ipertestuali personalizzati utilizzando fogli di stile CSS in Microsoft Office FrontPage 2003. Vengono inoltre forniti esempi per dimostrare come utilizzare le funzionalità dei fogli di stile CSS per creare collegamenti ipertestuali personalizzati.

Nota Le funzionalità dei fogli di stile CSS descritte in questo articolo potrebbero non essere supportate da tutti i browser. Per ulteriori informazioni consultare la Guida in linea di FrontPage. A questo scopo, scegliere Guida in linea Microsoft FrontPage dal menu
?, digitare compatibilità dei fogli di stile CSS nella casella Cerca, quindi premere INVIO per visualizzare gli argomenti restituiti.

Torna all'inizio

Creazione di collegamenti ipertestuali personalizzati utilizzando fogli di stile CSS

Negli esempi riportati di seguito viene illustrato come creare collegamenti ipertestuali personalizzati utilizzando le funzionalità dei fogli di stile CSS:

Microsoft fornisce esempi di programmazione a scopo puramente illustrativo, senza alcuna garanzia di qualsiasi tipo, sia espressa che implicita, ivi incluse, senza limitazioni, le garanzie implicite di commerciabilità o idoneità per uno scopo particolare. In questo articolo si presume che l'utente conosca il linguaggio di programmazione in questione e gli strumenti utilizzati per creare ed eseguire il debug delle procedure. Gli esperti Microsoft sono autorizzati a fornire spiegazioni in merito alla funzionalità di una particolare procedura, ma in nessun caso a modificare questi esempi per fornire funzionalità aggiuntive o a creare procedure atte a soddisfare specifiche esigenze. Se si dispone di esperienza di programmazione limitata, si consiglia di contattare un Microsoft Certified Partner o la filiale Microsoft locale per informazioni sulla consulenza tecnica. Per ulteriori informazioni in merito ai Microsoft Certified Partner, visitare il seguente sito Web:Per ulteriori informazioni sulle opzioni di supporto disponibili da Microsoft, visitare il seguente sito Web Microsoft: Nota È possibile che copiando e incollando gli esempi di codice direttamente da questo articolo in FrontPage venga visualizzato un messaggio di errore o che la pagina non venga visualizzata correttamente. Le parentesi angolari (< e >) potrebbero essere visualizzate come codice HTML. Per aggirare questo inconveniente, incollare l'esempio di codice in un documento vuoto del Blocco note, quindi copiarlo da questo documento nella pagina in FrontPage.

Torna all'inizio

Esempio 1: creare collegamenti ipertestuali nei quali solo le sottolineature sono visualizzate con un colore diverso

In questo esempio il testo del collegamento ipertestuale viene formattato con lo stesso colore del testo del documento. Solo la sottolineatura del collegamento appare in un colore diverso. Per creare il collegamento ipertestuale, attenersi alla seguente procedura:
  1. Avviare FrontPage e creare una nuova pagina vuota.
  2. Scegliere Pagina dal menu
    Visualizza, quindi nella parte inferiore della pagina fare clic su Codice.
  3. Inserire il codice seguente nell'area
    <head></head> della pagina:
    <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. Inserire il codice seguente nell'area
    <body></body> della pagina:
    <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. Scegliere Salva dal menu
    File.
  6. Nella finestra di dialogo Salva con nomespecificare il percorso in cui si desidera salvare il file, digitare
    Esempio1 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browserdal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.
Torna all'inizio

Esempio 2: creare collegamenti ipertestuali per i quali vengono utilizzati pulsanti attivati al passaggio del mouse

In questo esempio vengono creati collegamenti ipertestuali ai quali vengono assegnati pulsanti attivati al passaggio del mouse con uno sfondo in tinta unita. Per creare il collegamento ipertestuale, attenersi alla seguente procedura:
  1. Avviare FrontPage e creare una nuova pagina vuota.
  2. Scegliere Pagina dal menu
    Visualizza, quindi nella parte inferiore della pagina fare clic su Codice.
  3. Inserire il codice seguente nell'area
    <head></head> della pagina:
    <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. Inserire il codice seguente nell'area
    <body></body> della pagina:
    <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. Scegliere Salva dal menu
    File.
  6. Nella finestra di dialogo Salva con nomespecificare il percorso in cui si desidera salvare il file, digitare
    Esempio2 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browserdal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.
Torna all'inizio

Esempio 3: creare collegamenti ipertestuali per i quali vengono utilizzati pulsanti evidenziati

In questo esempio vengono creati collegamenti ipertestuali ai quali vengono assegnati pulsanti evidenziati e attivati al passaggio del mouse. Il testo del collegamento ipertestuale viene racchiuso in una casella colorata creando un effetto di contorno evidenziato. Per creare il collegamento ipertestuale, attenersi alla seguente procedura:
  1. Avviare FrontPage e creare una nuova pagina vuota.
  2. Scegliere Pagina dal menu
    Visualizza, quindi nella parte inferiore della pagina fare clic su Codice.
  3. Inserire il codice seguente nell'area
    <head></head> della pagina:
    <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. Inserire il codice seguente nell'area
    <body></body> della pagina:
    <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. Scegliere Salva dal menu
    File.
  6. Nella finestra di dialogo Salva con nomespecificare il percorso in cui si desidera salvare il file, digitare
    Esempio3 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browserdal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.
Torna all'inizio

Esempio 4: creare collegamenti ipertestuali per i quali viene utilizzata una formattazione del testo differente

In questo esempio i collegamenti ipertestuali vengono formattati in modo che il testo sia visualizzato non sottolineato, in corsivo e con caratteri minuscoli. Quando si sposta il puntatore del mouse sul collegamento ipertestuale, il relativo testo viene convertito in caratteri maiuscoli. Per creare il collegamento ipertestuale, attenersi alla seguente procedura:
  1. Avviare FrontPage e creare una nuova pagina vuota.
  2. Scegliere Pagina dal menu
    Visualizza, quindi nella parte inferiore della pagina fare clic su Codice.
  3. Inserire il codice seguente nell'area
    <head></head> della pagina:
    <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. Inserire il codice seguente nell'area
    <body></body> della pagina:
    <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. Scegliere Salva dal menu
    File.
  6. Nella finestra di dialogo Salva con nomespecificare il percorso in cui si desidera salvare il file, digitare
    Esempio4 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browserdal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.
Torna all'inizio

Riferimenti

Per ulteriori informazioni sui fogli di stile CSS in FrontPage 2003, vedere la Guida in linea di FrontPage. A questo scopo, scegliere Guida in linea Microsoft Office FrontPage dal menu
?. Nella casella Cerca digitare
fogli di stile CSS, quindi premere INVIO per visualizzare gli argomenti restituiti.

Torna all'inizio

Riferimenti

Per ulteriori informazioni, fare clic sui numeri degli articoli della Microsoft Knowledge Base riportati di seguito:
196488 Fs000: What Are Cascading Style Sheets?

205996 HOW TO: Create Cascading Style Sheets in FrontPage 2000

240972 HOW TO: Remove Underlines from Hyperlinks in FrontPage 2000

222949 FP2000: Creating Hover Effects for Form Buttons using DHTML and CSS

Proprietà

ID articolo: 825450 - Ultima revisione: 13 ago 2007 - Revisione: 1

Feedback