This is a beginning point for all those print designers trying to jump aboard to the web, people starting out in the design field, and anyone else who wants to know. Below we have collected some important places to go to get your start as a web designer.
I decided I don’t want to bombard you with a huge amount of different websites that you would only get a little amount of information from each one, or websites that repeat each other. This is a simple, straight forward list of articles to help you start creating websites.
Finishing the Design
Before I start coding, I prefer to mock up the website in some program. I usually design my websites in Photoshop, but you can also use Illustrator or any other program you prefer. Here are some techniques to polish off your design, and keep you looking professional.
Elements of Great Web Design: The Polish
Now that you have your mock up website, we have to figure out how to turn it into a working website. Here is the absolute beginning, an introduction to HTML.
Once you get a handle on how HTML works, you can start in with an introduction to CSS.
From PSD to HTML
Now that you have a general idea of how HTML and CSS work, you can check out this video tutorial of the process of going from your mock-up to the final CSS/HTML website.
…and here is a regular tutorial that goes from a mock-up to the CSS/HTML website
CSS Reset sheets are a great way to get rid of the default settings on each web browser. Not everyone uses it, but if you do decide to use one or want to know a little more about them, here is some information about it. You can also use Eric Meyer’s Style Sheet as a starting point for your own.
There is a lot of information, when it comes to all the coding and different elements you need to use, so if you get lost, or forget some code, this post lists a number of cheat sheets.
So you finally finished your first CSS/HTML website, now you need to make sure your CSS and HTML are valid.
These websites are great places to start, to teach you to create your own websites. Feel free to leave links below to websites that have helped you with web design!