#5 Image Maps

#5 Image Maps - HTML FourthEdition Project 5 Creating an...

Info iconThis preview shows pages 1–11. Sign up to view the full content.

View Full Document Right Arrow Icon
HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 5: Creating an Image Map 2 Project Objectives Define terms relating to image mapping List the differences between server-side and client-side image maps Name the two components of an image map and describe the steps to implement an image map Distinguish between appropriate and inappropriate images for mapping Sketch hotspots on an image
Background image of page 2
Project 5: Creating an Image Map 3 Project Objectives Describe how the x- and y-coordinates relate to vertical and horizontal alignment Open an image in Paint and use Paint to map the coordinates of an image Create the home page and additional Web pages Create a table, insert an image into a table, and use the usemap attribute to define a map
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 5: Creating an Image Map 4 Project Objectives Add text to a table cell and create a horizontal menu bar with text links Use the <map> </map> tags to start and end a map Use the <area> tag to indicate the shape, coordinates, and URL for a mapped area Change link colors
Background image of page 4
Project 5: Creating an Image Map 5 Starting Paint Click the Start button on the taskbar Point to All Programs on the Start menu, point to Accessories on the All Programs submenu, and then point to Paint on the Accessories submenu Click Paint If necessary, click the Maximize button on the right side of the title bar to maximize the window
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 5: Creating an Image Map 6 Starting Paint
Background image of page 6
Project 5: Creating an Image Map 7 Opening an Image File in Paint With a USB drive plugged into your computer, click File on the menu bar and then click Open on the File menu If necessary, click the Look in box arrow and then click UDISK (G:) Double-click the Project05 folder and then double-click the ProjectFiles folder in the list of available folders
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 5: Creating an Image Map 8 Opening an Image File in Paint If necessary, click the Files of type box arrow and select GIF (*.GIF) Click floorplan.gif in the list of files Click the Open button in the Open dialog box
Background image of page 8
Project 5: Creating an Image Map 9 Opening an Image File in Paint
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Project 5: Creating an Image Map 10 Locating X- and Y- Coordinates of an Image If necessary, click the Pencil button in the toolbox Move the mouse pointer to coordinates (102,255)
Background image of page 10
Image of page 11
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 06/14/2011 for the course COMPUTER 091 taught by Professor Rajivsir during the Summer '11 term at MIT.

Page1 / 46

#5 Image Maps - HTML FourthEdition Project 5 Creating an...

This preview shows document pages 1 - 11. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online