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.
Linking 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
Linking using only the Property Inspector
- 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!
