• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 7. Creating Slices and Hotspots

Lesson 7. Creating Slices and Hotspots

The rollover buttons you added to the home page in the previous lesson add some interest to your page. The buttons also provide some feedback to the user. In this lesson, you will learn a variety of techniques to add interactivity to your pages. You will start by creating an image map where the user can click multiple areas of an image to link to other pages of your site. You will further explore the concept of slicing an image, learning to add behaviors to the slice to swap images.

You will add more interactivity to your home page in this lesson by adding disjointed rollovers to the month text.

WHAT YOU WILL LEARN

In this lesson, you will:

  • Add hotspots to an image to create an image map

  • Work with the Web Layer

  • Add slices to your page

  • Add frames to the document

  • Create disjointed rollovers

  • View your page in full-screen mode

APPROXIMATE TIME

This lesson takes approximately 1 hour to complete.

LESSON FILES

Media Files:

Lesson07\Months\january.png

Lesson07\Months\february.png

Lesson07\Months\march.png

Lesson07\Months\april.png

Lesson07\Months\may.png

Lesson07\Months\june.png

Lesson07\Months\july.png

Lesson07\Months\august.png

Lesson07\Months\september.png

Lesson07\Months\october.png

Lesson07\Months\november.png

Lesson07\Months\december.png

Starting Files:

Lesson07\banner.png

Lesson07\home_page_L7.png

Completed Projects:

Lesson07\banner.png

Lesson07\home_page_L7.png


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint