let me share my experience with you
* get Adobe Dreamweaver and Adobe Photoshop (I use CC (64 Bit)) - Dreamweaver is must have and it helps a lot (you can split screen and write code and have live preview of your design, learn 960 grid system, learn parent <-> child realations etc.)
* always have paper, pen and a calculator (trust me when you start design and its like left margin 10px + picture 240px + ... right margin 10px you need a pen and calculator)
* start with HTML+CSS, than JavaScript, than PhP
* for practice find some basic template and use Print Screen to save it - look at that design and try to copy/paste it in DW (use Photosop s color picker to pick same color)
* online resources - w3schools,codecademy,lynda,smashing magazine and youtube ofc
hope it helps and if you need any help just let me know and ill help you explain

p.s. sorry for my bad English and good luck