How to create a rollover image, Computer Engineering

Assignment Help:

Q. How to Create a Rollover Image?

A rollover image is an image whose display changes when pointer passes ('rolls') over it. You will use Dreamweaver's Insert Rollover Image command to create three rollover images for navigation buttons-Trip Planner, Destinations, and Travel Logs.

A rollover image comprises two images: the image displayed when page first loads in the browser, and image displayed when the pointer moves over the original image. Be sure to use images that are the same size. First image dictates the size of the display, so if second image is much smaller or much larger, results will look unprofessional or distorted.

Next, you will add a navigation button with a rollover image to your page. Then you will add the other navigation buttons and preview the page in a browser to test rollovers.

1.  In Document window, click in first cell of the navigation button table.

This tells Dreamweaver where you want the image inserted.

2.  To insert a rollover image, do one of the following:

  In Common category of the Objects panel, click Insert Rollover Image icon.

  • Choose Insert > Interactive Image > Rollover Image.

3.  In Insert Rollover Image dialog box, type planner in the Image Name field. This gives the image a unique name and makes it easily identifiable in HTML code.

4.  In Original Image field, click Browse; then navigate to MenuTripPlanner.gif and click Select (Windows) or Open (Macintosh).

 This tells Dreamweaver which image to display when page first loads.

5.  In Rollover Image field, click Browse; then navigate to

MenuTripPlanner_on.gif and click Select (Windows) or Open (Macintosh).

This tells Dreamweaver which image to display when pointer is over the original image.

6.  Make sure Preload Rollover Image option is selected so that rollover images load when page loads in the browser, ensuring a quick transition between images when a user moves the pointer over the original image.

1424_How to Create a Rollover Image.png

7.  Click OK to close dialog box.

 The image appears in document.

8.  Resize the layout cell to fit the image.


Related Discussions:- How to create a rollover image

Find resolution and output voltage of D/A convertor, A 6-bit R-2R ladder D/...

A 6-bit R-2R ladder D/A converter has a reference voltage of 6.5V. It meets standard linearity.Find (i) The Resolution in Percent. (ii) The output voltage for the word 011100.

Which gates are called universal gates, Q. What is Gate? Explain Basic gat...

Q. What is Gate? Explain Basic gates with truth table and necessary circuits. Q. Which gates are called Universal Gates? Why? Q. Give the Dual of the rule 17. Q. Realize

Explain conditions under which a deadlock situation arise, What are conditi...

What are conditions under which a deadlock situation may arise? A deadlock situation can arise if the following four conditions hold concurrently in a system:  a. Mutual exc

Multi tasking environment, Q. Explain about Multi tasking environment? ...

Q. Explain about Multi tasking environment? Multi tasking uses parallelism by: 1) Pipelining functional units are pipe line mutually 2) Simultaneously employing multiple

What is dialog module, What is dialog Module? A dialog Module is a call...

What is dialog Module? A dialog Module is a callable sequence of screens that does not belong to a certain  transaction. Dialog modules have their module pools, and can be know

How a file can be shared among different users, Discuss the different techn...

Discuss the different techniques with which a file can be shared among different users. Several popular techniques with that a file can be shared among various users are: 1

What are conversion routines, What are conversion routines? Non-standa...

What are conversion routines? Non-standard conversions from present format to sap internal format and vice-versa are executed with so known as conversion routines.

Explain policies for process scheduling, Explain any three policies for pro...

Explain any three policies for process scheduling that uses resource consumption information. All three policies for process scheduling are explained below in brief: 1. Fi

Define instruction code, Define Instruction Code. An Instruction code i...

Define Instruction Code. An Instruction code is a group of bits that instructs the computer to perform an exact operation. It is usually separated into parts, each having its o

Write Your Message!

Captcha
Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd