Help converting PSD to HTML/CSS

DezUk · 1 Nov 2011 at 21:37

I have been out of the web design game for ages now and decided to have a look around at some tutorials and came up with a design. I will admit I have totally ripped the idea from a tutorial but its a start and lets me get back into learning Photoshop and how HTML and CSS work.

The site design is here

So in the past I would start and chop this up and slices then start and stick it into tables using Dreamweaver. But I want to have a bash at arranging this is HTML5 and CSS3 but have no idea where to begin. Can anyone help me out with maybe a good place to read etc?

Thanks

scaramanga182 · 2 Nov 2011 at 12:52

You can't go wrong with having a look on Net Tuts+ or CSS Tricks. Both very good sites which cover PSD to HTML/CSS.

http://net.tutsplus.com/
http://css-tricks.com/

Participant · 2 Nov 2011 at 13:24

W3schools has a lot of great tutorials that show you the output of your code straight away.

redeye_uk · 2 Nov 2011 at 13:30

Robbie G said:
W3schools has a lot of great tutorials that show you the output of your code straight away.

oh dear

Participant · 2 Nov 2011 at 14:02

Wow, thanks for that. Just shows you shouldn't trust the first link in Google just because it's the first link in Google.

RickST · 3 Nov 2011 at 23:54

redeye_uk said:
oh dear

That site is a little bit harsh, I used w3schools for reference when I was learning, its a decent place to learn the basics.

Participant · 4 Nov 2011 at 07:08

I did find it a bit pernickety. They seem to want to make out that very tiny mistakes are complete deal breakers. Someone at w3fools has a bit of an agenda I think.

redeye_uk · 4 Nov 2011 at 09:08

Sorry guys, but in no way is it harsh. It deserves attention because W3schools tends to come out top in google.

I believe that means they have a responsibility to ensure the information they present is correct and up-to-date.

Understanding the theory of a programming language is very important and when the most commonly used resource is spreading incorrect information, it becomes worrying.

Most web professionals are aware of this, but some arent (sorry RobbieG) through no fault of their own and will recommend the resource to others believing what they have read to be correct.

Imagine the same was done in medicine, or other engineering professions. The information in resources like W3Schools needs to be spot on and not just 'good enough'

spenncerr · 4 Nov 2011 at 09:39

w3schools is definitely not a source to go with in my opinion.

There are some excellent guides on tutsplus:

http://net.tutsplus.com/tutorials/s...ilding-a-set-of-website-designs-step-by-step/