If you want to start learning web design and development any time soon, you can start from these high quality resources. Most of the sites have been around for a while, have accumulated numerous tutorials on various topics on HTML/CSS, Photoshop, PHP/MySQL, Javascript/jQuery/AJAX and Flash. Start learning or polishing off your design skills now 
Add This Post to Your Delicious
1. W3Schools: Online Web Tutorials
At W3Schools, you can study everything you need to learn, in an accessible and handy format. The website contains a wide range of tutorials from basics to more advanced topics. It has an examples section, as well as a references section to the web standards and other useful tools. Get started on:
2. Quackit: Free Webmaster Tutorials
Quackit teaches beginners how to create websites. They start by teaching you the basics such as HTML and CSS and then introduce you to more advanced topics so that you can add more features to your website. Then you can learn a wide range of topics, from developing websites to publishing and hosting them in Internet. Get started on:
3. Tizag
Tizag was designed to teach beginner web programmers how to use HTML and CSS. But now it has a lot of other tutorials on web development aspects, such as JavaScript, PHP, MySQL and more. Get started on:
4. Free Webmaster Help: Everything a webmaster needs
There is a lot of information on Free Webmaster Help, you will find many articles and tutorials on such popular web technologies as HTML, CSS, JavaScript, PHP, MySQL, Flash and much more. Get started on:
5. Hscripts: Free Web Master Resource
Hscripts has tons of free resources for webmasters, such as scripts, images, tutorials, tools. Start learning the most popular web design techniques with all of their resources and examples. Get started on:
6. HTMLlite: Using text editors to create web pages. Easy to learn.
HTMLlite will show you how to easily create web pages with your favorite text editor. The website covers web development in an easy and understandable way. You will start learning from the basics and proceed to more advanceed topics with examples. Get started on:
7. Tutorialtastic
Tutorialtastic as its name says, is all about tutorials. There are six main categories on the website: X/HTML, CSS/Styling, PHP/MySQL, JavaScript, graphics and other/misc. Each category (except JavaScript) contains many tutorials, starting from basics and beginner guides. Get started on:
- HTML Tutorial
- <a href=”http://www.tutorialtastic.co.uk/category/2″>CSS Tutorial
- JavaScript Tutorial
- PHP Tutorial
- MySQL Tutorial
8. WebDevelopersNotes: Free Web Development Tutorials
WebDevelopersNotes offers free web programming tutorials, tips and notes on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion. Get started on:
9. EchoEcho: Web Tutorials
Tutorials on EchoEcho are structured into three sections. Page building section covers HTML, CSS, JavaScript, DHTML, XML tutorials. Followed by a component building section, which introduces you to other aspects of web design like graphic programs, Flash. And the last section is server programing, which provides server-side scripting tutorials on ASP, Cold Fusion, PERL and PHP. Get started on:
10. Sergey Gribov Web Site: JumpStart to the Web technologies tutorial
Sergey Gribov‘s website offers a quick start on web technologies. He starts from introduction and some history and then it goes straight to HTML, CGI, JavaScript, Cascading Style Sheets on so on. You will find many inline preview examples, where you can see the code on the left and preview of it on the right side. Also, it is worth mentioning that you won’t see a single advertisment while studing courses on his website (a rare trick these days). Get started on:
11. Jessett: Creating a web site – a step by step guide
Jessett covers such topics as usability, graphic design, html, css, dhtml and more. Step by step you will study the basics of web design, HTML and CSS with inline preview examples. That’s another advertisment free website. Get started on:
12. Web Design Library: One-stop Web Design Resource
Web Design Library contains many resources both articles and tutorials on web design, graphics, web programming and site maintenance. Although there are no common getting started tutorials, the website has a lot of tutorials covering different aspects of each web design topic. Get started on:
13. ACADEMIC Tutorials: Quick & Easy Learning
There is a huge collection of tutorials, lessons, quizes and how-to’s on a big list of topics. Categories include HTML/XML tutorials, browser and server-side scripting, multimedia and other web building topics. And all that is available in five different languages. Too bad it is heavy on advertisment. Get started on:
14. How-to-build-websites: Beginners Web Design Tutorials
How-to-build-websites is designed for beginners. Stefan Mischook offers you to learn basics of web design with his tutorials and simple step-by-step instructional videos. One downside is that not all of his videos are available for free. Get started on:
15. Webmonkey: the Web Developers Resource
Webmonkey is a free, public resouce for web developers. It is mostly for advanced and professional web developers, but there are tutorials suitable for beginners, too. Get started on:
16. Codenique: Free Tutorials on HTML, XHTML, CSS and More Online!
Codenique has a big collection of rather small tutorials explaning basics of HTML, CSS and JavaScript on different examples. Get started on:
17. PageResource: The Web Design Resource
PageResource is a web development tutorial and information site. Mainly contains tutorials on HTML and CSS, JavaScript, CGI and Perl. There is a section with web design articles. Get started on:
18. Techi Warehouse
Techi Warehouse website is hard to navigate, especially when advertisment blocks are everywhere, but still, there are good tutorials with valuable information for beginners. Use links below to jump directly to CSS, JavaScript, PHP or Flash tutorials. Get started on:
19. HTMLDog: HTML and CSS Tutorials, References, and Articles
The HTMLDog web designer resource is for everything HTML and CSS, the most common technologies used in making web pages. It does not contain tutorials on many topics, instead it focuses on HTML and CSS. There are tutorials for beginners, intermidate and advanced web developers. It also has articles, examples and references on the topics. Moreover, if you want to study those topics offline, then you can purchase HTML-CSS book from them. Get started on:
20. Beginner’s Guide
The website covers everything you need to know about HTML and CSS, not to mention essential references. And all that without any ads. Get started on:
21. HTMLPrimer: Tutorials, Guides and Reference Materials
Learn HTMl and CSS with HTMLPrimer. Besides chapters for beginners, they cover advanced topics as well. Get started on:
22. HTML.net: Learn HTML and CSS – Use our free tutorials – Build your own website
HTML.net provides tutorials on HTML and CSS in many different languages. So if you want to learn HTML and CSS on your native language, then it’s a good place to do it. Get started on:
23. Web Design from Scratch
Web Design from Scratch is a good resource for anyone interested in web design. You can find many articles and tutorials on design process, website architecture, usability, as well as on HTML, CSS and Javascript. Get started on:
24. Microsoft Beginner Developer Learning Center
Learn about the foundations of the Internet and Web development with Microsoft Beginner Developer Learing Center. This is the place to learn about technologies like HTML, Cascading Style Sheets and JavaScript. You can read articles online or download in PDF format for offline reading. Get started on:
25. HTML MADE EASY: Web Design for Beginners
HTML MADE EASY is both online and offline material (a book) to study HTML. You will learn the basics of HTML in several quick lessons. Get started on:
26. Boogie Jack: HTML and CSS Tutorials
Boogie Jack is an HTML help site featuring standards-based HTML tutorials, CSS tutorials and other website design help and resources. Get started on:
27. CSSBASICS: Everything you ever wanted to know about the basics of CSS
CSSBASICS covers everything about CSS. If you are new to CSS or want to learn more about seperating style from content, then that website is the right place for you. Get started on:
28. Friendly Bit: Beginners guide to CSS
Friendly Bit is a web development blog with a good Beginners guide to CSS. Check it out to find out what CSS is and all about it with simple examples. Get started on:
29. HTMLHelp: Guide to Cascading Style Sheets
HTMLHelp will help you study Cascading Style Sheets on many examples. Get started on:
30. JavaScript Mall
Visit JavaScript Learning Center for a free JavaScript course. It has 14 lessons which will teach you how to code on JavaScript. Get started on:
31. Andy’s Introductory JavaScript Tutorials
Andy’s Introductory JavaScript Tutorials is a set of four tutorials from Andy. He was only 17 when he started learning JavaScript. See how easy it is to learn JavaScript basics. Get started on:
32. CSS-Tricks: a web design community
CSS-Tricks is a website run by web designer Chris Coyier. There is a lot of screencast tutorials on web design from him. Besides that there are articles and snippets for CSS, HTML, JavaScript, jQuery, PHP. Get started on:
33. Photo editing
There is a series of free video tutorials for photoshop beginners. Get started on:
34. Simplephotoshop: As Simple As Photoshop
Simplephotoshop provides you with a quick overview of Photoshop interface and basic work principles. Every tutorial here is packed with a short movie showing some practical usage of the wordy lesson. Get started on:
35. Photoshopsuccess: Absolute beginners guide to Photoshop
Photoshopsuccess is a blog dedicated to photoshop. It has tutorials, tips and tricks ranging from beginner to advanced users. Get started on:
36. 50 Great Photoshop Tutorials for Clever Beginners
Before you can create Photoshop masterworks, you need to learn the basics. Even the most complex digital artworks are built on a foundation of simple actions. These 50 tutorials are aimed at the clever beginner who wants to master Photoshop from the roots. Get started on:
37. jQuery
jQuery is an official and original resource. The website contains everything you might need for jQuery from the library itself and documentation to tutorials and discussions. Get started on:
38. jQuery for Absolute Beginners: The Complete Series
Learn jQuery in 15 days with a video series that will teach you how to use the jQuery library in your projects. Get started on:
39. Webreference: Introduction to AJAX Technologies
There is a good tutorial with code examples about AJAX technologies on webreference. You will learn what is AJAX and its place in the Web 2.0. Get started on:
40. VineyarDesigns
If you are looking to learn basic concepts of Flash using Flash CS3 or Flash CS4, then visit VineyarDesigns Flash Tutorial. Get started on:
41. Free Adobe Flash Tutorials
The website is all about Flash tutorials. There are tutorials for beginners, followed by Flash Animation and Flash Actionscript tutorials. Get started on:
42. NewGrounds
There is a nice flash movie, which will interactivly introduce you to Flash by pointing you what you can do. Get started on:
43. FlashJournalism
FlashJournalism contains three 10-minute tutorials, which will introduce you to the basics of Flash and show you how to make simple animation and action scripts. Get started on:
If you know a good site with tutorial for web design beginners, please mention it in the comments. Thanks.
Related Posts
- 6 Inspirational Design Galleries for Students at Web Design School
- How to Start Learning Web Development
- 75 Must Learn HTML5 Resources to Master Your Web Development
Tags: Design Tutorials
Great list, I’ll consider adding some of them to my sitefundamentals list. I’m trying to make it easy for others to learn as well, and I was unaware of a few of these.
Gr8 list….thanks for posting it.
Thanks for sharing the complete list to start learning web design. Bookmarked! =)
excellent!! A+
Nice info..very useful for beginners who starts web designing from basic..
Very nice list. One addition I’d make is LearnASP.com by Charles Carroll.
Thanks very much for someone like myself just starting out, great resource
Wonderful list, mostly useful. Thanks
i vote for W3Schools.
it has helped me a lot during my early college years.
These are really good sites, thanks for the help.
Nice list and even if you’re not new to designing, still some great tips on these sites.
Only thing I find ironic, is how bad the design is in some of these sites which offer advice to others on design.
Hi, i would be joining Natcoll in Feb 2010. These sites are really helpful for beginners like me.
Great sites , these are helpful for all skill levels.
Really great useful list. My favorite one is Web Design from Scratch
Wow, this is an awesome pool of resources. As I ponder all this information I will let it soak into my brain now for awhile while I sleep. Thanks for putting this together.
I am not sure if you have ever heard of Flash Speaks ActionScript. They have a moving from AS2 to AS3 series that provides a great helping hand for beginners.
http://flashspeaksactionscript.com/tag/as2-to-as3/
My friend recommended me W3shools, it’s such an easy to use interface and very interactive, I can’t really compare it to any of the other sites as I haven’t used them but I loved W3schools, learned sooo much from them.
Nice list here! I like the design of this site too, very creative! Cheers
Great resources for newbies as well as developers. Thanks for sharing this nice post.
Great list that goes well beyond just basic HTML code. Well thought out and useful for any beginner to web design and development.
I studied the html tutorial and I really learned a lot. I think my next homepage will be a lot better than my first one.
Wie man ein Webdesigner wird. Tutorial Liste…
Hier gibt es eine Liste mit Tutorials wie man sich Webdesign selbst beibringt. EIne Homepage zu erstellen ist gar nicht so schwer….
Wonderful list, mostly useful. Thanks
Thats a nice collection, but you are still missing Brugbart.com and w3schools, in my opinion some of the best sites around!
Otherwise good work, keep posting if you find more!
Good work, thanks for sharing the 43 tutorial sites.
Great list, just letting you know that the link to Quackit is accidentally to quickit.com
Thanks Gabrielle, I’ve fixed that link now
Very nice list friend. I do admire w3schools and HTML Lite. I have learned a lot from them
OMG!! ! What a collection of tutorial site…Thanks for sharing such a vast and best collection….Keep it up.
You listed w3schools first. You lose. w3schools is an awful site and carries a lot of inaccurate information. Please stop recommending it!
Wow… now there’s a blast from memory lane… Echo Echo was referred to by my old College days (and I haven’t thought about that site in AGES!) Glad to see that’s still around (good resource for beginning btw) … and amazingly enough the same design… LOL!
great posts! really enjoyed this tutorial,like it !!
perfec site thank a lot!!
very nice about the HTML and ect, its really very great informative side
thank u very muvh
Really an awesome collection of the tutorials.New designers can learn from these.Great work.Thanks for sharing.
Those are the best web sites for all web developers. I’ll take a look at some of them that i didn’t visit before.
Amazing tuotrial!
I found many useful & creative icons for my web project.
I bookmarked this article for another reading. Thank for your great work
I go to Photoshopsuccess alot and it really is helpful in tutorials. Im actually learning alot from it.
Nice sharing w3 school is definitely a great platform for web designer and developer rest of list is also informative good effort mate.
Great stuff you can use http://www.divvers.com to experiment with html5/javascript. Thanks
Its really a trasure for the beginners,teachers and other, I really appreciate ur work guyss …… well done.
Thanks for sharing this useful lists….Keep on continue….
I studied the html tuts and I learned a lot. I think my next static web page will be a lot better than my first one.
Thanks for share this.. very helpful for me…. thanks alot
Awesome list of sites! thanks
That’s quite a useful list for budding and new web designers. As for me i have always depended on the good old w3schools.
I think if you want to became a good web designer than mentioned tutorials are very helpful. Thanks.
These are all great selections. w3schools is one of the best.
Great information about seo that will help to know the importance of page titles, meta description and keywords in seo.
Excellent collection of web design tutorials. Web designers can learn lot more from these tutorials.