Đang chuẩn bị liên kết để tải về tài liệu:
HTML in 10 Steps or Less- P24

HTML in 10 Steps or Less- P24:Welcome to HTML in 10 Simple Steps or Less. Our mission in writing this book is to provide a quick and accessible way for you to learn Hypertext Markup Language — the lingua franca of the World Wide Web. We hope this book provides a resource that beginning and intermediate HTML coders can use to improve their Web development skills. It is also our hope that it fills multiple roles as both a teaching tool and a reference once you expand your skills. | 436 Part 15 Task 2.0 Creating Image Maps An image map is a group of hotspots geometric shapes drawn on top of an image that you associate with specific URLs or files. This turns the area into a hyperlink. note The _blank target makes the linked page open in a new browser window _self opens the link within the existing window replacing the current content _parent opens the linked window in the parent frameset only applicable if you use frames and _top replaces the frameset itself. If you re not using frames _blank and _self are your only options but _blank is preferable because it doesn t let the visitor entirely leave your site. 1. Click once on the image you want to turn into an image map. Handles appear around it and the Properties inspector shows image-related tools see Figure 204-1 . Figure 204-1 Selecting an image in Dreamweaver 2. In the lower half of the Properties inspector click on the map shape that works for the area you want to turn into an image map see Figure 204-2 . caution Although you can link as many areas of an image map as you want don t cram in too many links. Keep enough space between hotspots so that visitors aren t confused when they click somewhere on the image map. Figure 204-2 The image map tools 3. As soon as you draw the map area the Properties inspector changes its features see Figure 204-3 . Click in the Link box and type the URL or path to the file the image map area should link to. 4. Make a target choice for your link _blank _self _parent or _top. 5. Repeat Steps 2 through 4 for each area you want to include in the image map. Please purchase PDF Split-Merge on www.verypdf.com to remove this watermark. Working with Dreamweaver 437 Figure 204-3 Setting the link details for a specific image map area Task tip To help visitors decide which hotspot to click enter something in the Alt text box in the Properties inspector so that text appears when users mouse over the hotspot. Bear in mind however that Alt text on hotspots is not .