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
0 kommentar(er)
