Terug naar Jouwweb.Tips

Ankers

Voor het gebruik van 'Ankers' is er wel een beetje kennis van HTML nodig.

Standaard kan je in Jouwweb al via een link springen naar een reeds bestaande andere pagina binnen je website, maar niet naar een bepaalde tekst of afbeelding op dezelfde pagina.

Ankers kunnen handig zijn als je binnen éen pagina naar een bepaalde alinea wilt kunnen springen met een tekst- of afbeeldingslink.
Ook kunnen er beperkte indexen mee worden gemaakt.

Voorbeeld gedeelte

Stel U wilt als er op een bepaalde afbeelding wordt geklikt men naar een specifiek gedeelte op dezelfde pagina gaat..

In onderstaand voorbeeld staan 4 afbeeldingen en 4x tekst.

  • Ik wil nu als er op een bepaald dorp wordt geklikt men op een bijbehorend stukje tekst komt onderaan deze pagina.
  • Om de afbeeldingen te kunnen gebruiken heb ik daarvoor de interne naam nodig van de afbeelding. De naam zoals deze in de code van de website wordts genoemd. Voor het achterhalen zijn, afhankelijk van de gebruikte Browser Firefox, Chrome,Safari, InternetExplorer diverse tooltjes voor.

Ik gebruik zelf Firefox en klik op de betreffende afbeeling (Heenvliet) met rechts en kies voor: Pagina info.

  •  Kopieer de regel achter 'Locatie' tijdelijk naar het Kladblok/Notepad . Alleen het gedeeelte vanaf /upload/..  is van belang.
  • Vervolgens moet de URL (adres) van de pagina worden vastgelegd.
    Kijk naar het voorbeeld van de website (Dus niet in bewerkings mode!) en kopieer het adres ook tijdelijk naar het kladblok/Notepad.
  • In onderstaand voorbeeld dus geavanceerd.jouwwebnl/pagina-items/ankers
  • Maak nu een HTML item aan net boven de plaats waar de tekst voor 'Heenvliet' staat.
  • Zet hier de naam van het anker (in kleine letters) neer zoals hier onder aangegeven. <a name="heenvliet"></a>
  • Je kan nu eenvoudig een link maken .
  • Klik als je op de afbeelding staat op het schakel tekentje
  • Kies voor het tabje Webpagina
  • Zet GEEN vinkje bij openen in een nieuwe pagina
  • Zet het Website-adres (URL) in de regel aangevuld met een '#' teken gevolgd door de naam van het anker.
  • NB Dus niet het adres als je in EDITOR mode staat !!
    In dit voorbeeld is het: http://gevorderden.jouwweb.nl/pagina-items/ankers#heenvliet
  • Gebruik bij de naam van een anker GEEN hoofdletters.
  • Je kan ook met HTML een item aanmaken voor de link, maar dit is minder eenvoudig.
    Dus deze tekst hieronder kan je dan negeren.
  • Nu moet een HTML item worden aangemaakt die als link dient en welke na het aanklikken naar het stukje tekst springt.
  • De HTML code ziet er (voor deze website) uit zoals in onderstaand voorbeeld.
    (Vergeet niet de juiste code van UW website te gebruiken !)
    Eerst de regel (URL) met de naam van het anker en daaronder de afbeelding.
    Pas op geen / teken tussen URL en anker !

Heenvliet

Sinds 1-1-2015 onderdeel van Nissewaard.
Het is een dorp met een lange geschiedenis en nu nog de nodige monumenten die daar aan herinneren.
Zeker de moeite waard is het door meestal 200 jr. oude huizen omringde marktplein met onder andere het Ambachtsherenhuis.


Geervliet

Geervliet is één van de 2 oudste dorpen van Voorne-Putten. Het was in de middeleeuwen samen met Brielle een ommuurde stad. Door verzanding van het belangrijke vaarwater de Bernisse verloor het zijn strategisch belang.


Abbenbroek

Dit dorp is wat bouw vergelijkbaar met Heenvliet. De Ring van Abbenbroek met de omliggende huizen was vroeger de toegang tot de vaarweg Bernisse. Ook de kerk ligt net even buiten deze ring.


Zuidland

Zuidland, het grootste vdorp van de voormalige zes kernen die de gemeente Bernisse vormde is hiervan ook altijd de grootste geweest en was rond 1800 net iets kleiner als Spijkenisse toen. (1900 inwomers - 1700 inwoners)


Download hier de beschrijving in PDF fromaat

PDF
Jouwweb ankers
PDF [2.7 MB]
Download (5 downloads)