Web Design Tips:
Easy That's how you'd like life to be, right? Especially when you're creating a website on your own. But that doesn't mean you want site to look severe and just functional. you want it to be pretty , smart and also respond and move when you interact with it, while saying all that you want to say to its visitors . There are little tips and Features incorporated into software just for people like you .
Love what Flash can do but don't know how to use it ? Macromedia thought of you and built a feature into Dream weaver that lets you create cool animated Flash buttons just by entering parameters. Want to have button respond to a mouse-over but have no idea or patience to create one with graphics software? You can make a quick and easy mouse-over button right from within FrontPage. What do you do if you need to optimize 150 images within an hour? No need to panic, image ready can help you out with a little droplet. Check out different tips that make life easier or better for you as a Web designer.
•Animated Flash Button & Macromedia Dream weaver:
Dream weaver lets you create some custom vector graphics from within software. You can make Flash and embed them into your Web pages. There are different kinds of style that you can choose for these from available set-play back type of buttons .Arrow shaped button, shopping cart button And so on, or make some of your own.
Making a smart interactive button is simple in Dream weaver, select insert-interactive Image-Flash Button. Form window that opens select different button style by looking at preview image below. Customize button way you want it by adding name of button, Font color and font size , then specify URL that button has to link to . The button is saved with SWF extension you can preview button in your browser to see if it looks way you want.
•Easy Mouse-Over Buttons :
Mouse-over and Front Page? Oh Yes. The software has quit a few convenient features up its sleeve, one of which is "Hover buttons." Granted, these buttons don't have snazzy graphics they look like typical button blocks, but they react to mouse-over and you can archive it very simply. Here's how.
Select Insert -Web component. in window that opens , select Dynamic Effect in component type and select Hover Button effect on right . Type in text that should appear on button, choose a font for text, specify URL to link to on clicking, and select size and color of button. In drop-down menu for Effect, Glow is default selection. Try it - you can select color of glow-check button in preview mode-the button light up when you move your mouse over it. There are several other effects available that are worth checking out, especially bevels quite neat!
•Cool Effects With DHTML :
DHTML or Dynamic HTML offers some cool effects that could make your Web pages stand out click? Or your page to load with a transition Effect? DHTML will do this for you along with other little tricks. After you've built your Web page, from menu bar, select Format-Dynamic HTML Effect. A tool bar appears in work area. Choose an event from first drop down list. This could be on ‘click' double-click.' Mouse over or page load. Depending on event selected here , next Drop-Down list offers possible effect that can be achieved , This could be a change in color and style of font if it is text, a border added around it , or in case of an image , you can replace image with another one by a swap .
Most of effect toggle Meaning if there was a font change on click, another click will change font back to what it was before. However, some effects are one-time like disappearing act of an image or button .you select ‘fly out' from effects list for this . On ‘page load' you could have selected text drop in word by word, or hop in, spiral in, zoom out, and so on. This is especially useful for advertisements or parts of page that you want to draw user's attention to.
•Animation In Reverse :
You've made an animation using image Ready-may be a tween of position, opacity or effects or a manually placed and manipulated animation backwards? No need to re-tween or manually place frames backwards; simply click on little arrow in animated palette and select Reverse Frames. You can also create a rubber band effect by copying forward sequence (small arrow > copy Frames), pasting it at end of sequence (small arrow > Paste Frames > ‘Paste after selection ‘) and then, by selecting newly pasted sequence and applying Reverse Frames on this.