Novice Academy: A hyperlink to DREAMWEAVERMX skills

Dreamweaver| Skills | Links in the previous several parts of the operation, our web page has been illustrated, has a considerable effect, but this is not enough for the Web page, for many of the Web page can become an organic whole, must be linked to the various pages through hyperlinks, This allows the viewer to jump between different pages.

　　 one, linked pictures and text

It is very convenient to create links for some text or pictures, just use MouseSelect the picture or text you want to become a link to, and then enter the destination page address in the Link entry box in the Properties panel, or press the folder icon next to the input box to select the file you want to jump to. In addition, Dreamweaver MX 2004 provides a quick way to link files through a Web site window.

Step one: Run the "site→manage Sites" command first, and choose a site that has already been created from the pop-up menu, where you can see the pop-up Site Management window at the right.

Step Two: Select the text or picture in the edit area and drag the round target icon next to the Link input box in the Properties panel, and an arrow appears, and a box appears around the file when the arrow points to a file in the Web site manager (Figure 1).



Figure 1

Step three: After you release the mouse, the selected text will be underlined at the bottom, and the color of the word becomes blue, and the address of the destination file is automatically displayed in the Link input box.

Hint: There are two ways to pay attention to URLs when creating links. 1. Absolute address: for example www. abc Com/test. Htm;2. Relative address: such as DOWNLOAD/1. HTM, description page 1. HTM is in the root directory of the server .

　　Set up multiple links on a single picture

Some pages have multiple links on a large picture so that visitors can enter different pages by clicking on different locations of the images, which is the concept of the thermal region of the image, which can be achieved by reference to the following steps.

First step: You can select an image in Dreamweaver MX 2004, and you can see a "Map" area on the image Properties panel, with three pale blue tool icons below it, namely, rectangles, circles, and polygons.


The second step: Use the mouse to select one of them as needed, and then move the mouse over the image to drag and drop a light blue area.

Step three: In the property panel in the "Link" input box to fill in the need to link the page address, such an image hot area is done.

Again, to this image set more than one image of the hot area, you can click on the different areas of the picture to enter different pages.

　　third, the custom page jumps the link

If you often subscribe to a free electronic magazine online, or if you are browsing an oversized page, you should be familiar with this kind of label link, which is a list of similar directories to easily jump to any part of the page.

Step one: In Dreamweaver MX 2004, first determine where the link points to, that is, where the screen jumps, then select the target text and run the insert→named Anchor command.

Step two: Type the name of the label (such as Test3) in the Anchor name input box, where an anchor tag is automatically shown below the text to distinguish the normal text (Figure 2).

Figure 2

The third step: in the property Board "Link" input Box input "#test3", where Test3 is just set the name, so you can achieve the page jump function.

Tip: If you want to point to a location on another page, just put the anchor tag in there.

Four, quickly check web links

When surfing the internet, the most annoying thing is to see error messages such as "Web Server error 4004:file not Found". Because there are a lot of links in a Web site, a little bit will cause a lot of links to go wrong, but it's easy to check the links in Dreamweaver MX 2004.

The first step: Run the Site→check links sidewide command in Dreamweaver MX 2004, which will activate the link checker panel.

Step two: From the "Show" Drop-down menu in the upper left of the panel, you can choose broken links (broken links), extrenal links (external links), Orphanedfiles (orphaned files) Three, for example, after we select orphaned files, Dreamweaver MX 2004 checks the current link condition and displays a list of orphaned files.

The third step: for the problem file, double-click the left mouse button to open to modify.

Tip: External links are links to external Web sites, and Dreamweaver cannot check their correctness.

When creating a link for a Web page, you need to remind everyone to be extra careful, because the site usually has hundreds of pages, a little careless will lead to an empty link or link error situation, which on your site image but have a very bad impact yo!