Best way is to pay some company like for example Lynda. They will teach you from basic covering everything you need to know. No doubt, best way to learn, unfortunately you need to pay them :(
http://www.codecademy.com/tracks/web is a good way to start out with coding.
Also, this might help http://www.webdesignerdepot.com/2013/07/20-resources-for-learning-web-design-development/
I Agree with the comments above. There are a lot of tutorial sites. To me, best way to get into webdesign is to first pick a few tutorials about learning how to turn a psd-file into an html-site.
But honestly, I get suspicious everytime a person says he / she is a webdesigner (or wants to learn webdesign for that matter). And thats because of what Webdesign implies: (Creating a conceptt/Idea, creating Sitemaps that are logical and make sense, wireframing, screendesign, flawless mobile-friendly programming and testing on various devices. In my humble opinion, the best way to learn "webdesign" is by accepting of what all it combines and maybe then focussing on one of those parts. Whatever suits you best (and ive found Screendesign to be the most fun-part) could be something to pick tutorials from.
Lynda is really helpful!
Some of the hosts in Lynda are kinda weird, but the material is always presented in a straightforward, to-the-point manner.
Only my 2 cents. Please, do not get my opinion like true.
1 - HTML is markup, not a programming language - even front-end. Only content under semantic tags.
2 - CSS is a mode to do formatting the content, since colours till boxing content.
3 - JS is really nice, but cannot to be obstrusive.
4 - To know all differences between png (ping format), jpg and more images, it`s almost vital.
So... first, you need to understand that each markup do. What hierarchical tags does. HTML reference is really nice for... use and abuse of W3C website.
Nobody needs Lynda training. Any "classroom in a book" or anothers websites references can be better than Lynda or Mac Academy.
In fact, learn webdesign is, IMHO, to learn about structure document also.
good videotrainings but not for free.
Codecademy.com was already mentioned but I'll say it again because it's great & free!
If you are ok with paying a little, I can recommend teamtreehouse.com, large amount of classes on a wide range of topics.
Learn the basics and start doing some small sites for friends etc. for real-life experience.
you can get those free html5 templates and dissect the code with the css, i learnt it that way and i think it's more like trial and error at first but you learn alot (in a way)
Depending on how much you already know about HTML and CSS, a good start might be http://www.lissaexplains.com. It's a beginners guide for kids but it explains basic coding in very simple terms that are easy to understand. It's not going to make you a great designer but it will make the building blocks easy to figure out.
i am in a similar position to the OP.....thanks everyone for posting links to more info
Learn the glossary of web design first so whenever you watch youtube videos on web designing you will not be blank face whenever you hear words like csss, html and etc. it is better to know the important words and keywords that they usually say each time they teach some videos on how to design a web.
You should check out these guys: http://teamtreehouse.com/join/first-week-free?cid=1027&gclid=CLmXlOLvkLsCFQlZpQodqWQAsg
It looks pretty good. Although it isnt free. You can always search the net for free tutorials. Thats how I learnt.
Man, this is the perfect thread. I've just started at W3S so it's nice to get some other sites.