Learning the Basics (In Design Mode)

Making Links

One of the ways to make a hyperlink is to click the "chain link" icon in the Common tab of the Insert panel. If you hover your mouse over it, it should say Hyperlink. It should be the first icon from the left.

Dreamweaver

Figure 11

When you click that, you get the following outcome:

Dreamweaver

Figure 12

Text is where you fill in the actual text--what it will look like on your page. For example, you can have the word "here" link to http://w3schools.com, or you can have the URL also be the text displayed. The Link is where you put the URL or page that you want to link to. Target tells you if you want it to open in a new window or not. Leaving it blank makes the link open in the same window, whereas chosing "_blank", it opens it in a new window. You don't need to worry about Title, Access Key, and Tab index.

Dreamweaver 

Figure 13

You can also go up to the Insert tab, between View and Modify, and select making a hyperlink (or email link) there. Email links are made with the prefix mailto:. Then, you put the email address. So the link looks like this: mailto:abc@domain.com. If you make the text someone's name, then you can have something like this: John Doe. Clicking Hyperlink from the Insert tab menu will lead you to Figure 12.

Dreamweaver

Figure 14

You can type in the link, if you know where it is, or you can click the first button on the right (looks like a crosshair), hold, and drag to the link on the right in the Files column, or you can click the folder button and just look up the file.