Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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!