2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

43 High Quality Tutorial Sites to Start Learning Web Design
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

8
Tw eet

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: HTML Tutorial CSS Tutorial; 2. Quackit: Free Webmaster Tutorials JavaScript Tutorial PHP Tutorial MySQL Tutorial

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
www.yoobee.ac.nz/blog/beginner-web-design-tutorials/ 1/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

developing websites to publishing and hosting them in Internet. Get started on: HTML Tutorial 3. Tizag CSS Tutorial JavaScript Tutorial PHP Tutorial AJAX Tutorial

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: HTML Tutorial 4. Free CSS Tutorial Help: Everything a webmaster needs Webmaster JavaScript Tutorial PHP Tutorial MySQL Tutorial AJAX Tutorial Flash Tutorial

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: HTML Tutorial CSS Free Web Master Resource 5. Hscripts: Tutorial JavaScript Tutorial PHP Tutorial MySQL Tutorial Flash Tutorial

Hscripts has tons of free resources for webmasters, such as
www.yoobee.ac.nz/blog/beginner-web-design-tutorials/ 2/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

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. Photoshop Tutorial
HTML Tutorial CSS Tutorial JavaScript Tutorial PHP Tutorial MySQL Tutorial

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: HTML Tutorial CSS Tutorial 7. Tutorialtastic Tutorial JavaScript PHP Tutorial MySQL Tutorial

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:

8. WebDevelopersNotes: Free Web Development Tutorials

HTML Tutorial <a href=”http://www.tutorialtastic.co.uk/category/2″>CSS Tutorial JavaScript Tutorial PHP Tutorial MySQL Tutorial

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

3/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

9. EchoEcho: Web Tutorials

WebDevelopersNotes offers free web programming tutorials, tips and notes on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion. Get started on: HTML Tutorial JavaScript Tutorial MySQL Tutorial Tutorials on EchoEcho are structured into three sections. Page Flash Tutorial HTML, CSS, JavaScript, DHTML, XML tutorials. Followed by a component building building section covers 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
HTML Tutorial CSS Tutorial JavaScript Tutorial Flash 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: Tutorial Creating a web site – a step by step guide CSS
JavaScript Tutorial

HTML Tutorial

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

4/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

12. Web Design Library: One-stop Web Design Resource

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: Photoshop Tutorial HTML Tutorial CSS Tutorial

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: Photoshop basics tutorials HTML Tutorials 13. ACADEMIC Tutorials: Quick & Easy Learning CSS Tutorials JavaScript Tutorials PHP Tutorials Flash Tutorials

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: Photoshop Tutorial HTML Tutorial 14. How-to-build-websites: Beginners Web Design Tutorials CSS Tutorial JavaScript Tutorial PHP Tutorial MySQL Tutorial
www.yoobee.ac.nz/blog/beginner-web-design-tutorials/ 5/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

Flash Tutorial

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

Building your first web page An Introduction to CSS Javascript Programming HTML and CSS video tutorials Flash Tutorial PHP Video Tutorials MySQL Video Tutorials

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! Photoshop Web Graphics for Beginners
PHP Tutorial for Beginners AJAX for Beginners Flash Tutorial for Beginners

Codenique has a big collection of rather small tutorials explaning basics of HTML, CSS and JavaScript on different examples. Get started on: HTML & XHTML Getting Started Tutorials CSS Getting Started Tutorials JavaScript Getting Started Tutorials 17. PageResource: The Web Design Resource
www.yoobee.ac.nz/blog/beginner-web-design-tutorials/ 6/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

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: HTML Tutorial CSS Tutorial 18. Techi Warehouse JavaScript Tutorial

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 CSS Tutorial
JavaScript Tutorial PHP Tutorial Flash Tutorial

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

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

7/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

HTML Tutorial CSS Tutorial

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: HTML Guide CSS Guide

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: HTML for Beginners CSS for Beginners

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: HTML Tutorial
www.yoobee.ac.nz/blog/beginner-web-design-tutorials/ 8/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

