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

Redesign to travel website, Redesign to Travel Website - Design, SEO, Ease ...

Redesign to Travel Website - Design, SEO, Ease of Use Project Description: We are seeking a dedicated programming team to improve a travel website. To provide upgrades to the

We are looking for wordpress theme install & customization, We are looking ...

We are looking for Wordpress Theme Install & Customization Greenable.net is hiring a candidate to install as well as customize the Avada Wordpress theme according to the demo si

Need help in database driven website version 1.0, Need help in Database Dri...

Need help in Database Driven Website Version 1.0 This is going to be a database driven Angie's List or Yellow Pages style website for a niche market. Subscribers will be capable

I needed php developer, Our company is looking for a brilliant PHP Develope...

Our company is looking for a brilliant PHP Developer to join our dynamic and young online media agency. Must have: - Knowledge in Databases and SQL, proven coding and indexin

We are looking for web programmer, We are looking for Web Programmer We ...

We are looking for Web Programmer We are a design as well as marketing firm in need of web support. Fundamentally we will design the look of our clients' websites as well as

Html tag, As illustrated in Figure., is a starting tag. To delimit the tex...

As illustrated in Figure., is a starting tag. To delimit the text inside, add closing tag by a "/" to the starting tag. Most but not all tags contains a closing tag. I

I need help in create static html pages, Create Static HTML Pages We are...

Create Static HTML Pages We are a travel search engine provider placed in Germany. We are probing for a developer who can create a bunch of static HTML pages for connections amo

We need help to create web for marketing, We need help to create web for Ma...

We need help to create web for Marketing Hi, we are a web agency working on the entire range of marketing requirements - be it websites, mobile applications, Facebook applicatio

Ios developer to update our app and create website, iOS Developer to Update...

iOS Developer to Update our App and Create Responsive Website Note: We don't have an IT person on staff. The company that will undertake this project needs to have the ability t

Needed mobile wordpress expert, Mobile Wordpress Expert Seeking a person...

Mobile Wordpress Expert Seeking a person that is very good at installing wordpress themes from themeforest and making sure that they look GREAT on Mobile Devices. Please disp

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