Skip navigation
dankariniemi
dankariniemi Calculating status...
Currently Being Moderated

Illustrator to Dreamweaver

Mar 9, 2013 3:10 PM

Tags: #illustrator

I have a graphics designer that designed a home page and I want to bring it over to Dreamweaver

451 Views   3 Replies   Latest reply: John Mensinger, Mar 11, 2013 10:21 AM
 
Replies
  • Mylenium
    Currently Being Moderated
    1. Mylenium,
    Mar 9, 2013 11:29 PM   in reply to dankariniemi
    Report

    Draw slices, use Save for Web, learn web design to rebuild the page in DW.

     

    Mylenium

     
    |
    Mark as:
  • dankariniemi
    Currently Being Moderated
    2. dankariniemi,
    Mar 10, 2013 11:49 AM   in reply to Mylenium
    Report

    I know how to create sites in DW, but I'm not very familiar with Illustrator.  I know that I need to create slices and I know how to do that, it just that I'm trying to figure out the best way to do this.  This process I will need to repeat over and over again, so what do you think is the best way to create the slices for a design.  My situation is that I was given an Ai file and I need to use move this file without losing the depth of the images to DW.  Putting it into a flat file or saving the entire thing as an image is not acceptable.  Should I create the slices manually, by objects or what is the best way?  I have 9 layers in the page.  Is there a way to create a slice for each of the 9 layers?  Thanks, your help is appreciated.

     
    |
    Mark as:
  • John Mensinger
    Currently Being Moderated
    3. John Mensinger,
    Mar 11, 2013 10:21 AM   in reply to dankariniemi
    Report

    There's no way to answer this in generic terms. Actually, translating a page mock-up from Illustrator is no different than translating one from Photoshop.

     

    Slicing up may be the correct approach for certain pieces of it, while other pieces might not need slicing.

    I know how to create sites in DW

    Okay then, the only thing to do now is to use your knowledge to analyze the mock-up and plan your page regions. Draw up the divs and make decisions with respect to how the elements of the mock-up will be contained by them; as background images, image slices, etc.

     

    If you're looking for a simple method that equates to Illustrator file = (clean) Dreamweaver HTML/CSS, you're not alone. Let us know if you find it.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points