CSS Tutorial 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: Introduction to HTML Introduction to CSS 24. Microsoft Beginner Developer Learning Center JavaScript 101: Hello World!

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: Introduction to CSS 25. HTML MADE EASY: Web Design for Beginners Introduction to JavaScript

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:
www.yoobee.ac.nz/blog/beginner-web-design-tutorials/ 9/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

HTML Tutorial

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: Beginners Guide to Making a Web Page CSS Tutorial

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: CSS Tutorial

28. Friendly Bit: Beginners guide to CSS

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

10/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

29. HTMLHelp: Guide to Cascading Style Sheets

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: Beginners guide to CSS

HTMLHelp will help you study Cascading Style Sheets on many examples. Get started on: Cascading Style Sheets

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: Learning JavaScript for Beginners

31. Andy’s Introductory JavaScript Tutorials

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

11/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

32. CSS-Tricks: a web design community

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: Andy’s Introductory JavaScript Tutorials

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: Building a Website (1 of 3): Photoshop Mockup HTML & CSS 33. Photo editing ? The VERY Basics

There is a series of free video tutorials for photoshop beginners. Get started on: Photoshop Tutorial

34. Simplephotoshop: As Simple As Photoshop

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

12/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

35. Photoshopsuccess: Absolute beginners guide to 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: Photoshop Video Tutorials

Photoshopsuccess is a blog dedicated to photoshop. It has tutorials, tips and tricks ranging from beginner to advanced users. Get started on: Absolute beginners guide to Photoshop – The basics

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: 50 37. jQueryGreat Photoshop Tutorials for Clever Beginners

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

13/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

38. jQuery for Absolute Beginners: The Complete Series

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: Getting Started with jQuery How jQuery Works

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: jQuery for Absolute Beginners: The Complete Series

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: Introduction to AJAX Technologies

40. VineyarDesigns

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

14/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

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
Flash CS3 Tutorial Flash CS4 Tutorial

The website is all about Flash tutorials. There are tutorials for beginners, followed by Flash Animation and Flash Actionscript tutorials. Get started on: Beginner Flash Tutorials

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: Flash Introduction

43. FlashJournalism

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

15/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

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. Flash 10-Minute Tutorials

13 0

Post to Facebook 2 2 Like 2 Send 2 2 2 Related Posts via Categories 2 6 Inspirational Design Galleries for Students at Web Design School 2 How to Start Learning Web Development 2 75 Must Learn HTML5 Resources to Master Your Web Development 2 Post to Twitter Tags: Design Tutorials 8 8 87 Responses to “43 High Quality Tutorial Sites to Start Learning Web Design” 8 8 « Older Comments 8 8 1. electric baseboard heaters says: 8 July 14, 2011 at 11:50 pm 8 8 Thanks for this 43 High Quality Tutorial Sites to Start Learning Web Design. Its really help me to Post to learn more of my web design.. Delicious Post to StumbleUpon Add to Design Float Add to DZone 2. dalip says: July 16, 2011 at 2:22 am lots of info here thankz..iPad 3

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

16/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

3.

may loc nuoc nano says: July 19, 2011 at 8:29 am thanks for sharing. great info

4.

Discount web designer says: July 27, 2011 at 8:47 pm This is really informative, thanks for sharing.

5.

Portland Web Site Design says: August 9, 2011 at 4:27 am This is a very generous list, 43 websites, wow:-)

6.

Umer Malik says: August 17, 2011 at 2:51 am Its strange why http://www.yocto-web-development.com is not in the list.

7.

Webdesign offerte aanvragen says: September 13, 2011 at 11:43 am Nice, nice!

8.

Delaine Olewine says: October 11, 2011 at 3:53 pm Very good site, thank you for making my day a little more interesting.

9.

Webmaster Tutorials says: October 16, 2011 at 3:18 pm Thanks for the post, as usual your insights are right on topic. I’ll be back next week.

10.

mobil apps says: October 28, 2011 at 11:30 am This is really informative, thanks for sharing.

11.

Web Design Information says: November 1, 2011 at 4:21 am Thanks for the informative post on web design . For more information follow design2please

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

17/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

12.

