The webProg3 Link Editor enables you to insert links into your texts which, when clicked, cause your browser to navigate to a website on the Internet, or alternatively to display a local HTML file that you have stored on your computer.

Hotspots can do this as well, but they cannot be embedded in a text.

What follows is a quick walkthrough of how it is done.

First, prepare your text in the Rich Text Editor.

Underline the stretches of text you want to provide links for.

Save + Exit

Upon returning to the work grid, you will note that a blue link icon appears automatically in the bottom bar on the right.

(In fact, if you click on any text widget that contains underlined text, the icon will appear.)

This means that webProg3 has detected the presence of underlined stretches in the text, and that it is eligable for attaching links to them. This is purely optional, of course!

If you wish to attach links to any of the underlined stretches, click on the blue icon to call the Link Editor.

As soon as your text is displayed in the Link Editor, the underlined stretches are marked in yellow.

In our example we want to include two links.

Begin by clicking on the first yellow stretch at the top.

Then decide whether you want the navigational web page to be opened in a new browser tab (the default), or in the same tab, and select the appropriate option.

Finally, click on the "Add" button to save the link.

(Note also that there is a "Remove" button. You might need this later.*)

Repeat exactly the same procedure for the second link.

If you click on the blue link icon on the right hand side, it will display a list of the links you have created.

Finally, click on the Save + Exit button to transfer your linked text back to the main work grid.

* Apart from the fact that you might have made a mistake, or changed your mind about the actual links you want to insert, why might you wish to use the "Remove" button on the dialogue to erase the link?

The explanation is a little long-winded, but here it is.

Suppose you want to re-edit your linked text widget in the Rich Text Editor. That's OK if you leave the underlined words as they are. However, if you decide to make changes to exactly which words you want to be underlined, and what you have already has links attached, you can make a bit of a mess of the HTML coding!

So the rule is this. Before attempting to re-edit a text that requires changes to underlined words which have links attached to them, RETURN TO THE LINK EDITOR FIRST AND REMOVE THE LINKS! You can then safely use the Rich Text Editor to make your changes. Then, use the Link Editor once more to re-do the links if you still need them.

Now fill in the URL for the navigation.

Most often, an absolute (full) path is required.

But to save you having to type sequences such as "https://www." repeatedly, some labels have been provided at the top so that if you click on them, the text will automatically be inserted in the URL at the caret point.

To call a local web page, if it is in same folder as your page which does the calling, a single file name such as "my_webpage.htm" will be sufficient, but of course relative URLs or file paths (e.g. /folder_name/my_webpage.htm" can be used as well.

One last detail.

When finally your text box is displayed in the browser, the link texts will be shown in BLUE.

This may or may not contrast well with the text's background. In the example above, you can see that it doesn't!