How To Design a Website using Adobe Fireworks

http://www.mlwebco.com - ML Web Consulting shows you how to quickly mock-up / design a website within 10 minutes. Using Adobe Fireworks, Michael Locke demonstrates how to design a website home page. In this video, you'll see how a web design comes along from beginning to end. You'll see a few design tips and tricks that you can apply to your own project or website.

Download the Work Files Here (Both PNG and PSD files):
http://www.mlwebco.com/tutorials/web-design/fictitious_website.zip

If you have any questions, send an email to mlocke@mlwebco.com or visit http://www.mlwebco.com

Thanks,

~ Mike

Category:

People & Blogs

Tags:

• Designing a website
• designing a home page
• designing a mock-up
• using Adobe fireworks
• Adobe fireworks
• Building a website
• Website
• home page
• mockup
• design tips
• design tricks
• web design tips
• web design tricks
• web design course

[jbplaya]

I have Fireworks CS5 on Mac. How do you add all those icons on the top? All I have is Original, Preview, 2-up and 4-up.

[mlwebco]

@jbplaya I recently switched to a Mac and started playing with CS5, I'm not sure if they have the same UI and icons at the top. For now, if you do a right-click, you can do most of those things, arrange to top, flip, etc.

[neveraskme2]

Please turn off the zoom feature on your cam. Can't really see what you're doning...

[mlwebco]

@neveraskme2 good call, will take that into account in other tutorials. Thanks!

[javasbass]

Does anyone knows any website 100% FW?!...or most of it!

[AgaGrandowicz]

You chose a really ugly font for "we design beautiful things" :D

[mytube18301]

Nice tutorial Mike, thanks a bunch !

[Ilovecomedy7]

This looks much easier than Dreamweaver.

[loncify]

Shocked! ! Fast Web Design School Web site: css.nn.cx

[evajoseph100]

in this video showed how to designed a website using adobe frame works.

[zacksutt]

Nice!

[roytheey]

Really cool you helped me so much thanks a lot I have inspiration now.

[MrGilas042985]

what software did you used in your recoding your tutorial?

[anedominguez]

wich resolution?

[gaggz]

Great step by step guide... thank you.

Can I ask here did you get vibrant image? Its exactly what I need for my own webpage...

[serviwebserviweb]

Thank you very much

[MrSaverioGentile]

what if u dont know container's height ? I mean the div having that cryons as background.. if theres lot of contents background image would repeat itself and in that case it wouldnt look good anymore

[vinny111]

Can u give me some advice on how to get in to the Graphic Design Industry, i have been to college , i studied at level 1 but my teacher said i was at level 3, also i did another intense course,i am 28 years old and i would love to get in to Graphic Design,i have been mainly using Photoshop editing photos airbrushing etc ,i do not have a Uni degree, could u give me some advice on how i can get a job in the graphic design industry, i live in London, please let me know thank u.

[elitepanzor]

great job! I just began using fireworks, and this is a great simple design tutorial.

Also, i have to say the design is clean, simple, and looks nice.

[jevonwilliamsjr]

I'm a noob, at fireworks. How do you create those boxes?

[banshi68]

How do you make the browser preview centre align? Mine is to the left.

[shappy901]

@slovan did you find out how to do the layers? really need to find out how for my website

[ParfiTV]

where can I get fireworks free for mac?

[TheStillpond]

Problem-- when adding the background image, he quickly puts it in without explaining how to do it.

He forgets to explain things at various points. This is much like a cell phone that cuts in and out when you are trying to talk to somebody. Always remember to explain consistently.

[killahdudexxx]

When you are creating your first website, what is absolutely necessary is to have a good webhost. I have used hostclose . com for a year now, and I am very satisfied with them.

[slovan]

How do you do the layers?

[stevekreeger]

good video - very helpful - definitely should zoom back out a lot more - can't always see what you're doing