Web design prototype tutorial – Part 3

Posted on Wednesday 19th Aug 2009 by James Bavington 1 Comment

In the final part of our web design tutorial on creating a homepage prototype, we demonstrate how to take the export from Fireworks, and add the finishing touches in Dreamweaver. After this part of the tutorial, you are ready to upload your site, or store it locally for your presentation to your client.

If you have missed the previous parts of this tutorial, you can see them here:

  1. Preparing and exporting from Photoshop
  2. Slicing, creating rollovers and exporting from Fireworks

In the video tutorial, you will see us use the following, simple, Flash embedding code. This code is as follows:


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.

One Response to Web design prototype tutorial – Part 3

  1. Bikeman says:
    June 10, 2011 at 10:32 am

    I have mixed views on prototyping in Fireworks. On th eone hand moving away from static images and presenting clients with mock ups offfers a more realistic mockup for comment.
    But I have found that many clients just don’t understand the difference between the prototype and the finsihed site. They thing that the tables based mockup is good enough to go live with and all that needs to be done is to add their content. Project timescales then get put under pressure.

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>