This is a short, to the point guide for anyone trying to get started with web development. This is not meant to be an exhaustive resource or to cover any particular topics in depth. Instead this is meant as a quick explanation of a few things to help total newbies get started.
- HTML is used to create the structure of a website
- CSS is used to "style" a website (colors, shapes, lines, etc.)
How to Get Started
Now before you begin, you'll want to make sure you're using the right tools. Let's start with your web browser. If you're using a computer with Windows on it, you're most likely using Internet Explorer to browse the web. There are a number of reasons why Internet Explorer is bad for web programming, but I won't go into all that right now. That being said, I recommend using Google Chrome. It's completely free to download and use.
Use a Text Editor for Programming
You don't need this right away, but I recommend getting SublimeText eventually. You will probably need to download the regular Windows version. It is free to download and use for an unlimited trial period.
Learning Web Programming
There are a lot of great, free resources for learning web programming:
A good way to learn is to look at the source code of other people's websites, to see how they work; here's a tutorial that will walk you through how to do just that.
If you are ever stuck on something, try to search for a solution. More than likely someone else has already run into the problem and has found a solution that has been posted somewhere.
One of the most useful sites I use whenever I run into specific programming-related problem is StackOverFlow.
By far the most important thing to remember is that it isn't easy; and that's ok! If you can stick with it long enough, you will learn that those tough times are a necessary part of the whole. And, when you figure something out for the first time for yourself, it will all be worth it.