15 {{ upvoteCount | shortNum }}
15 {{ upvoteCount | shortNum }}

how can I convert a psd file to css...please

by dachiwox2
13 replies
  • WEB DESIGN
    • |
Hello, I created a sales page on photoshop CS6 and I have been wondering how to make it appear on a website. Please,what is the best and smartest way of converting the psd file to html/css?
#blogger #convert #cssplease #file #graphics #joomla #psd #salespage #wordpress
  • Profile picture of the author Inkfeeds
    The best way is doing it manually with HTML and CSS. There really isn't another method that will be as clean and quick as doing this. It will seem difficult at the beginning, but will get much easier later on. I recommend you check out some PSD to CSS plugins, these will help you out with speeding up your conversion. Good luck!
    {{ DiscussionBoard.errors[9304985].message }}
    • Profile picture of the author dachiwox2
      Inkfeeds, please, how can I get the plugin? I could start from there or how can using dreamweaver for the coding make it easier? Thank you
      {{ DiscussionBoard.errors[9305398].message }}
  • Profile picture of the author webcosmo
    Easiest way for you if you don`t care about how clean your code is, just export to html from photoshop. Job done. But first you must slice it. Just find a tutorial on how to export to html from photoshop. I know it`s not the best way to do it, but it`s the fastest and requires very little knowledge.
    Signature


    {{ DiscussionBoard.errors[9305545].message }}
  • Profile picture of the author Inkfeeds
    You can check this out: CSS3Ps - free cloud based photoshop plugin that converts layers to CSS3 styles.

    It will translate all the objects you need into CSS. Then you just have to translate your layout into HTML. Dreamweaver will help you out since it has a built in preview that makes things go much quicker. Good luck.
    {{ DiscussionBoard.errors[9306421].message }}
  • Profile picture of the author mariamincey87
    High Quality HTML to WordPress conversion services of wordprax
    {{ DiscussionBoard.errors[9307240].message }}
  • Profile picture of the author getbestdesign
    there is no easy way for the beginner, in doing that task it takes time but it worth's...
    Signature
    GetBestDesigns.com
    Only the best for the best from the best.....
    {{ DiscussionBoard.errors[9307680].message }}
  • Profile picture of the author MattStrange
    I highly recommend you do not go through with the photoshop to html convertor along with finding any plugins that does the job for you. These are usually poor coded.

    Either manually code or find a freelancer
    Signature
    {{ DiscussionBoard.errors[9309036].message }}
  • Profile picture of the author pnpdevelopers
    Conversion from Photoshop to HTML is not good and not recommended as well. I can help if you want we are good at conversions
    Signature
    {{ DiscussionBoard.errors[9309882].message }}
  • Profile picture of the author w3prince
    After completing design work use Photoshop for Slicing and later convert it to html using "Save For Web" option "File Menu", this is easiest way standard practice. After this work on any HTML editor like Dreamweaver etc.,
    {{ DiscussionBoard.errors[9314718].message }}
  • Profile picture of the author shahidali788
    You will get best quality work in affordable price. Also if you don't need then I can guide how to build your site. contact with me. skype: shahidali788
    Signature
    Website Developer, Custom WordPress Theme Developer, Responsive Websites, WP Theme Customization, PSD to WordPress
    {{ DiscussionBoard.errors[9315229].message }}
  • Profile picture of the author alieen
    dear!

    after creating psd you use Photoshop for Slicing and later convert it to html using save for web then make a html file in Dreamweaver.
    {{ DiscussionBoard.errors[9351645].message }}
  • Profile picture of the author rushenn123
    You can use the slicing tool in Photoshop to export it to HTML.
    {{ DiscussionBoard.errors[9353136].message }}
  • Profile picture of the author alieen
    dear first you should slice the images then save image for web . then you open the Dreamweaver here you should make a html file and use css.
    {{ DiscussionBoard.errors[9354902].message }}

Trending Topics