Microsoft Office FrontPage 2003      
Developer's Toolkit
Resources | Links | Search
  extend design code  
             
  New Features
 
Microsoft® Windows® SharePoint Services
 
Microsoft® Office SharePoint Portal Server
 
Microsoft Office System
 
.NET Framework
 
 
Real world scenarios that fully expose great new functionality in FrontPage 2003 and Windows SharePoint Services.
 
 
  financial planning finance  
  sales & marketing sales & marketing  
  human resources human resources  
   
  FrontPage Developer's Toolkit > Resources > Tips and Tricks > Design
 

Adding Image Maps to Your Web Site Based on Windows SharePoint Services

Image maps allow you to take a graphic and designate specific areas as hotspots that link to Web pages or email addresses.  As an example, we've created an image map out of a map of Australia. You can hover your mouse over one of the regions to find out its name, and you can click on it to go to another page. 

Western Australia Northern Territory Queensland New South Wales South Australia Melbourne

To take an image and turn it into an image map, open the Web site based on Windows SharePoint Services in FrontPage 2003 and do the following:   

  1. In the Folder List view, double-click on the page in which you want to insert the image map. This opens the page.

    Note:  If you don't see a list of file folders and files, select Folder List from the View menu.
       
  2. Select Import from the File menu, then click the Add File button, browse to the graphic you want to import, click Open, and then select OK.

    Note: It's customary to store graphics files in the images folder.
     
  3. Click on the graphic file in the Folder List, drag it to where on your page you want it, right-click on the graphic file on the page and select Show Pictures Toolbar.

     

     
  4. Click one of the circled shapes on the Pictures toolbar, then move the cursor over the graphic, and click and drag on the graphic to create the image map hotspot.  When you release your mouse, the shape will be completed and the Insert Hyperlink dialog box will automatically open.


  5. Click Existing File or Web Page to link to a Web page or file, click Place in This Document to link to a bookmark in the page, click Create New Document to link to a new document, or click E-mail Address to link to an e-mail address. 

    Tip: If you want the visitor to your site to see text when they hover over the hotspot area, be sure to click the ScreenTip button and add text there. 
  6. Click OK when you're done with the hyperlink for that hotspot.  Repeat steps 6 - 9 until your image map is complete. 

More information
For more information about image maps, see Microsoft FrontPage 2003 Help.