При том в ручную в notepad или scite, никаких IDE и визуальных редакторов.
Про нотпад и IDE просто убило наповал.....
Для изучения HTML+CSS посмотри http://html5boilerplate.com/ и http://twitter.github.com/bootstrap/
http://w3schools.com/ это твоя Библия, Талмут и Тора...
Для практики качай и верстай дизайники с интернета, например от сюда: http://www.free-psd.com/
JS не заморачивайся, научись пользоваться нормально
JQuery и этого на первое время вполне хватит
Для PHP учи лучше сразу фрэймворк, например http://www.yiiframework.com/ или http://cakephp.org/
Если программишь на винде то пока учишься как web сервер используй http://www.apachefriends.org/en/xampp.html
Забудь про нотпад, ставишь себе IDE, например http://netbeans.org/downloads/ для PHP и работаешь сразу с проектами
Если хочешь совсем по крутому то зарегайся на Гитхабе ( https://github.com/ ) и храни все проекты там.
Но быстро и легко сможешь научится толко если найдешь работу с крутым версталой или програмером (обычно по отдельности, есть легенда что существует крутой верстальщик и программер в одном лице, но это походу миф), Таких мест кстати мало, и даже за бесплатно обычно там не поработаешь без опыта (хотя можно попробовать). Еще как вариант найти курсы на месяца три, не меньше. Про то что на курсах не учат это бред, надо просто уметь выбирать. Если говорят что за месяц по два раза в неделю по пару часиков за 40 лат как закончишь будешь мегакрут, то да, это скорее всего будет ахтунг. Хорошее образование обычно стоит хороших денег. Как пример вот:
http://webskola.lv/ Удачи в учебе ;)