The world of non-commercial film and A-V |
Events Diary | Search | |||
The Film and Video Institute | Join us on Facebook |
Anchors in WeeblyThe Navigation article recommends using anchors so that visitors can jump not just to a page in your website, but to a specific point in that page. |
|||||
AnchorsYou might, for example, want to make the name of each club-member in the Members Page/s into an anchor. Then when one of them comes to attention - perhaps winning a prize - you can make a link directly to their picture and pen-portrait. Let's start by making Jim Smith's name an anchor. |
In Weebly ...Where you want an anchor or link-to-an-anchor drop the Custom HTML element onto the page. That opens up as ...
|
||||
Click
Edit Custom HTML and then in the blank space
type the code: <a name="jim-smith">JIM SMITH</a> The angle brackets enclose the code which visitors will
not see. |
|||||
Link-to-anchor CodeYou can make as many links as you need to that anchor. Unfortunately you cannot use the Weebly link tool. Once again you must use "Embed Code". For the sake of experiment go to your home page and create a link from there: The
angle brackets enclose the code which visitors will not see. "href" means the link refers to something. We have assigned the link to the members page, so the reader's web browser will jump to that page. "#jim-smith" tells the web browser to go to that anchor
on the page. Click any where on the page outside the Custom html element. Most of it vanishes leaving just the visible part. It looks like any other text. So when the pages are published readers will see ... |
|||||
On the HOME page:
|
On the MEMBERS pageThey just jump straight to:
|
||||
There are nine pages in this series of detailed Weebly tips: They support general articles on web design for film-making and AV club websites which begin here. [Weebly frequently update and improve their system. These notes are based on March 2015.] |