Create a rollover image, PHP Web Programming

Assignment Help:

A rollover image is an image whose display modify while the pointer passes ("rolls") over it. You will employ Dreamweaver's Insert Rollover Image command to produce three rollover images for the navigation buttons-Destinations, Trip Planner, and Travel Logs.

A rollover image contains two images: the image displayed while the page loads first in the browser, and the image displayed while the pointer moves on the original image. Be sure to employ images which are the same size. The first image dictates the size of the display, thus if the second image is much smaller or larger, the results will look unprofessional or distorted.

Next, you will insert a navigation button along with a rollover image to your page. After that you will insert the other navigation buttons & preview the page in a browser to test the rollovers.

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

This tells Dreamweaver where you desire the image inserted.

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

  • Within the Common category of the Objects panel, click on the Insert Rollover Image icon.
  • Select Insert > Interactive Image > Rollover Image.

3. In the Insert Rollover Image dialog box, type planner within the Image Name field.

It gives the image a unique name, & makes it identifiable easily in the HTML code.

4. In the Original Image field click on Browse; after that navigate to MenuTripPlanner.gif and click on Select (Windows) or Open (Macintosh).

This tells Dreamweaver which image to display while the page loads first.

5. In the Rollover Image field click on to Browse; after that navigate to MenuTripPlanner_on.gif & click Select (Windows) or Open (Macintosh). This tells Dreamweaver which image to display while the pointer is onto the original image.

6. Ensure the Preload Rollover Image option is chosen so that the rollover images load while the page loads in the browser, making sure a quick transition among images while a user moves the pointer onto the original image.

2298_Create a Rollover Image.png

7. Click on to OK to close the dialog box.

The image appears in the document.

8. Resize the layout cell to fit the image.


Related Discussions:- Create a rollover image

How to upgrade joomla being used from 1.5 to 3.2, How to Upgrade Joomla bei...

How to Upgrade Joomla being used from 1.5 to 3.2 We have a website which we want to either upgrade the Joomla CMA or swith to WordPress. Not a huge site. Desired Skills are M

Magento community m2e pro integration with rekuten, Magento Community M2E P...

Magento Community M2E Pro integration with Rekuten, Ebay, Amazon We are seeking an experienced individual that will integrate our Magento (1.6.1.1) with other market places- Ama

We looking for a facebook developer for game app, We looking for a Facebook...

We looking for a Facebook Developer for game app Top Notch Facebook application and Game developer needed Job description -- We are in search of a Facebook Developer who w

Want support to make membership opt-in page, Want support to make Membershi...

Want support to make Membership Opt-in Page When fresh members sign up for Femworking membership they do consequently through a PayPal button. It works great however what I'm mi

We need website developer, Website Developer We are currently looking fo...

Website Developer We are currently looking for a web site developer. Job Description- We're looking for a Web Developer. Your responsibilities- a) Review business re

I want help in woocommerce theme customization, Woocommerce Theme Customiza...

Woocommerce Theme Customization Hello you will be working on transforming this woocommerce theme Kindly let me know if you are able. You will require to discern woocommerce d

Backbone.js developer required immediately, Backbone.js developer required ...

Backbone.js developer required immediately. Project Description: We are seeking an experienced backbone.js developer to join our team. You must be able to show that you ha

Web based program developed with microsoft sql server, We have a web based ...

We have a web based program developed with Microsoft SQL Server and .NET C#. There are some reports requires to be created. Required Skills are Strong Knowledge in MS SQL Ser

Need to setup free pbx asterisk on digital ocean, Need to Setup Free PBX As...

Need to Setup Free PBX Asterisk on Digital Ocean Project Description: Setup Free PBX on Digital Ocean Droplet using Centos 6.5. Skills required are Asterisk PBX, SQL, Linu

Responsive wordpress design and development, Responsive WordPress Design & ...

Responsive WordPress Design & Development I have numerous project but you need complete on time and good quality Desired Skills are CSS, HTML, PHP, WordPress

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