Since most of mine are more or less square, what I will do is approximate the shape of these objects. Now, I'll continue creating these I am going to go over to the next hotspot tool, and normally you want to create your hotspot tool based on the shape of the object. 0219Īnd that is what I want so I'll choose _blank. So, we just set that up now this is a link off of my website, so my target is going to open a new tab or a new browser for that particular hyperlink area. Let me try and over here, I'll put Mirage Hotel. Now, my link here is where I would link to the specific area on the Web if it is going outside my website, I need the http protocol and since I am not exactly sure what that specific hyperlink is right now, I'll put in what I call a placeholder hyperlink. I'll click and drag when I let go, you can see there is a little loose square that appears, and this is Dreamweaver reminding you to fill in this alternate area on your hotspot so I'll say OK. 0144Īnd what I am going to do is click on the left-hand side of the Mirage and drag and this whole area is also a part of the Mirage-I'm going to try not to get that brick tower-that is part of Venice. I'm going to click the Rectangle Hotspot tool and when I click on it and come up to my image, you can see it turns to a crosshair. So, what I am going to do now is: let me choose which one to do let me do this one over here: this is the Mirage in Vegas. 0109Īnd I have definitely had that situation happen. 0103Īnd first of all, I'm going to give this map a name: it's important to do that, because if you don't.you may end up having two image maps on the same page, and if you don't name them, then they will end up with the same name (or the possibility exists where that can happen), and they won't work. Then, what I am going to do is work with these pieces down here in the left-hand corner. Select the image first: so I have the image selected, so it's showing in my Properties area. There are a few tools available for you in Dreamweaver to do this. So, what I do is: if I select the image, notice, there is only one link area but what we are going to do is add hotspots or create an image map for this image, so that I can add multiple links within the image. 0031Īnd when I do that, I have quite a few different hotels available: so this one is the Mirage this is Treasure Island over here we have Venice and because of that, what I want to be able to do is: if the user goes to the Venice area of this picture and clicks, they are taken to the Venice Hotel in Las Vegas the same thing here with Treasure Island. I have the Specials page open and at the bottom of this page right now, I have this panorama view of Las Vegas. 0008īut what if I want to have a larger image, and within that image, it has multiple items in it so I want to create links to different areas within that single image? 0017 0000īy default, every image only has one link piece or area available, and that is for the entire image. We are now going to take a look at creating what I call multiple links for a single image. Section 24: Creating a Mobile Website Using jQuery mobile Section 23: Site Maintenance & Publishing Section 20: CSS3 Properties Enhance Your Pages Section 15: Positioning Content Using CSS Setting the Default Editors for Dreamweaver The Difference between Alternate Text & Title Section 11: Working with Fonts on the Web Section 10: Formatting with Text Using CSS Section 7: Building a Web Page from Scratch Section 6: Creating a Page Using a Pre-Defined Layout Installing Additional Browsers in Dreamweaver How to Use the Project Files for this Course Software Training: Adobe Dreamweaver CS6 Section 1: Course Introduction