A Flash Developer Resource Site

Results 1 to 4 of 4

Thread: Design a web from Photoshop to DreamWeaver?

  1. #1
    I'm still learning...
    Join Date
    Nov 2004
    Location
    Malaysia
    Posts
    284

    Design a web from Photoshop to DreamWeaver?

    How do I use a web layout/design I've made in PhotoShop and turn it into a website?

    I saw some tutorials that teaches how to create a template, but, I never know how to make it from photoshop to DreamWeaver.


  2. #2
    He has risen! lefteyewilly's Avatar
    Join Date
    Mar 2001
    Posts
    2,597
    design your layout in photoshop. Then use the slice tool to separate each element in your page/template.

    Then go to file->save for web, and choose to save both HTML & images. When you save this it exports each slice as it's own image as well as an HTML file that determines the layout.

    From here, open the HTML file in dreamweaver and start coding to your hearts content to build the site.

  3. #3
    I'm still learning...
    Join Date
    Nov 2004
    Location
    Malaysia
    Posts
    284
    It's that simple? lol
    Thanks!

  4. #4
    Senior Member Black_phoenix's Avatar
    Join Date
    Oct 2000
    Location
    Leeds, UK
    Posts
    2,194
    Depending on what you want to do I would look at slicing up images, and think of how you can cut them to be most effective, maybe try to learn how to build the page and optimise the image use. Fireworks used to slice images and build the page (html) for you the code was massive, it would add spacers all over the place (not a clean page)

    The better the page the better the seo quality and the more people you will get visiting it.

    D
    Last edited by Black_phoenix; 09-23-2008 at 04:02 AM.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center