Anker maken en koppelen in Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ondersteunt het maken van ankers op uw webpagina. Ankers zijn een koppeling naar een specifiek gedeelte van een pagina, op dezelfde pagina als de link of een andere pagina. U hebt waarschijnlijk ankers gezien en gebruikt, bijvoorbeeld wanneer u op een knop Terug naar boven klikt. Ankers zijn zeer nuttig voor kijkers en moeten waar mogelijk worden geïmplementeerd.

Ga als volgt te werk om een ​​eenvoudig anker in Dreamweaver te maken:

1. Plaats de cursor op een locatie op de pagina waarnaar u een koppeling wilt maken.

   Het anker kan vóór een regel tekst of op een eigen regel worden geplaatst.

2. Klik op de knop Benoemd anker in de categorie Algemeen van het paneel Invoegen.

   U kunt voorkomen dat u op de knop Anker klikt door de sneltoets Ctrl + Alt + A (Windows) of Command + Option + A (Mac) te gebruiken.

3. Typ een korte naam die relevant is voor de inhoud of locatie op de pagina (bijvoorbeeld TopOfPage).

   Ankers zijn hoofdlettergevoelig, houd hier dus rekening mee bij het kiezen van een naam.

4. Klik op OK.

   Het nieuwe anker verschijnt op uw pagina.

   

   Boven: maak een eenvoudige ankernaam in het dialoogvenster Named Anchor. Onder: het voltooide anker.

U heeft het anker gemaakt, maar er zijn nog geen koppelingen naar toe gericht. U kunt handmatig een anker als koppeling definiëren, via Eigenschapcontrole of met het hulpmiddel voor punt naar bestand

Handmatig anker linken

Door handmatig te linken naar een anker, kunt u linken binnen de pagina waar u aan werkt of de link naar een anker op een compleet andere pagina leiden.

1. Selecteer de tekst die de koppeling wordt.

2. Als de eigenschappencontrole niet is geopend, kiest u Venster → Eigenschappen.

3. Selecteer de tekst die u aan uw nieuwe anker met naam wilt koppelen en klik op de knop Hyperlink in het paneel Invoegen.

4. Zoek in het dialoogvenster Hyperlink het veld Link en klik op de vervolgkeuzelijst ernaast.

   Uw benoemde anker verschijnt als een selectie.

5. Selecteer uw anker om het toe te passen en klik vervolgens op OK.

   

   Selecteer de ankernaam in het dialoogvenster Hyperlink.

Ankerschermanker koppelen

U kunt ook een koppeling maken naar een pagina en een ankerverwijzing ernaar toevoegen vanuit de eigenschappencontrole. Als u bijvoorbeeld vanaf een andere pagina naar deze plek wilt linken, selecteert u een element op die pagina en typt u in het tekstvak Link (in HTML-weergave) de naam van de pagina, een hekje (#) en de naam van het anker - bijvoorbeeld vogels. html # kanarie .

Deze actie leidt de browser naar de pagina met vogels en vervolgens naar het kanarieanker binnen die pagina.

Vaak ziet u ankers gescheiden door het pipe-bord (|). Je kunt dit type karakter maken door op Shift + te drukken. De backslash-sleutel bevindt zich direct boven de toets Enter (Windows) of Return (Mac).

Verwijzing naar bestandanker

U kunt hetzelfde coole punt-naar-bestand-pictogram gebruiken dat u eerder hebt gebruikt om hyperlinks te maken voor het maken van ankers. Het pictogram 'Punt naar bestand' in de eigenschappencontrole kan ook ankers targeten die u op uw pagina hebt gemaakt.

1. Selecteer de tekst die u wilt gebruiken als een link op uw pagina.

2. Zoek in de eigenschappencontrole naar het pictogram 'Punt naar bestand' naast het veld 'Koppel', klik en sleep over het pictogram en laat de pijl rechtstreeks los op een ankerpictogram op uw pagina.

   De tekst is nu gekoppeld aan het anker en de naam van het anker wordt weergegeven in het tekstveld Link van de eigenschappencontrole, voorafgegaan door een hekje (zoals #kanaal ).