Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Jack Evans
Jack Evans
942 Points

Is there any videos about web design in photoshop then how to go about coding it after photoshop?

I need to know how to code a website which was designed in photoshop i have covered over many videos on here about coding languages such as html,css,java but im not getting the answer im looking for.

1 Answer

Hi Jack,

As far as I'm aware there are no courses that match what you are looking for.

Check out this article from the blog. Which explains why designing websites in Photoshop then converting to html/css may not be such a good idea any more.

I would recommend working your way through the Web Design track which will give you the skills you need to create a website from scratch. Then you can use the Photoshop file (or other mockup) as a reference and build the site with html/css etc.

Hope this helps :)

Jack Evans
Jack Evans
942 Points

Thank you James i will give both the article and the track a look at but photoshop has much more options/style to web design than just creating it from html,css in my opinion

I agree with you, however the problems arise when you start coding. Photoshop gives you too much freedom in my opinion. For example: making a layout in Photoshop is easy, you just click and drag. Making the same layout with CSS is way more difficult.

I used to design sites in Photoshop first then build with html/css. It took a long time to do and would never look as good on the web as it did in Photoshop. I found that creating a mockup on paper or with a tool like balsamiq and then starting to code asap really speeds up the process.

Just my 2 cents. Hope this helps anyway :)

Jack Evans
Jack Evans
942 Points

Yes it was a big help thank you for your time james!