Randolph says: November 2, 2011 at 4:42 pm Fantastic advice! I have been searching for something similar to this for a little bit now. Bless you!

13.

Shop says: November 8, 2011 at 1:04 am I’m often to blogging and i really recognize your content. The article has really peaks my interest. I am going to bookmark your site and keep checking for brand spanking new information. Versace

14.

How to Create a Website says: November 18, 2011 at 2:48 am This is really a very good collection specially I like CSS-Tricks as that is really a very helpful website for anyone want to become CSS expert.

15.

italian says: November 27, 2011 at 3:12 am Its a great post.i wii definately share it with my friends. italian/a>

16.

Paul says: December 23, 2011 at 6:47 am Nice collection. CSS Tricks is probably the best website out of the list.

17.

Brisbane Limousine Hire says: December 25, 2011 at 11:06 am Great site! A Lot of valuable and relevant information. You must have really exerted a lot of effort in maintaining this on top rank. Thank you for sharing this wonderful opportunity of learning. Limo Hire Brisbane

18.

Tech News says: January 12, 2012 at 11:53 am Your 43 High Quality Tutorial Sites for Web Design is very learning. It’s very informative.Thank u for sharing.

19.

Anaradam says: January 13, 2012 at 8:07 am
18/21

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

I like your sence of information to all the users… Thanks for the info…. Great job… Continue for ever… 20. Pamala Stahlman says: March 9, 2012 at 5:50 pm I’ve recently started a blog, the information you provide on this site has helped me tremendously. 21. Jacinto Glugla says: March 17, 2012 at 9:48 pm Some truly decide on blog posts on this site, saved to favorites . 22. Website Design says: March 22, 2012 at 4:53 am What an elegant collection of tutorial sites. It covers the whole web development process from scratch to the end. Good Job! 23. mua may loc nuoc says: April 9, 2012 at 3:01 am Thanks for sharing, content very useful 24. Shadow says: April 24, 2012 at 12:38 pm thank you so much to sharing priceless info to us….!

25.

Woodrow Zbranek says: June 2, 2012 at 8:20 pm A lot of Thx with this, celebrate items much more clear.

26.

Ghislaine Roxburgh says: June 10, 2012 at 6:51 am I have just added this blog site to my feed reader, very good stuff. Can not get enough!

27.

Jennefer Homza says: June 14, 2012 at 12:28 pm Merely declaring thank you won’t be all you’ve got to, for this great high quality with your creating.

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

19/21

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

28.

Jennifer Warens says: June 28, 2012 at 4:13 am This really is really excellent news,be sure you give us the actual display screen shots.

29.

uxzeal says: June 29, 2012 at 8:18 am Gr8 List Buddy

30.

Time says: July 5, 2012 at 10:23 am Thanks for the blog! Very interesting!

31.

Jacquiline says: July 19, 2012 at 6:39 pm Hello.This post was really interesting, especially since I was browsing for thoughts on this issue last Tuesday.

32.

Sung Oliverson says: July 24, 2012 at 10:52 pm Lots of other people will likely be taken benefit of your making. All the very best!Thanks a great deal on your beneficial specifics.

33.

Web Development says: November 11, 2012 at 3:58 am hey your posts are very nice I like that.

34.

Tokhin Marma says: November 16, 2012 at 9:56 pm Excellent…site ..Thanks

35.

Brisbane Website Designer says: January 6, 2013 at 12:40 pm These resources list you have shared is very useful for those who want to start learning web design . Thanks for this informative post.

36.

Lowell Gallander says: January 15, 2013 at 8:23 pm
20/21

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

2/26/13

43 High Quality Tutorial Sites to Start Learning Web Design » Yoobee School of Design

Wow, this paragraph is pleasant, my younger sister is analyzing these things, thus I am going to inform her. 37. beyglen says: February 16, 2013 at 9:06 am I went over this internet site and I believe you have a lot of wonderful info , saved to bookmarks (:. « Older Comments

Leave a Comment
Name (required) Mail (will not be published) (required) Website

www.yoobee.ac.nz/blog/beginner-web-design-tutorials/

21/21

Sign up to vote on this title
UsefulNot useful