Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams


How to convert PSD web Templates to Html look with CSS?

css html photoshop psd web template

  • Please log in to reply
&nsbp;

#1 einstine

einstine

    Banned

  • Banned
  • 47 posts

Posted 06 August 2012 - 02:18 AM

I do PSD Template but Im not really good in converting it to html. Ho to slice the images right. If you know how or any tutorials you can refer then please let me know here... :-)

#2 Eraser

Eraser

    Member

  • Designer
  • 86 posts

Posted 06 August 2012 - 10:40 AM

Hello

Refer (Psd to CSS. Turn a PSD to HTML with this series of articles)

(Tutorials | psd 2 CSS Online) Hope its useful.

#3 sunface

sunface

    Senior Member

  • Designer
  • 165 posts

Posted 06 August 2012 - 12:20 PM

Hi einstine!
Lots of tip is here
What Are the Best Tips for HTML to PSD Conversion?

#4 Eraser

Eraser

    Member

  • Designer
  • 86 posts

Posted 07 August 2012 - 02:25 AM

Thanks for sharing sunface your link is very useful to me.

#5 einstine

einstine

    Banned

  • Banned
  • 47 posts

Posted 09 August 2012 - 04:25 AM

Thank you Eraser this will help. :-)

Hello

Refer (Psd to CSS. Turn a PSD to HTML with this series of articles)

(Tutorials | psd 2 CSS Online) Hope its useful.



#6 einstine

einstine

    Banned

  • Banned
  • 47 posts

Posted 09 August 2012 - 05:11 AM

This one is also good thanks for sharing. :-)

Hi einstine!
Lots of tip is here
What Are the Best Tips for HTML to PSD Conversion?



#7 cperkins

cperkins

    Apprentice Designer

  • Designer
  • 1 posts

Posted 09 August 2012 - 10:38 PM

There is also the SiteGrinder plugin for Photoshop. It can convert designs and supports really sophisticated features as well, like animation, accordions, popup menus, buttons, footers, headers and the like. Even your text layers in Photoshop get converted to HTML/CSS text.

#8 convertpsdfile

convertpsdfile

    Junior Member

  • Client
  • 1 posts

Posted 30 January 2015 - 05:43 AM

Hii all

We are provide website service, If you are looking to convert your PSD Files into Html5, Xhtml, Email, Magento, Joomla and more. Adobe Photoshop is the one of the leading options available for the design and development of top class graphics. We are provide conversion services of your Photoshop files in affordable price. We have a dedicated team of experienced professionals. For more information visit our site.
Website:-  www.convertpsdfiles.com
Phone No:-   UK :    +44 7402 919 299
             USA:    +1800-245-2032
             INDIA:  (+91) 956 087 5588



#9 sandralennon3

sandralennon3

    Junior Member

  • Designer
  • 5 posts

Posted 16 March 2015 - 10:38 AM

You can find some tutorials of convert PSD web Templates to Html with CSS, http://www.psddesigntohtml.com/blog/



#10 faisalahmedimran2015

faisalahmedimran2015

    Junior Member

  • Designer
  • 2 posts

Posted 16 March 2015 - 11:05 AM

I think this will help. http://code.tutsplus.com/tutorials/convert-a-warm-cheerful-web-design-to-html-and-css--net-16799



#11 Egolay

Egolay

    Junior Member

  • Designer
  • 4 posts

Posted 10 April 2015 - 02:29 AM

I've been wondering this for a while as well.



#12 atifn79

atifn79

    Junior Member

  • Client
  • 5 posts

Posted 23 October 2015 - 04:51 AM

Summary: You can use some of familiar tools:
 
1. Image Ready can cut stuff automatically and generate nasty HTML with the tables and cells.
 
2. Macromedia Fireworks works well with Dreamweaver. You can open a PSD in Fireworks, slice it and then export to Dreamweaver.
 
3. You can use Photoshop. Just slice all the different parts and create layers in Dreamweaver or some other WYSIWYG web design tool. 
 
The problem is that you will end up with so much stuff that you need to clean up and such a hard table layout to work with. At the end of day you will spend more time fixing things, than you would spend slicing the PSD manually. There is also need to respect the W3C Web Standards. I have not yet seen a tool that does this job the right way.


#13 stevemark

stevemark

    Member

  • Designer
  • 57 posts

Posted 23 October 2015 - 05:57 AM

refer this link hope it  can help you https://helpx.adobe....ons-slices.html


I am Freelancer Website Designer and a developer with a zeal to deliver the best quality services to our clients.






Also tagged with one or more of these keywords: css, html, photoshop, psd, web template

2 user(s) are reading this topic

0 members, 2 guests, 0 anonymous users