Fireworks is really a great tool, and I am really glad Adobe keeps developing it. When comes to creating website mockups and preparing your graphics for the web Fireworks is one of the best. I am not going to discus which is better Photoshop or Fireworks, that is not the topic here, but if you want to become a web designer and having hard time dealing with Photoshop, believe me Fireworks is the right choice.
I know some people tend to underestimate the knowledge of skinning and question its usability in other fields but I personally find the knowledge from my skinning background pretty applicable. I’ll show one example just to illustrate it.
CSS sprites, really cool way to achieve nice rollover effects, button states, look at the css code below from planetaston.com
#menu ul li a {
display: block;
float: left;
line-height: 34px;
width:100px;
height: 34px;
text-align: center;
color: #ffffff;
text-decoration:none;
background:url(‘images/butts.png’) no-repeat top left;
}
#menu ul li a:hover, #menu ul li.current_page_item a {
color:#1D1D1D;
text-align: center;
background-position: -100px 0;
}
#menu ul li a:focus, #menu ul li.current_page_item a {
color:#FFFFFF;
text-align: center;
background-position: -200px 0;
}
#menu ul li a:active, #menu ul li.current_page_item a {
color:#FFFFFF;
text-align: center;
background-position: -200px 0;
}
And the image butts.png is below
I offer various design services at a very affordable price. Design services include:
Feel free to check on my portfolio to get familiar with my skills and style. Contact me any time krstatzar{at}gmail.com