Dreamweaver Web making Tutorial: Hyperlinks

Dreamweaver| Tutorials | links | Web pages

Super link

As a site must have a lot of pages, if the pages are independent of each other, then the Web page is like an island, such a site is unable to run. In order to establish the links between the pages we must use hyperlinks. Called "HYPERLINK" because it can link anything, such as: Web pages, download files, Web site address, email address ... Wait a minute. Below we'll discuss how to create a hyperlink in a Web page.

"Hyper-connection between pages"

In a Web page, clicking some pictures, underlining, or explicitly linked text jumps to the appropriate page.

1. Select the text or picture in the webpage that you want to do hyperlink.

2, in the property panel click the Yellow folder icon, in the pop-up dialog box to select the corresponding page file is completed. Do the Hyperlink property panel to display the linked file. (pictured below)

3, press F12 preview page. The place where the cursor moves to the hyperlink in the browser becomes the hand type.

Prompt you can also manually enter the address in the Link entry box. The way to add hyperlinks to a picture is exactly the same as the text.

If the hyperlink does not point to a Web page file. Instead, other files, such as zip, exe files, and so on, download the file when you click the link.

Hyperlinks can also point directly to an address instead of a file, then click the link to jump directly to the appropriate address. For example, write http://www.oldkids.com.cn/in a link box, then click the link to jump to the old child's website.

"Super connection to mail address"

In the Web page production, also often see such a number of hyperlinks. After you click, the mail will pop up and the contact's address has been filled in. This is also a hyperlink. The production method is: In the editing state, first select the picture or text to link (for example: welcome your letter Enlighten!) ), in the Insert bar point

Or Point Insert menu select "E-mail Link" pop-up The following dialog box, fill in the e-mail address.

Tip: You can also select a picture or text, directly in the Property Panel link box to fill in the "mailto: Mail address."

(pictured below)

After the creation is complete, save the page and press F12 to preview the page effect.

"Make a hyperlink on a picture."

Note that the hyperlink in the picture we're talking about here refers to the realization of multiple local areas on a single picture pointing to different Web links. For example, a picture of a map of China, click on different provinces to jump to different pages. The area that can be ordered is the hot zone. In order to demonstrate the results of the following China map I added some links, you can use the mouse to test. The mouse moves to the province's hot zone, will show the hint, if has the pre-set website, clicks will enter each other's website.

"Making Method"

1, first insert the picture. Click the picture to draw a hot area on the screen with the drawing tools on the expanded Properties panel.

2, the property panel changed to hot panels such as: Link input box: Fill in the appropriate link. Replace box: Fill in your prompt text description. Target box: The default is to open in a new browser window without making a selection.

3, save the page, press F12 Preview, with the mouse in the set of hot zone inspection effect.

Hint: We can directly select the Polygon tool for the complex hot zone graph. After the replacement box fills in the description text, the cursor moves up the hot zone to display the corresponding descriptive text.

The target option in the Hyperlink Properties panel.

"Target" We call it the target area. That is, the page that the hyperlink points to appears in the target area. There are always four options in the domain by default.

①_blank: After clicking the link, the page appears in a new window.

②_parent: Replace the frame structure that he has outside with a point page.

③_self: Displays the Connection page in the current frame.

④_top: Out of all the frames, the page appears directly in the browser.

"Summary" This section of the tutorial focuses on creating a page link.

1, Internal link: link to the other documents of this site.

2. External links: links to other documents outside this site.

3, e-mail link: Click the link, you can open the viewer's mail system.

4, the picture Hot Zone Link: makes your link more nimble more has the individuality.