Fireworks Production Drop-down Menu Tutorial Introduction

This tutorial is about fireworks to make a drop-down menu tutorial, the article has 4 parts, including create a title, create a slice, add drop-down menu, submenu positioning related steps, see the following text:

Create a title

1, create a new image

2, draw a rectangle with a rectangular tool

3, enter text with the Type tool

Create slices

Select the rectangle, and then select the menu Insert-> slice (insert-slice).

Plus drop down menu

1, keep the slice in the selected state, select menu Insert-> Pop menu, Insert submenu

2, in the pop-up window for input, text (text) box to enter the submenu to display the text

3, enter the address to be connected within link (link)

4, click the + button to add the Pull-down menu

5, repeat the above steps until you have added all the submenu items you want to add.

6, you can drag the following list, the items on the submenu to arrange, can also be edited and deleted

7, click Next to enter the next step

8, you can edit the appearance of the submenu, there are two formats of submenus can be selected, HTML format and image format

9, when all the settings are complete, you can click Finish to exit

Sub-menu Positioning

1, select the slice and you will find a blue line consisting of a submenu of shapes

2, move the mouse pointer to the position of the menu, the pointer will become the shape of the hand

3, you can drag the menu to the right place

Preview

To preview the effect of a drop-down menu, you must do so in the browser

1, click menu File->preview in Browser

2, put the mouse up, you can see the pop-up drop-down menu effect

This article for everyone edited fireworks production Drop-down Menu tutorial, hope to help everyone!