Web design prototype tutorial – Part 2

Posted on Monday 17th Aug 2009 by James Bavington 2 Comments

In part 2 of our tutorial on making prototype websites, James continues by taking the prepared Photoshop JPEGS into Adobe Fireworks. The tutorial then shows how in a matter of minutes you can slice up your design, create roll overs, drop down menus and export the web-site onto Adobe Dreamweaver.

If you’ve missed Part 1 in Photoshop, you can watch that video here.

About James Bavington

Away from computers, James enjoys mountains, military history and has an insatiable appetite for film - particularly 90's classics.

See all of posts.

Add on James Bavington Google+

James Bavington's Tweet's

This entry was posted in Web Design Videos and tagged , , , , . Bookmark the permalink.

2 Responses to Web design prototype tutorial – Part 2

  1. Nilesh says:
    August 17, 2009 at 10:00 pm

    hi there i just watch your latest can you give me more information on how you export web design on fireworks to dreamweaver in more detail

  2. James says:
    August 18, 2009 at 8:59 am

    Hi Nilesh, Part 3 tomorrow, will explain in more detail how to take the exported files to Dreamweaver, and what to do with them in there.

    When you export from Fireworks, Fireworks essentially chops up your JPEGs and arranges them in HTML Tables on a web page. Fireworks also adds in all the Javascript needed for the rollovers.

    What we then do in Dreamweaver is to tidy this up, add in the background and upload it to the internet for the client to see.

    If your question was more specific, please specify.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>