There are easily 10 different ways you could design something that fits that description ("click button to open webpage").
I am partial to a semantic button like
<BUTTON type="button" data-href="http://babajob.com/...">
Then add a click listener to set document.location.href to the data-href custom attribute.
Could I also use forms with just buttons ?
As in, I create three different forms which just have buttons. I then use these forms below those images, and Select External URL in Follow-Up Page. Thereafter, I simply enter my desired URL ; so that whenever that button is clicked, the user is redirected to the desired webpage.
Do you think, this is one of the correct ways to do it ?
Thanks a lot !
Unless I'm missing the desired objective here, the simplest approach would be to design three separate button images, place them on the page (using a rich-text object) and apply the appropriate URL to each of them. Using forms for this would be overkill (unless you want to capture some hidden data for known users).
Yes, that will work perfectly !
Thanks a lot
Of course Dan's right that <A><IMG></A> will work fine for navigation! When someone literally says "button" I'm partial to the experience of traditional interface buttons if possible. Check some subtle differences between <BUTTON> and <A> here: JSFiddle. For example, the button-up/button-down effect and the unselectable text are built-in w/<BUTTON> but would have to be simulated with <A>