How to Add a Target Link to a Web Page With Dreamweaver

Series Summary

Designing a Web site with a professional program like Adobe Dreamweaver can be a daunting task, but programming a web page from scratch with a Web design scripting language can be even trickier. Dreamweaver offers several ways to create a fully customized and optimized Web site. In this free video series on Web design, a certified Dreamweaver tutor offers several helpful tips in navigating this software. Find out how to create links, forms and hot spot buttons for a Web page, and learn to add keywords to a page to make it more easily searched. Change the background color, insert an image and create mouse-over effects, all using Dreamweaver. Build a unique Web site with this helpful Web design guide.

Video Transcript

"Okay, hi, I'm David Casuto from San Francisco Computer Tutors. In this exercise we're going to show you how to create a target link using Dreamweaver. How to link images, how to link words from one page to another. So, stay tuned and I'll show you in just a second. What I want to do is I want to basically first highlight the text that I want to link to. And you notice here you're going to have your properties panel if it's not open already. You're going to have a whole bunch of stuff up here but you have something called link. Okay. And that link is basically asking you okay, now, where should I link this to? Okay, what is the website URL or website address for that? Now Dreamweaver gives you a nice feature that you don't have to type in http colon forward slash forward slash www, all that different stuff, when it's already in your site route. So all I have to do is type in about us dot html and then hit enter. So then I see that now I have this blue and underlined, it's telling me that this is now links. Now let's go ahead and do the same thing for services. Okay. Services dot html, and now that's linked. Okay, and then for contacts, let's call this contact dot html etcetera Now you also notice that beneath here you have something called target, okay. Now this target is going to tell you basically, okay, where the user is going to go. And now look at that, I've got my page here and when I move my mouse over these, see I've got little links here. Okay, so I'm going to click on about us and now it takes us to the about us page. Okay. I'm going to - see now what it did was right, so I don't actually have the other ones linked yet, so I have to do that soon. And then I go to services and it takes me to the services page. Okay. So let's come back to this, right, and you'll see here what the differences are when you go to self versus parent versus home we didn't actually set one up. Okay. So you see it's that easy and you can also do the same thing by the way for an image. I can click on this image and I can make it linked, okay, so I'm just going to have this be my homepage. Okay. And then now that is set to be clickable and then I'm going to hit my globe here, preview in Safari, I'm going to save it, and then when I move my mouse over it, it's just now clickable. Okay, well that concludes our exercise on how to create target links using Dreamweaver. Hope you enjoyed it. And once again, my name is David Casuto from San Francisco Computer Tutors and you can look me up on yelp.com and just type in San Francisco Computer Tutors and you'll find me there. Looking forward to hearing from you. Thanks."