Want to learn web design, but don't know where to start? Start here.

We try to find and bring you the best resources on the web for learning web design. And will organize it for you in a systematic fashion. You can start from the beginning and go sequentially from one page to the next by clicking the bottom right navigation link. Or depending on your level and existing knowledge, you can jump forward and skip sections as needed by using the menu on the left. They are organized by categories from the basic to the more advanced.

Sure, we also write our own tutorials at times. However, tutorials are very time consuming to write and there are many excellent tutorials out there on the web. The only problem is that many times when people Google for tutorials, they do not know if the tutorials are good or not. And many of them assume some knowledge of prior concepts. As a freelance web designer and developer who have been building websites for many years, I review each tutorials that this site links to. We only link to the very best tutorials and websites for learning web design as determined by our sole discretion.

Summary of What is Covered in Roadmap for Learning Web Design

This roadmap tries to cover all phases of web design and web development.

To create a web site, you need to decide how you want your information to be organized on your site. Then you need to draw the design layout (usually done in Photoshop or Fireworks). And then you need to code it in HTML and CSS. If you want interactivity and animations, then you would use Javascript and Flash. These technologies (HTML, CSS, Javascript, Flash) are all call "front-end" technologies becasue they run on the browser.

If your site has dynamic content or need access a database such as MySQL, then you will need to code it with server-side technologies such as PHP. These are known has "back-end" technologies because they run on the web server.

"Roadmap to Learning Web Design" is still a work in progress.

Below is the table of contents that we have so far. Click the bottom right navigation link to go sequentially from one page to the next from start to finish.