1. Home
  2. Website Design
  3. Portfolio
  4. eCommerce
  5. Web Optimisation
  6. Website Video
  7. Graphic Design
  8. Blog
  9. Team
  10. Contact

Print This Page
Print this page.

Web design prototype tutorial – Part 2

Posted on on Monday, August 17th, 2009 at 7:14 pm.

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.

Related Posts

2 Responses to This Blog Post

  1. Nilesh
    on August 17th, 2009 Says:

    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
    on August 18th, 2009 Says:

    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 your Comment

Bookmark and Share Creare

Twitter
twitter.com/crearegroup

Recent Blog Comments

  1. James: Hi Carl, thanks ...
  2. Creative Nuts: Nice Marketing s...
  3. Carl Jarrel: Hi guys Good...
  4. Craig Riches: Hi, I like the w...
  5. Myles: Congratulations!...

Latest Web Design Blog

Web Design Tutorial: PHP Current Page Highlight
Posted on Fri, 12 Mar 2010

In this week's web design video blog, Nick and James demonstrate how you can create a simple, dynamic PHP menu that highlights the page of the website that you are currently browsing.