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
Jeremy Schmidt
710 PointsBuilding Custom site for first time.
I have built a mock up of the site i want to build in photo shop. But I don't know how/where to start coding it.
You can view mock up here http://edgeofcinema.com/mock-up-page/
What word press document should I be coding in to change the home page or do I need a static page? I'm not sure what that even means.
I have built wordpress theme sites before but never any code heavy custom designs. So I'm a beginner,
Please help, Thanks!
4 Answers
James Barnett
39,199 Points> I have built a mock up of the site i want to build in photo shop. But I don't know how/where to start coding it.
Adhithya Kumar
4,972 PointsThe mockup seems to be a fairly simple layout. You could download Bootstrap and use the pre-built grid/column structure to achieve it. There is a bootstrap tutorial on treehouse, and it would hardly take a couple of hours to finish the website once you understand the basics of Bootstrap.
You could also try Foundation. It is similar to Bootstrap.
Jeremy Schmidt
710 PointsBootstrap looks pretty cool, Can work in a content management system with it as well on other pages?
Michael Lee
2,855 PointsYou can use Google Web Designer, or Adobe Dreamweaver. Dreamweaver works best if you're familiar with code and experienced in the field of HTML5 programming. Google Web Designer is a WYSIWYG "What You See Is What You Get" tool which is more limited in terms of functionality but is able to offer a media-centred website coding programme, where you get to create great animations etcetera. It's also free while Dreamweaver costs 20 USD per month. However, Google Web Designer's code is horrible, and you can't add links to images etcetera.
In short:
Dreamweaver: 20 USD but functionality wise very good. Great if you know how to code, a bit frustrating if you don't. A great stepping stone to becoming a good web programmer and an excellent tool for the experienced.
Google Web Designer: Great for media-centred web pages and animation, but not so much in the long run, and the code is horrible. On the other hand it's free.
My own opinion is to download and try these different softwares, and see for yourself which suits you best. Good luck!