Anker – Anchor aanmaken in Dreamweaver

Vandaag overlopen we hoe een anker, of ook anchor genoemd, kan gemaakt worden via Dreamweaver. Een anker of anchor zie je vaak voorkomen op websites als ‘Terug naar top’ onderaan een pagina. Je klikt erop en je bent terug helemaal bovenaan de pagina zonder te scrollen. Ook bij FAQ pagina’s zie dit voorkomen. De vragen staan bovenaan de pagina allemaal onder elkaar opgesomd en als je op één van deze vragen klikt kom je dadelijk bij het juiste antwoord terecht.


Bekijk hier een voorbeeld van een anker of anchor.

Het eerst wat we doen is onze cursor zetten waar er een anker dient te komen, dit wil zeggen waar de pagina zich moet begeven indien er op een link wordt geklikt. We nemen nu als voorbeeld dat onze pagina zich helemaal naar beneden moet begeven. De cursor staat dus helemaal onderaan je pagina, je gaat via je menu naar Insert -> Names Anchor. Je krijgt nu het volgende plaatje te zien :

Anker - Anchor

Achter ‘Anchor name’ geef een naam in die je wil geven aan deze anker. Bijvoorbeeld de naam ‘beneden’. Je ziet nu op deze plaats een geel ankertje verschijnen : Voorbeeld van een anker - anchor

We selecteren nu de link die moet dienen om de pagina naar beneden te doen laten gaan en geven in het properties palet bij ‘Link’ dit in : #beneden

Zie het voorbeeld :

Link ingeven

Zo, meer is er niet nodig om een anker aan te maken. Je kan zo verschillende ankers aanmaken op één pagina. Zolang je ze maar telkens een andere naam geeft zal dit geen problemen vormen.


Nog vragen? Bezoek het forum...


Dreamweaver Developer Toolbox

Stem of voeg toe aan Uitleg over het gebruik van deze icons : Plaatsen/stemmen op MSN Reporter Plaatsen/stemmen op Bligg.be Plaatsen/stemmen op Netjes.be Plaatsen/stemmen op eKudos Plaatsen/stemmen op NUjij Plaatsen/stemmen op Grubb Tip dit artikel! Plaatsen/stemmen op Bligg.nl Stumble it! Voeg dit artikel toe aan Del.icio.us Voeg toe aan je Google bladwijzers Abonneer je op de RSS-feed van deze site Verstuur deze pagina per e-mail via Feedburner Maak een notitie op deze pagina met Fleck
Share This Post

Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.

Comments

Goede uitleg ik heb alleen nog een vraag. Hoe kan ik een anker op een andere pagina maken. Dus op pagina A heb ik diverse merken van producten staan en op pagina B de omschrijvingen. Hoe maak ik dan in pagina B een anker aan en als ik op de merknaam in pagina klik ik naar die omschrijving ga.

gr Marco

Plaats een reactie

(verplicht)

(verplicht)