Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Without Links, the World Wide Web would be a pretty boring place, instead of begin able to click to jump from page to page, you'd have to type in each unique address every time you wanted to view another page. It's no exaggeration to say that without the ability to create links there would be no Internet. Knowing how to create Links in Dreamweaver is pretty important. It's also, you'll be glad to know pretty easy. Before if get into how create Link in Dreamweaver .Let's take a moment to learn the basics of links and a few of the different types that you can create.
Links are nothing more than address that points the browser to another location. The a, or Anchor Tag is used to create Links and the href attribute is used by the browser to resolve the links destination. Different types of links use different means to resolve Link Paths. Understanding the differences between these types will assist you in deciding which type of link to use in certain situation. There are three main types of links, Absolute, Document Relative, Site Root relative.
Absolute Links contain the entire path to the desired page, including the HTTP protocol. They're primarily used to resolve links outside of the current site, although in complex sites or blogs, it's not uncommon to see them use to navigate internally within the site. This practice is discouraged as a general rule, since it takes absolute links longer to resolve. For links outside of your site however, Absolute Links are required. Document Relative Links are by far the most popular. Put simply, they are resolved by specifying the path from the current page to the desired page, using the site file and folder structure.
Forward slashes are used to denote going into a folder, while the ../ notation is used to signify going up and out of the directory. For example, if you were in a Subdirectory and needed to access the Index Page in the Root Folder, the Document Relative Link would be ../index.htm. If you were on the Index Page and needed to navigate to the photos.htm page within a lifestyle directory, the link would be resolved as lifestyles/photos.htm.
When two files are in the same folder, you can merely resolve the link by using the Name and the Extension of the file. Site Root relative Links are very similar to Document Relative Links, with just one major difference. Instead of resolving the link using a Relative Path from the file's current location, you resolve the link by going back to the Root Directory and working your way down. The Root Directory is identified by using a / at the very beginning of the link and then working down the directory structure.
Therefore, linking to the index.htm file would be resolved as /index.htm. No matter where the link was created in your site. Site Root relative Links aren't that widely used, but they are great for creating Links on Pages that move around within your site a lot, Or on pages that you just aren't quite sure where their file destination is going to be. As we continue on this chapter, we will explore creating External and Internal Links in our pages, as well also Alternate Link Types, like E-mail and Named Anchor Links.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.