SiteBuilder.ws

Call Today 1-619-940-7199

SiteBuilder Fan PageFollow SiteBuilder on TwitterConnect on Google+RSS feed on SiteBuilderWatch SiteBuilder on YouTubeGet Email Updates at SiteBuilder
1 Ask Your Question
2 Provide User Info

Creating Links in Dreamweaver

Posted by
/ / 2 Comments

Dreamweaver Users

Free Template and PSD

Get Files

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!

1 Ask Your Question
2 Provide User Info

Author Scott Barnes  (64 Posts)

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


  1. December 4, 2011

    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 ;)

    • December 7, 2011

      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

Leave a comment

Connect with SiteBuilder

Get Email Updates

* = required field
SiteBuilder.ws



Latest Blog Posts

  1. WordPress Event Calendar

    A Wordpress Event Calendar plugin that displays both list & calendar view.Two versions: The Events Calendar (free) and Events Calendar Pro.
  2. 3 Great Free Alternatives to Picnik

    Picknik will go away in April, here are 3 great alternatives to Picnik you should consider. I've also a few other Picnik alternatives if my top 3 choices don't do it for you.
  3. How to Create a Website with Dreamweaver

    Do you want to create a website with Dreamweaver? The process of building a website actually requires more than Dreamweaver, and in this article I'll break down the web design process for you.