Skip navigation
Currently Being Moderated

Is there any way to convert psd to html through dreamweaver

Mar 30, 2013 5:07 AM

Tags: #adobe #dreamweaver #lajme #albnews

I am very new in websites and i want to know if is there any way to create themes for wordpres or convert psd to html with adobe dreamweaver?

i have this website but i would like to create a new one.

lajme

 
Replies
  • Currently Being Moderated
    Mar 14, 2013 4:26 PM   in reply to albnewsal

    No.

     

    Yes.

     

    .PSD files are Photoshop files that may contain layers. When I am working with a designer, I ask for a layered .PSD file and use that to create the various sections of a website and to either match the colors in the Photoshop file with backgrounds or to use the Photoshop design to let me know how wide things should be, how many pixels high text or other elements should be and so on.

     

    But there is no "conversion tool" that will make a complete website based on modern HTML and CSS standards out of a photoshop document. That all has to be done in Dreamweaver by someone who knows how to write code to make a website.

     

    I do not work with WordPress, but I do know that one can use Dreamweaver to create a complete WordPress theme for a website. I suppose in the next few years I'll learn how to do that, but, for right now, I'm concentrating on php and JavaScript.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 14, 2013 4:39 PM   in reply to mhollis55

    "When I am working with a designer, I ask for a layered .PSD file and use that to create the various sections of a website and to either match the colors in the Photoshop file with backgrounds or to use the Photoshop design to let me know how wide things should be, how many pixels high text or other elements should be and so on."

     

    @mhollis55

    Do you use photoshop to make your "background" images for <div>s, buttons, etc?

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 7:04 AM   in reply to TimSPQR

    Sometimes, but lately I have been making CSS3 buttons.

     

     

    The code is available on my style sheet. The HTML is pretty obvious. And it's machine readable. Nobody needs to do an alt tag or anything.

     

    These are in black and white, but the first ones were a nice blue color. Didn't work with the website.

     

    But lots of people are still making buttons using Photoshop and Fireworks. Heck, you can use Illustrator, too. A designer gives me a button, I'm happy to use it, especially if I can't do it in the amount of time I have in CSS3.

     

    And, of course, the downside of CSS3 is that older browsers don't show it nicely, so you need to make sure it degrades nicely.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 14, 2013 6:08 PM   in reply to TimSPQR

    With all the folks using mobile devices on the web now, the web trend has shifted significantly from heavy use of graphics to the power of CSS3 rgba, linear-gradients, border-radius, box- / text-shadows, transitions,  and SVG graphics.  

     

    CSS3 Generator

    http://css3generator.com/

     

    Ultimate CSS Gradient Generator

    http://www.colorzilla.com/gradient-editor/

     

    The upshot to all this is faster page loads with less bandwidth.  Of course, you must build to your target audience.  If that includes older, inferior browsers like IE8, then images might be a better choice for you.

     

    PSD to WordPress?  I'm not aware of any software that can do this for you.  It requires good coding skills and experience with WordPress Theme Development.

    http://codex.wordpress.org/Theme_Development

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 5:19 AM   in reply to albnewsal

    With Dreamweaver you can create web-pages but if we look at technical aspect's I guess dreamweaver doesn't support or help in to convert PSD image files to a HTML. However you can easily import PSD files into Dreamweaver and then save the page as an HTML.

     

    You need to get it hand-coded or else you can avail services from professional coder which can provide you with your PSD to HMTL conversion or even your PSD's designs converted to Wordpress. Although there's many such service provider available, but I highly recommend  { link removed by moderator } , they can be your one-stop provider with all coding needs.

     

    Good Luck!

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 5:18 AM   in reply to afzee

    However you can easily import PSD files into Dreamweaver and then save the page as an HTML.

     

    This is completely incorrect - there is no facility for DW to "import" a PSD file.

     

    I'm removing the link from your post until we see better evidence of your sincerity.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 3:37 PM   in reply to MurraySummers

    MurraySummers wrote:

     

    However you can easily import PSD files into Dreamweaver and then save the page as an HTML.

     

    "This is completely incorrect - there is no facility for DW to "import" a PSD file."

     

    May be I am in-correct, I am not expert like you with Dreamweaver, I am in a learning stage. Actually I read at this forum (http://dreamweaver.wonderhowto.com/how-to/import-your-psd-layouts-into -dreamweaver-143040/)  which said that you can import PSD to DW.

     

     

    I would be glad if you can share your knowledge and provide with rock solid correct information, so that I can also be sure about this in future.

     

    Thanks

     

    PS: You can remove link, I added it just for your review and to let you aware with reference from where I got the information.

     

    Message was edited by: afzee

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 3:53 PM   in reply to afzee

    Well, that is not "importing" your PSD into DW. That's about how to a) slice your Photoshop file into separate pieces, b) how to export those slices into a hopelessly antique, table-based, unsuitable for the web layout, and c) how to bring those sliced, antique pages into a DW site.  That's a real waste of time (note that the tutorial was published 5 years ago, and even at that time it was a technique that was unsuitable for the web).

     

    Both PS and FW have the ability to do this, but the resulting pages are ONLY useful for a tightly controlled client demonstration (i.e., a prototype of a web site), and definitely not a real website.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 4:01 PM   in reply to MurraySummers

    I've got the understanding that it is more about "import" but as you explained it is entirely a different technique in a environment which won't support to go with such process. Thanks for shredding more light on this subject...much appreciated :-)

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 4:04 PM   in reply to afzee

    You want to run, run away from this kind of approach to building anything for the web. It's counterproductive and will cost you time and money.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 4:06 PM   in reply to MurraySummers

    And I would hesitate to show a client a sliced-up Photoshop prototype.

     

    I work with designers and will talk them through stuff that simply cannot be done on a website. I'm a big fan of doing pages that use web type as opposed to a Photoshop or Fireworks-created image file instead of type. I had one designer go how wild with type on a prototype and my client kept asking why the fonts were different!

     

    As a result, any work with that designer goes thorugh me first before a client gets a look and it's another round of prototyping with that designer, usually.

     

    I still ask him, Really? "Ovation"? for the footer? Really?

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 28, 2013 4:29 PM   in reply to mhollis55

    I had one designer go hog wild with type on a prototype and my client kept asking why the fonts were different!

    I hear ya!  Print & graphic designers are a tough lot to work with. 

    I prefer doing mock-ups in HTML & CSS.

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 29, 2013 9:55 PM   in reply to MurraySummers

    Murry, is there a way slicing images and importing them using CSS instead of tables?

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 30, 2013 4:59 AM   in reply to VL Branko

    Even if there were, your very best approach is to use the graphics applications to just make graphics, and build your page in DW.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 26, 2013 7:44 PM   in reply to albnewsal

    It is totally possible to create themes for wordpres or convert psd to html with adobe dreamweaver if you get the help from professional web developers. Psdtosite is such prestigious company. They offer many services such as convert psd to html, convert psd to wordpress theme and convert psd to email template with high quality at affordable cost. You can visit their website to find more information

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 16, 2013 5:17 AM   in reply to albnewsal

    Yes you can create themes for wordpres or convert psd to html with adobe dreamweaver. But getting a professional help will be better if you want quick turnaround. We are psdcutups (http://www.psdcutups.com/ ) and we deliver pixel-perfect work as quickly and affordably as possible. We have years of experience in psd to html conversion and we create wordpress themes with a high level of quality.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 10, 2014 9:49 AM   in reply to albnewsal

    There are some plugins and softwares out there now that can help with that. I use them for my mockups in Photoshop although I still prefer coding from scratch to keep code clean. You can always give Webbsy.com or SiteGrinder.com a try. I've only tried Webbsy and they seem quite good for the quick mockups. SiteGrinder seem to have more options but also seem like need to invest a bit more time - that's on my list of to trys though.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 12, 2014 3:47 AM   in reply to clairebearstare

    I've converted PSDs with converxy.com and imported them into dreamweaver without issue. Their stuff works in all browsers and if you just need the layout, you can get away with just generating the preview. It's only if you need to convert the text and images that they charge for. But a lot of the times, all I need is a quick template. Note: pay attention to the warnings generated by your PSD. They'll tell you how to modify the PSD to get a good result. For a full PSD, it usually takes me about 5 minutes to make changes to the PSD.

     

    Although, writing them from scratch is a good way to learn too. So, I think you should try that too.

     

    Hope that helps...

     
    |
    Mark as:

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