Samenvatting
In dit artikel wordt beschreven hoe u aangepaste hyperlinks maakt met trapsgewijze opmaakmodellen (CSS-bestanden ofwel Cascading Style Sheets) in Microsoft Office FrontPage 2003. Verder bevat dit artikel voorbeelden waarin wordt getoond hoe u de functies van trapsgewijze opmaakmodellen gebruikt om aangepaste hyperlinks te maken.
Opmerking In dit artikel worden functies van trapsgewijze opmaakmodellen gebruikt die niet in alle webbrowsers worden ondersteund. Zie FrontPage Help voor meer informatie. Klik hiertoe op
Microsoft FrontPage Help in het menu
Help, typ
compatibiliteit trapsgewijs opmaakmodel in het vak
Zoeken en druk op ENTER om de gevonden onderwerpen weer te geven.
Terug naar beginAangepaste hyperlinks maken met trapsgewijze opmaakmodellen
In de volgende voorbeelden wordt getoond hoe u aangepaste hyperlinks maakt door functies van trapsgewijze opmaakmodellen te gebruiken:
Microsoft verstrekt deze code zonder enige expliciete of impliciete garantie, daaronder mede begrepen, maar niet beperkt tot impliciete garanties met betrekking tot de verkoopbaarheid en/of geschiktheid voor een bepaald doel. In dit artikel wordt ervan uitgegaan dat u bekend bent met de programmeertaal VBScript, alsmede met de hulpprogramma's waarmee procedures worden gemaakt en waarmee fouten in procedures worden opgespoord. U kunt desgewenst contact opnemen met Microsoft Product Support Services voor uitleg over de functie van een bepaalde procedure. Microsoft Product Support Services is echter niet bereid de voorbeelden aan te passen om extra functies toe te voegen of om procedures te maken die aan uw specifieke eisen voldoen.
Opmerking Er kan een foutbericht worden weergegeven of de pagina wordt niet correct weergegeven als u de voorbeelden uit dit artikel rechtstreeks in FrontPage plakt. De punthaken (< en >) worden mogelijk weergegeven als HTML-code. U kunt dit probleem omzeilen door het codevoorbeeld eerst naar een leeg document in Kladblok te kopiëren en het vervolgens van het document in Kladblok naar de pagina in FrontPage te kopiëren.
Terug naar beginVoorbeeld 1: Hyperlinks maken waarvan alleen de onderstreping in een andere kleur wordt weergegeven
In dit voorbeeld krijgt de tekst van de hyperlink dezelfde kleur als de tekst van het document. Alleen de onderstreping van de hyperlink wordt in een andere kleur weergegeven. Ga als volgt te werk om de aangepaste hyperlink te maken:
- Start FrontPage en maak een nieuwe, lege pagina.
- Open het menu Beeld, klik op Pagina en klik onder aan de pagina op Code.
- Voeg in het gebied <head></head> van de pagina de volgende code in:
<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>
- Voeg in het gebied <body></body> van de pagina de volgende code in:
<p>Zie <a href="http://www.microsoft.com">http://www.microsoft.com</a> voor meer informatie.</p><p>Zie <a href="http://www.msn.nl">http://www.msn.nl</a> voor meer informatie.</p>
- Klik in het menu Bestand op Opslaan.
- Geef in het dialoogvenster Opslaan als de locatie op waar u het bestand wilt opslaan, typ Voorbeeld2 in het vak Bestandsnaam en klik op Opslaan.
- Wijs in het menu Bestand de optie Voorbeeld in browser aan en klik op de webbrowser die u wilt gebruiken om een voorbeeld van de pagina weer te geven.
Terug naar beginVoorbeeld 2: Hyperlinks maken in de vorm van een knop met een aanwijseffect
In dit voorbeeld worden hyperlinks gemaakt in de vorm van een knop met een aanwijseffect met een effen achtergrond. Ga als volgt te werk om de aangepaste hyperlink te maken:
- Start FrontPage en maak een nieuwe, lege pagina.
- Open het menu Beeld, klik op Pagina en klik onder aan de pagina op Code.
- Voeg in het gebied <head></head> van de pagina de volgende code in:
<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>
- Voeg in het gebied <body></body> van de pagina de volgende code in:
<p>Zie <a href="http://www.microsoft.com">http://www.microsoft.com</a> voor meer informatie.</p><p>Zie <a href="http://www.msn.nl">http://www.msn.nl</a> voor meer informatie.</p>
- Klik in het menu Bestand op Opslaan.
- Geef in het dialoogvenster Opslaan als de locatie op waar u het bestand wilt opslaan, typ Voorbeeld2 in het vak Bestandsnaam en klik op Opslaan.
- Wijs in het menu Bestand de optie Voorbeeld in browser aan en klik op de webbrowser die u wilt gebruiken om een voorbeeld van de pagina weer te geven.
Terug naar beginVoorbeeld 3: Hyperlinks maken in de vorm van een knop met een omtrek
In dit voorbeeld worden hyperlinks gemaakt in de vorm van een knop met een aanwijseffect en een omtrek. Er wordt een gekleurd kader rond de hyperlinktekst weergegeven waardoor er een omtrekeffect ontstaat. Ga als volgt te werk om de aangepaste hyperlink te maken:
- Start FrontPage en maak een nieuwe, lege pagina.
- Open het menu Beeld, klik op Pagina en klik onder aan de pagina op Code.
- Voeg in het gebied <head></head> van de pagina de volgende code in:
<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>
- Voeg in het gebied <body></body> van de pagina de volgende code in:
<p>Zie <a href="http://www.microsoft.com">http://www.microsoft.com</a> voor meer informatie.</p><p>Zie <a href="http://www.msn.nl">http://www.msn.nl</a> voor meer informatie.</p>
- Klik in het menu Bestand op Opslaan.
- Geef in het dialoogvenster Opslaan als de locatie op waar u het bestand wilt opslaan, typ Voorbeeld3 in het vak Bestandsnaam en klik op Opslaan.
- Wijs in het menu Bestand de optie Voorbeeld in browser aan en klik op de webbrowser die u wilt gebruiken om een voorbeeld van de pagina weer te geven.
Terug naar beginVoorbeeld 4: Hyperlinks maken met een andere tekstopmaak
In dit voorbeeld worden de hyperlinks opgemaakt als niet-onderstreepte, cursieve tekst in kleine letters. Als u de aanwijzer op de hyperlink plaatst, wordt de tekst in de hyperlink omgezet in hoofdletters. Ga als volgt te werk om de aangepaste hyperlink te maken:
- Start FrontPage en maak een nieuwe, lege pagina.
- Open het menu Beeld, klik op Pagina en klik onder aan de pagina op Code.
- Voeg in het gebied <head></head> van de pagina de volgende code in:
<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>
- Voeg in het gebied <body></body> van de pagina de volgende code in:
<p>Zie <a href="http://www.microsoft.com">http://WWW.microsoft.COM</a> voor meer informatie.</p><p>Zie <a href="http://www.msn.nl">http://WWW.msn.nl</a> voor meer informatie.</p>
- Klik in het menu Bestand op Opslaan.
- Geef in het dialoogvenster Opslaan als de locatie op waar u het bestand wilt opslaan, typ Voorbeeld4 in het vak Bestandsnaam en klik op Opslaan.
- Wijs in het menu Bestand de optie Voorbeeld in browser aan en klik op de webbrowser die u wilt gebruiken om een voorbeeld van de pagina weer te geven.
Terug naar beginReferenties
Voor meer informatie klikt u op de volgende artikelnummers in de Microsoft Knowledge Base:
196488Fs000: Wat zijn trapsgewijze opmaakmodellen?
205996Procedure: Trapsgewijze opmaakmodellen maken in FrontPage 2000
240972Procedure: Onderstrepingslijnen van hyperlinks verwijderen in FrontPage 2000
222949FrontPage 2000: Zwevende effecten voor formulierknoppen maken met DHTML en CSS