Dynamic | Tutorial software update faster and faster, the new software wave after wave-first is flash5.0 start, then there are Photoshop6.0, and then to the recent DreamWeaver4.0 and Fireworks4.0, really a bit unbearable feeling. Firewoks4.0 makes me feel most convenient, is it strengthens the behaviour function, only uses the mouse the simple drag, can make the dazzling effect to come. Today to talk about is to use Fireworks4.0 to do an effect (specific can see: http://981622.class.netbig.com).
The first step is, of course, creativity, and I'm talking mainly about technical problems, so omit the idea. The layout structure is as shown in Figure I. I'm using the WMP7.0 version of a skin, you can also find an identical one.
After the layout is well constructed, it is cut with slice tools. Note that you must switch to slice view. I cut it this way: first five buttons, because there are five columns, and then the yellow background that shows the contents of the column, I preset 981622 WordArt. Pay attention to the other blank areas to be cut map, so that the overall document smaller. The effect is as figure one.
Click the Frame tab, pull the menu in the triangle, select Add frames, add 5 frames after the current frame (because there are 5 columns), and then add the column profile in the yellow background of each frame. As shown in Figure II.
OK, back to frame1, click on the first button, a symbol appears in the middle of the button, and then the most critical step: Drag the symbol to the yellow background and select Frame2 in the dialog box that appears later. As seen in figure three. The button appears in a blue curve to the view area, indicating that behaviour added successfully. The other buttons do the same, choosing frame2,3,4,5 in turn.
Well, having done this for so long, you should save it and preview it. Press F12 (just like Dreamweaver) to see how the work looks in the browser.
How to output to Dreamweaver to modify it? Select File/export, select Export HTML file in the dialog box, recommend "Put images to subfolder", and set the directory to images, so that the picture will not be all saved in the root directory. (Figure IV)
Well, as fireworks, which specializes in designing web graphics, this is a lot more powerful than Photoshop. Of course, Firewoks also has many functions, there are opportunities for us to explore together.