Skip to main content
A
albnewsal
Participant
March 14, 2013
Answered

Is there any way to convert psd to html through dreamweaver

  • March 14, 2013
  • 12 replies
  • 35922 views

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

    This topic has been closed for replies.
    Correct answer mhollis55

    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.

    12 replies

    Show previous replies
    afzee
    afzee
    Participant
    March 28, 2013

    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!

    MurraySummers
    MurraySummers
    Inspiring
    March 28, 2013

    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.

    VL Branko
    VL Branko
    Inspiring
    March 30, 2013

    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.


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

    mhollis55
    mhollis55Correct answer
    Inspiring
    March 14, 2013

    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.

    A
    Anonymous
    March 14, 2013

    "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?

    mhollis55
    mhollis55
    Inspiring
    March 14, 2013

    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.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices