Initially you'll want to learn

HTML->CSS->javascript

Track down a copy of Head First HTML & CSS to get started.

I recommend installing MAMP or WAMP for a local web host and using sublime text as your editor.

Starting from scratch, use the book Head First HTML and CSS (you can probably get through your library or a digital version)

Once you have a few local websites setup, get a hosting account (hostgator is ok for learning) FTP up your site using filezilla, buy a domain, learn to point it to your hosting.

Next get the book head first PHP & MySQL.

You'll learn PHP and MySQL building on top of what you've learned in the first book.

After you have completed that book. Pick a project to create for your self. A todo list maybe. Code it from scratch using what you've learned.

Next I would look at jQuery and learn how to improve the front end of your todo list.

Next step up would be learning a framework if you want to continue learning backend coding.

I recommend Laravel(PHP) or Rails(Ruby).

I'd recommend developing on a mac for both. Windows tends to have issues doing even the basic tutorials where you'll spend half a day troubleshooting only to find out it's a windows problem that needs a work around.

There are lots of tutorials for both.

Railscasts.com and Laracasts.com are good places to start.

You don't need to dive in to these till you have a solid foundation of HTML->CSS->javascript->jQuery->PHP->MySQL.

There is lots of learn so move at your own pace, see what you like.

Photoshop is a nice skill for editing creating images for your sites.

TeamTreehouse.com is a good paid site for learning.

Good luck, have fun.