Tutorial/dreamweaver/Introductory Dreamweaver 4 Concise tutorial 9 (Create Hyperlink)

Source: Internet
Author: User
Tags mail relative dreamweaver
dreamweaver| Tutorial | link hyperlink, short link, is a one-way relationship between page and page. By clicking on the link, we can jump from one page to another. We can create links in text and pictures.


1, Text link


In the page, select the text you want to link to, as shown in the following figure:



Link in the property panel, fill in the link address, when the viewer clicks on the link, the browser will jump back to the page, for example, this is filled in: http://www.goeway.com




If you want the page to open in a new window, you can select "_balnk" in target.

If you want to link to a file within a site, you can click:



In the figure above, we are linking text to index2.htm this file, with special attention to the bottom of the relative to option, meaning to select the form of relative path, the default is document, you can also choose Site Root, the difference is that Document means that the relative path is calculated from this page, and site root is calculated from the root (that is, "/"), as shown in the following figure:



In addition, if you use the site root mode made of the link, the local hard drive directly open page browsing will usually error, but in the Dreamweaver mode and upload on the server, there will be no problem.

2. Picture link


The process of establishing a picture link is similar to a text link, so it is not introduced much. But specifically, some pictures, after the link, will appear a blue border, to remove the border, the border set to 0 can be.
3, Hot Zone link


The previous picture link, a picture can only correspond to a link, can a map corresponding to multiple links? The answer is yes, when you select a picture, you can see the map option in the Properties panel:



Where: Create rectangular hot zone, create a prototype hot zone, create a polygon hot zone. For example, as we now point, the cursor becomes a cross, at which point a blue rectangular hot area can be drawn on the picture:




The corresponding property panel at this point is:



Similarly, the link entry ("#" indicates an empty link) is added to the URL, and Alt is the text displayed when the mouse points to the hot area, similar to the alt of the picture. We can adjust the heat size by selecting a different hot zone and adjusting the control point at Four corners of the hot zone. Through the hot zone, we can do a link in the eye of the gorilla, and at the same time make a link on the mouth, linked to different pages.

Tips on linking


1, if you want to link to an e-mail address, then fill in the link: "mailto: Address", such as mailto: Help@goeway.com, then click on the link to open the default e-mail program, such as Outlook, to send e-mail to help@goewa.com this address.

2, if the link to the browser can not open the file, such as EXE, zip and other files, then the viewer clicks on this link, will pop up dialog box, ask is to save the file to the hard disk where, this implementation of the file download function.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.