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
Michael Reyes
Courses Plus Student 749 PointsWireframe Layout Sketch to HTML
I have made a sketch of what i would like my webpage to look like in photoshop. Using gray boxes, and with a grid in photoshop, how can i bring this to html or what is my next step in this process?
1 Answer
James Barnett
39,199 PointsGo through the Learn HTML & CSS learning adventure
After you finish with the learning adventure, it's time to code up your site.
For building your first site I recommend the following process ...
- Make a wireframe using Cacoo
- Write the semantic HTML, don't worry about the CSS yet
- Build a fixed width site
- Keep it simple to start with, don't try to solve problems you don't have yet
- Add in some small CSS3 if the design calls for it, maybe border-radius or box-shadow
- If you need a form add in some HTML5
Try to stay away from a lot of Javascript for now
Once you've got the first version fully working post it here and get some critques on your design
Then it's time for version 2
- make it responsive
- Then post it here to get some feedback on the responsive version
Time for version 3
- If you are sick of cutting and pasting your header and footer on every page
- it's time to add in some templating using PHP.
Very basic PHP is all you need, it makes it easier to not repeat yourself (see also: DRY). - Post it here to get some feedback on the responsive version