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
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;
(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,
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/
the backend side of development, that is php and mysql.