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!
The man behind SiteBuilder.ws His goal is to help you build, manage and promote your online business by leveraging Social Media and the proper web design. He provides training, consulting, resources and coaching to help your business reach its full online potential! Be sure to connect with Scott Barnes+
anna
Hello, I was wondering if you could please help me :( I have searched so many site and I have watched so many tutorials but no one is able to help me. I have created a web page using photoshop and I want to use this to make a webpage. I have opened it up in dreamweaver but I do not know how to make links. I can not figure out how to like my home page, contact me, pictures, and design tabs that I have created. I know how to make editable regions. I was hoping you could help me. Please let me know
Thank you very very much!!
Anna ;)
Scott Barnes
For most web designers, the process design a comp (website design) in Photoshop, slice and export images from the main file, write html and css code in dreamweaver using the images that were sliced from Photoshop. This process is known as PSD to HTML conversion and is typically for experienced to advance designers / developers. Often times there is a photoshop expert, who hands it off to a CSS/HTML expert to get the job done. I hope this helps to clarify the process.
But truly, I don’t recommend Dreamweaver unless your goal is to become a web designer. If your goal is to build an effective, professional website, there are easier ways. I suggest you sign up for my free Do-It-Yourself Website videos. They won’t teach you psd to html conversion, but they will teach you how to build a stunning website. Its best for business owners, entrepreneurs and DIYers.
Best of luck