Hyperlinks

= //Creating Hyperlinks// =

Link to Other Pages in Your Web Site

 * 1) Click and drag to select the text that you want to turn into a link.
 * 2) Click the **Link** in the Properties inspector
 * 3) Click the HTML file to which you want to link
 * 4) Click **OK**
 * The new link appears in color and underlined
 * You can click test the link by reviewing the file in a Web browser, such as IE or Firefox.


 * Open and Edit a Linked Page**
 * 1) Click anywhere on the text of the link whose destination you want to open.
 * 2) Click **Modify**
 * 3) Click **Open Linked Page**
 * The link destination opens in a Document window allowing you to edit that document.

Link to Another Web Site

 * 1) Click and drag to select the text that you want to turn into a link.
 * 2) Type the Web address of the destination page, including the **http://**, in the Link field in the Properties inspector.


 * Remove a Link**
 * 1) Select the text of the link that you want to remove
 * 2) Click **Modify**
 * 3) Click **Remove Link**

Use an Image as a Link

 * Create an Image Link**
 * 1) Click the image that you want to turn into a link.
 * 2) Click the **Link** in the Properties inspector.


 * Remove a Link from an Image**
 * 1) Click a linked image
 * 2) Click **Modify**
 * 3) Click **Remove Link**

Create a Jump Link within a Page

 * 1) Position the mouse where you want to insert the named anchor
 * 2) Click **Insert**
 * 3) Click **Named Anchor**
 * 4) Type a name for the anchor
 * 5) Click **OK**
 * 6) Click and drag to select the text that you want to link to the anchor.
 * 7) In the Link field in the Properties inspector, type a pound sign (**#)**, followed by the name of the anchor.

Create a Link to Another File Type

 * 1) Click and drag to select the text that you want to turn into a link.
 * 2) Click the **Link** in the Properties inspector
 * 3) Click the file to which you want to link
 * 4) Click **OK**

Create an Image Map
You can link different areas of an image to different pages with an image map. First, you need to define areas of the image - called hotspots - then turn them into links.
 * 1) Click an image
 * 2) Type a name for the image map
 * 3) Click a drawing tool
 * you can create rectangular shapes, oval shapes, and irregular shapes with the shape tools within the Properties inspector.
 * 1) Draw an area on the image using the tool that you selected.
 * You can repeat Steps **3** to **8** to create as many hotspots as you want.
 * To delete a hotspot, select it, and then press Delete.
 * 1) Click the **Map**
 * 2) Click here and select the folder that contains the destination file.
 * 3) Click the file to which you want to link
 * 4) Click **OK**

Create a Link Using the Insert Menu

 * 1) Click and drag to select the text that you want to turn into a link.
 * 2) Click **Insert**
 * 3) Click **Make Link**
 * 4) Select the folder that contains the page to which you want to link.
 * 5) Click the file name
 * 6) Click **OK**

Open a Linked Page in a New Browser Window
You can create a link that when clicked, opens a new browser window to display the destination page.


 * 1) Click and drag to select the link that you want to open in a new browser window.
 * 2) Click the **Target**
 * 3) Click _**black**
 * 4) Click to preview the page in the Web browser
 * 5) Click the link

Create an E-Mail Link
You can create an e-mail link in your Web page. When a user clicks, the link, it launches an e-mail program on the user's computer, creates a message and inserts the e-mail address into the Address field.
 * 1) Click to select the text or image that you want to turn into an e-mail link.
 * 2) Click **Insert**
 * 3) Click **Email Link**
 * 4) Type the e-mail address to which you want to link.
 * 5) Click **OK**

Check Links
You can automatically verify the links on a Web page.
 * 1) Click **File**
 * 2) Click **Check Page**
 * 3) Click **Check Links**
 * Dreamweaver checks the local links and lists any broken links that it finds in the Results panel.
 * You can edit a broken destination or image file by selecting it, and then using the Browser to locate the correct file.

Change the Color of Links on a Page
You can change the color of the links on your Web page to make them match the visual style of the other text and images on your page
 * 1) Click **Modify**
 * 2) Click **Page Properties**
 * 3) Click **Links**
 * 4) Click the **Link color**
 * 5) Click a color from the menu using the eyedrop tool.
 * 6) Click the color pallet and select the colors fro Visited link, Rollover links, and Active links
 * 7) Click **OK**