I would strongly recommend reading this guide to become a great developer : http://blog.danielna.com/getting-a-job-as-a-front-end-web-developer.html
Now the order of books in order:
1) read the guide i posted above
2) Head First HTML5 programming
3) Head First Javascript
4) Head First Jquery
5) Head First PHP & MySQL
6) Head First Wordpress
I would also suggest learning a CSS framework like "LESS" , basically LESS lets you assign variable names to repetitive CSS styles, for example:
@color : #666;
.title {
color: @color
}
(note this is the simplest example of LESS, this css framework has many more uses )
and many other repetitive operations that are often routine with CSS.
Since you have the basics of HTML and CSS you should spend more time sharpening those existing skills, you should look for websites that you like and try to recreate them with html/css, and learn (if you don't already know ) slicing a PSD .
Generally you should feel very comfortable in laying out a simple html sketches from scratch without looking at online references too much,
examples:
header_wrapper 100% width; header container of max-width of 1000px , centered
page_wrapper 100% width; content centered same width as the header,
same for the footer,
you will see many examples of this on many websites,
practice with chrome developer tools with these 7 lessons: http://discover-devtools.codeschool.com/
Now the javascript side:
master the basics ,after that you can jump to jquery to use out of the box slide down , hide effects ...etc or you can just jump to jquery but understanding javascript will help you in the long road.
Then go back to javascript because you will need to spend more time on javascript than on html/css combined.
at this point you have a choice of taking your front end development skills to the next level by learning javascript frameworks or begin learning
the backend side of development, that is php and mysql.