Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Linking to a point within the same file using named anchors is extremely helpful in negotiating large amounts of data, or moving quickly to important information. It stands to reason, then, that one would also want the ability to jump to that specific information from other pages as well. Well, luckily for us, linking to named anchors on other pages is just as simple as using named anchors within a single page. So here I have opened the faq.htm and the tour_detail_backpack.htm. Now I've got both of those open.
The default view for multiple documents open in Dreamweaver is to open up in these tabs. That's nice, because you can tab back and forth between them. But for the technique I'm going to show you guys, it's really helpful for us to be able to see these at the same time. So I'm going to go up to Window and choose Tile Vertically. What that's going to do is this is going to place them right beside each other, which is perfect. This is exactly what I want. Now if you need a little bit more screen real estate, remember that you can take your panel dock and you can collapse those down to icons.
If you want, you can just go ahead and Tile Vertically again. It'll go ahead and fill that space. You don't have to try to do that manually. All right. so what I want to do now is I want to go over to my tour_detail_backpack.htm. I want to scroll down. Down towards the bottom of that, I have this little sentence right here: Learn more about Backpack Cal tours. Well, on the Tour Information page, on my frequently asked questions, I have a section that details Backpack Cal. I want to jump instead of the top of the page, just right to Backpack Cal itself. So what I'm going to do is over here in the tour _detail page, highlight the text Backpack Cal.
I'm going to go down to my Properties Inspector. Using the Point to File icon, which is such a fast and efficient way to create links, I can point right to that named anchor right there. When I do that, take a look at the Links dialog box. It's going to go out of the tour directory, into the resources directory, find the frequently asked questions page, and find that particular named anchor backpack. So really, it's just adding that ID to the back of that Link. As soon as I let go, our link is resolved. I can do a Save All.
If I want, I can just maximize those out again. I'm just going to preview that in my browser to make sure that this is working properly. So now I'm going to scroll down. There is our Backpack Cal link. When I click on that, notice what happens. It jumps right to the resources page. When it jumps to the resource page, it jumps right to the faq page, right down to the Backpack Cal section, which is exactly what we want. How easy was that? Whether you need to link to a specific location on the same page or jump to a location on an external page, using named anchors, using named anchors is a great way to increase the usability of your site.
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.