SiteBuilder.ws - Helping You Build, Manage & Promote Your Website
Call Us Today at 1-858-764-2645
Print E-mail

Creating Links in Dreamweaver

Dreamweaver Tutorials Ever wonder how to create links in Dreamweaver?  This Dreamweaver tutorial will show you how to create links via the document window and the property inspector.

1. Links or if you prefer, hyperlinks, create connections to many types of files including html pages, movies, PDFs, sound, etc. Other links may include Anchors, Null links, and email links.

Links can be created a number of ways, i.e. the Site window, document window or via the Property inspector.

Let's first explore how to create links, then we will look at the types of links.

2. Document window. From the document window

  • Select the word(s) that you would like to become the link

  • Right click to bring up the context menu

  • Click Make Link

  • Browse to the html page and click the Select button

Note: Once your link has been created, you can follow these same steps, and click Change Link to modify a link. You can also click Open Linked Page to open the linked page within Dreamweaver.

3. Site window and Property Inspector. Depending on workflow, there are sometimes that I use the Site window in conjuction with the Document window or just the Property Inspector.

pointtolinkLinking using the Site and Document windows.This allows me to use the Property Inspector's Point-to-File icon.

  • Position the Document and Site windows adjacent to one another

  • Select the word(s) that you would like to become the link

  • From the Property Inspector, drag the Point-to-File icon to the document you would link to in the Site window as demonstrated below

 

pointlink

 Linking using only the Property Inspector
proplink

 

  • Selecting the word(s) that you want to become the link

  • Type or browse to the page you are linking to using the Property Inspector

Note: You can use the Target drop down box to specify how the link opens, i.e. in the same window, new window, etc. Additionally, if you are linking to an external page, you must include the entire url (http://www.sitebuilder.ws) including http://

More information about the types of links on the next page!

 
wdc-onsale
Website Templates
Dreamweaver Templates
Dreamweaver Video Tutorials
Video Template Support
Download Templates
SiteBuilder Tutorials
Tutorials Home Page
Dreamweaver Tutorials
Joomla Tutorials
Step by Step Web Design Course
 
SiteBuilder Services
Fast Web Hosting
Professional Web Design
Joomla Experts
SiteBuilder Info
About SiteBuilder
Partnership Opportunities
Employment Opportunities
Support
©2010 SiteBuilder.ws. All Rights Reserved. | Home · Learn Web Design · Online SiteBuilder · Sitemap · Terms of Use · Top