Map an Image in Dreamweaver
What is Mapping an Image?
Mapping an image is when you use the mapping tool in Dreamweaver to draw a shape over an image or a certain part of an image. You can choose from three shapes: square, circle, or polygon. The polygon shape can be used to freely draw a map over an image.
What does Mapping an Image do?
By mapping an image you can turn that image into a link. For example, if your logo is an image, you can map your logo to make it a workable link. Many sites map their logo and link it to their homepage. So if you're surfing their site you can click their logo and return to their home page. Now that we have covered what mapping an image is and what it does, we'll move on to how to map an image.
First you will need to open the image that you want to map up in Dreamweaver.
Step 1 - Click on the image that you want to map.
Step 2 - Locate your properties panel in the bottom of your Dreamweaver window. In your properties panel, below "Map", you will see an arrow, a square, a circle, and a polygon.
Step 3 - Choose the shape that best fits your image. Once you have chose your shape, place your mouse over the image waiting to be mapped.
Step 4 - Hold the left mouse button down and drag your mouse over the image. Once the shape is covering the image, release the mouse.
Step 5 - Now go back to your properties panel and fill in the information that you wish to apply to this image. To link this image you need to fill in the URL in the link field.
Step 6 - When you have finished filling in the fields in the properties panel, click File / Save. Now your image is mapped.
To preview your mapped image press F12. Once you have uploaded your page you will be able to click the image and it will carry you to the URL that you assigned to it. Mapping an image can also be used to link to other sites.
Published by Jasmine Starr
I can do all things through Christ who strengthens me. View profile
Thumbstacks - an Online Presentation Application with PromiseThumbstacks is an online presentation program very similar to that offered by Google Docs. While it may not be the flashiest program around, it does what it says it does. But...- Dreamweaver 8 - Using the Sucker Fish MenuDreamweaver 8 has a new extension called the Sucker Fish Menu. In this Guide I will show you how to use the Sucker Fish Menu.
How to Create Image Maps Using HTMLImage maps could be an interesting way of designing your web page and more specifically towards navigation. Here's how you can create one using HTML.- Image MapsReview the uses of Image maps and how to use them.
- How to Access and Work with Virtual CD/DVD Image FilesA detailed and thorough article explaining how to create, access and read back optical discs as virtual image disks that you can create and store on your PC, as well as why some discs can copy and some cannot.
- Creating & Customizing Drop Down List in Dreamweaver 8 Using CSS
- Creating Image Rollover Buttons in Dreamweaver Using CSS
- Working with Tables in Dreamweaver
- Creating Solid Rollover Buttons in Dreamweaver Using CSS
- How to Make an Image Map with GIMP
- HTML Image Map
- Trendy Website Design in Photoshop Part 2: Slicing in ImageReady
- You can choose from three shapes: square, circle, or polygon.
- By mapping an image you can turn that image into a link.
- Mapping an image in Dreamweaver is pretty simple.