Hammer

A few days ago, I wrote a post about how tutorials are an effective way to learn technical skills. Today I’m going to be sharing a collection of hand-picked beginner’s web design tutorials that I’ve personally found useful.

1. HTML Beginner Tutorial
HTML

If you want to learn how to create websites, this is where you should start. HTML Beginner Tutorial starts from the basics. In fact, it even shows you how to print a row of crude text without any tags or decorative attributes.

2. CSS Beginner Tutorial
CSS

CSS lets you decorate your website with cosmetic attributes. If HTML represents the skeleton of your website, CSS is the flesh (and a bit of makeup too).


3. The Complete Guide to Using the Pen Tool Effectively
Adobe Illustrator

Get a clear understanding of the most fundamental—and perhaps most important—tool used for drawing shapes in Adobe Illustrator. If you want to learn the trade secrets of a professional digital illustrator, you must learn how to use this tool first. This tutorial is very clear and gives the beginner a comprehensive overview of what vector graphics are essentially about.

4. Create a Vector RSS Icon
Adobe Illustrator

This tutorial teaches you how to actually make a simple yet stylish Web 2.0 icon with Adobe Illustrator. When you complete this tutorial, you’ll also be able to create different variations of the icon, so I highly recommend this tutorial for its customizability.

5. Creating Swirly Swooshes by Hand
Adobe Illustrator

Learn how to create your own dynamic brushes in Adobe Illustrator and use them to design abstract shapes. You’ll learn how brushes can be used to draw stuff in a variety of ways using the spiral tool, line segment tool, et cetera.

6. Start Learning PHP & MySQL
PHP & MySQL

PHP and MySQL are the building blocks of modern websites. You might be just fine with HTML at first, but when you are faced with a website project for a company, you’ll need to use databases for storing information and a scripting language for adding, changing, and retrieving data from those databases.

7. The Java Tutorials: Getting Started
Java Programming

If you’ve ever wanted to learn what computer programming is about, these tutorials are a good place to start. Java applications are good because they are hardware-independent, meaning that you can run them on most platforms (Mac OS X, Linux, Windows, cell phones, etc.) regardless of what hardware they run on. They can also be embedded in websites, so your visitors can use them right off of their web browsers.