Pages

How to creating Links in Dreamweaver : Part 1

Hey Everyone!

The laste time we talk about some basics of Dreamwaver 


And in this tutorial i'm gonna show you how to create links in Dreamweaver. We’ll talk about three types of links: links to documents, links to specific places inside documents, and links to e-mail addresses.

Part 1 - Links to documents
Regular hyperlinks can be used to link to HTML pages, PDF files, or any other file on the Web. Follow these steps to create a link from your page in Dreamweaver:
1. Open the HTML file that will contain the link.
2. Select the text that you want to use as the hyperlink.
3. In the Properties panel (see illustration below), enter the URL of the link:
• If the page you are linking to already exists within your Dreamweaver site on your local machine, the best way to enter the URL is to browse for the file. To do this, click on the folder icon in the Properties panel. In the new dialog box, select the file that you’re linking to and choose Site Root for the relative path option. Press OK.

• If the page you are linking to is not on your local machine, the best way to enter the URL is to visit the site in your Web browser. When you find the page, copy the URL from the address bar of the Web browser. Return to Dreamweaver and paste the URL in the Link field of the Properties panel. Press Enter.

• If you know the address, you can type it directly in the Link field of the Properties panel, but always include http://. If you start your link with www, the link won’t work. After typing the full URL, press Enter.

4. If your link is pointing to an external Web site or a PDF file, it’s a good idea to configure the link to open in a new browser window. You can do this by setting the Target option in the Properties panel as “_blank.” If you don’t want the linked page to open in a new browser window, don’t select anything for Target.


5. After the address is entered in the Link field, the selected text in your HTML page will be underlined and blue.
NOTE: Another way to create a link is to select Insert > Hyperlink from the menu bar in
Dreamweaver. This option opens a new dialog box where you can enter the text for the
link, the URL, and the target.

0 comments:

Post a Comment