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

Traduzione articoli Traduzione articoli
Identificativo articolo: 825450 - Visualizza i prodotti a cui si riferisce l?articolo.
Per la versione di questo articolo relativa a Microsoft FrontPage 2002, vedere 287706.
Espandi tutto | Chiudi tutto

In questa pagina

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.

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:
https://solutionfinder.microsoft.com/
Per ulteriori informazioni sulle opzioni di supporto disponibili da Microsoft, visitare il seguente sito Web Microsoft:
http://support.microsoft.com/default.aspx?scid=fh;IT;CNTACT
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.

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 nome specificare il percorso in cui si desidera salvare il file, digitare Esempio1 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browser dal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.

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 nome specificare il percorso in cui si desidera salvare il file, digitare Esempio2 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browser dal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.

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 nome specificare il percorso in cui si desidera salvare il file, digitare Esempio3 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browser dal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.

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 nome specificare il percorso in cui si desidera salvare il file, digitare Esempio4 nella casella Nome file, quindi scegliere Salva.
  7. Scegliere Visualizza anteprima nel browser dal menu File, quindi selezionare il browser che si desidera utilizzare per visualizzare la pagina in anteprima.

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.

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à

Identificativo articolo: 825450 - Ultima modifica: lunedì 13 agosto 2007 - Revisione: 2.2
Le informazioni in questo articolo si applicano a
  • Microsoft Office FrontPage 2003
Chiavi: 
kbhowto KB825450
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