Creating Links - Free Dreamweaver Tutorial

by Jeremy Reis on Wednesday, November 29, 2006

Creating Links

Dreamweaver provides a number of ways to insert hyperlinks into your web pages. You can:

  • Type them directly into the Property Inspector.
  • Use the Point to File button in the Property Inspector.
  • Use the Browse for File button in the Property Inspector.
  • Use the Hyperlink button on the Insert bar.

Manually Creating Links

When linking to another file in the same folder in your site, it's often easiest to simply type the file name directly into the Link field in the Property Inspector:

  1. On your web page, highlight the text you want to convert to a hyperlink.
  2. In the Link field in the Property Inspector, type the name of the file you want to link to.

  1. Press Enter.

Show me how to manually create links and have links open in a new window

Tip:

By default, when a user clicks the link, the new page will replace the old one in the browser window. To set the page to open in a new window, select _blank from the Target menu below the Link field.

If the file you're linking to resides in a subfolder within the site, you need to include the subfolder (or subfolders) when typing the link (for example: paintings/picasso.htm).

It isn't necessary to specify the complete web site address (URL) unless you're linking to a page in a different web site. In that case, use the format: http://www.anothersite.com.

Pointing to a File

As the directory structure of your web site becomes more complex, you may find it easier to take advantage of Dreamweaver's Point to File feature, which lets you create a link using drag and drop:

  1. On your web page, highlight the text you want to convert to a hyperlink.
  2. In the Property Inspector, click the Point to File  button next to the Link field and, holding down the mouse button, drag the mouse to the Files panel.
  3. As you drag, Dreamweaver draws an arrow between the Property Inspector and the Files panel. For each file you move over, the Links field in the Property Inspector displays the correct link.

  1. Release the mouse button when the link you want appears in the Links field.

Browsing for a File

You can also browse to the file you want to link to by clicking the Browse for File button in the Property Inspector:

  1. On your web page, highlight the text you want to convert to a hyperlink.
  2. In the Property Inspector, click the Browse for File button  next to the Link field.

The Select File dialog opens.

  1. Browse to the file you want to link to and click OK.

If the file is located outside the root folder of your website, Dreamweaver asks you if you want to copy the file to your site. Click Yes; otherwise, the file may not be included when you publish the site.

 

Page 19 of 60

Comments

 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
first web site
howdoi make a web site
354 out of 633 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
Need this programm for me
Thanks
309 out of 562 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
my comment
it is very helpful for my groath.thanks sir.
286 out of 528 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
Backgraound image
How do i make a background image in my web page with out it being repeated over and over again - Lydia
271 out of 490 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
TANX ALOT...
TANX ALOT... I'LL TRY THIS TUTORIAL SO THAT I CAN BE PRO IN DREAMWEAVER,,,, BUT IS THERE IS A VIDEO TUTORIAL... IT;S WILL MAKE ME EASY... LEARN WHILE WATCHING THE TUTORIAL... :)
262 out of 473 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
wasana
very good
240 out of 463 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
Thanx
It really helps me very much thank you once again
236 out of 438 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
comment
very good
270 out of 497 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
...
nice
233 out of 423 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
very nice
very nice
228 out of 422 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
coding
how make transfer for s students which score 150 above to choice of school
219 out of 403 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
camron
computer wooter hooter like gooder scooby dooby do where r u we need help from u dipset
228 out of 405 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
cool
this is awesome
201 out of 372 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
hes
my classmate
198 out of 358 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
Ruler OF All
Shuffling is for fat crawling bags of phlegm
198 out of 368 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
view
i found all the articles in learthat very informative but it lacks some emphasis on using databases
178 out of 303 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
cool n keep it up
whateva you guys do is owesome,coz it helps the under previledged.thanx
164 out of 297 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
Thanx
Thanx Macromedia Dreamweaver becomes easy for me
Thank u very much once again
158 out of 294 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
bravo!
this is unique information for web designers
135 out of 244 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
For Help
Thanks to learn to my First user
114 out of 211 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
I am cool
113 out of 200 people found this comment informative.
 Rate This Post:    Rate This Comment as Good Rate This Comment as Bad
Great tutorial!
Finally getting started with Dreamweaver. Discarded the big books, this is lots better! Thanks!!
99 out of 188 people found this comment informative.

Add a Comment to This Article

Anonymous (Please Login to Post With Your Account)

      
HTML not permitted, some code allowed in [brackets]:
[b]bold[/b] , [i]italicized[/i], [br] line break, other formatting...


Code Image - Please contact webmaster if you have problems seeing this image code Load New Code
Please enter the code above
 
Please submit your comment only once, some comments may be reviewed by moderators
That Network: Interactive Internet Publishing Network DefineThat.com: free technical definitions define wordsExamPractice.com: free certification news and practice exams   Explorestartups.com: find free business plans and business ideas   GiveThat.com: free gift ideas, birthday, Christmas, holidays  helpthat: got questions, we got answers   Jerm.com: entrepreneurship blog   learnthat.com: free software tutorials  mytutorials.com: collaborative write your own tutorials  Publishondemand.net: free publish on demand print on demand pod comparison   Romancetips.com: free romantic tips, advice, dating, date ideas, free romance   seekthat: free technical search engine   selfpublishthat: publish on demand   startupwatch: profiles of new companies   thatgear.com: gadget and electronic reviews   thatlead.com: sales leads and company profiles   tutorialguru.com: free tutorials