How To Make A Clickable Button

Table of contents:

How To Make A Clickable Button
How To Make A Clickable Button

Video: How To Make A Clickable Button

Video: How To Make A Clickable Button
Video: Obby Creator : How to make a working clickable button! 2024, November
Anonim

When creating your own site, you will need to develop controls such as: menu items, buttons for navigating through the pages. A clickable button is an element that, when the mouse hovers over it, changes its appearance, becomes "pressed down", i.e. simulates pressing.

How to make a clickable button
How to make a clickable button

Necessary

Dreamweaver software

Instructions

Step 1

Launch Dreamweaver to make the button flash. Create a new web page, save it. To create a clickable button in Flash, use the Media page in the Object Panel, and from there, use the Flash Button. Here you can select a style for the button - for this use the preview pane, which is located above the list of styles. Next, enter the text that will be displayed on the button in the Button Text field. View the result using the Play button.

Step 2

Use Java scripting language to create clickable buttons. Create three images, one for the button in a resting state and one for the button's hover appearance. Next, open the html file of the web page with notepad and add the following text to the Body field. on the next line enter if (parseInt (navigator.appVersion)> = 3) compat = true. >

Step 3

Next on the line enter if (compat) {I1 = new Image; then specify the paths to the image files I1.src = "enter the path to the button image in normal mode"; I1_1.src = "enter the path to the image of the button when you hover over it with the mouse cursor"; then enter the text function SetImg (Name, Img); {if (compat) document.images "enter links to both images".src = eval (Img + '. src'); } then enter the closing tag.

Step 4

Go in the page code to the place where you want to add the button, enter the following code there:

Text
Text

… Save your changes and open the page in a browser to see the result.

Recommended: