8 Tutorials for Someone Learning to Be a Web Designer

8 tutorials for someone learning to be a web designer

Want to Learn to Make a Website? Here’s Where to Start…

If you have a desire to learn web design, you’re in luck; there have never been more resources available for budding technology enthusiast. However, with an increase in the amount of information in the world, it’s also harder to find truly excellent instruction, as opposed to average or sub-par information.

With that in mind, here are 8 of the best tutorials you should check out if you want to learn how to make a website.

A Quick Word on Coding Languages

“What’s the most useful coding language to know?”

It’s a question we hear almost everyday; ironically, there’s a flaw in the question, because there are actually three languages that work together to create most websites. Those are:

  • HTML

Although HTML used to be used to create websites, now its main use is to format documents and blocks of text.

  • JavaScript

JavaScript is the tool that makes websites more interactive. It’s an essential language to learn if you want to learn how to orient objects in an appealing and intuitive way.

  • CSS

Cascading Scripts determine how HTML elements are presented on various media. It can also control the behavior of multiple webpages at once.

Getting Started: Free Resources

If you’re just getting your feet wet in the world of web design, it makes good sense for you to use one of the free tutorials available on the Internet, or a free smartphone app. Here are the best free tutorials:

1. CodeCademy

Tutorial Type: Interactive Walkthroughs

Skill Level: All, but great for beginners

CodeCademy is one of the most popular coding tutorial sites on the web, and for good reason. Whether you want to learn basic coding or advanced programming, CodeCademy has a wide range of helpful courses, and it’s fun to use. One of the most features of the site is that it shows you the function of different pieces of code in real time (you get a preview of how your site will look, in other words). This helps demystify the “abstract” nature of coding, especially for beginners.

2. Don’t Fear The Internet

Tutorial Type: Online Courses

Skill Level: Beginner

As their name implies, Don’t Fear The Internet introduces the basics of HTML, CSS, and JavaScript to “techno-phobic” individuals. So, if you’re not quite sure where to start, this is a helpful resource for beginners.

3. Free Web Development Diploma from ALISON

Tutorial Type: 9-part Course

Skill Level: Beginner and Intermediate

This innovative course from ALISON covers a little bit of everything you’ll need to know to make a website–HTML, CSS, JavaScript, even some information about Adobe Dreamweaver (which you may well want to learn if you’re truly serious about website design).

4. Web 101 from P2PU

Tutorial Type: Online Courses

Skill Level: Beginner to Intermediate

This coding tutorial offering from P2PU (the creators of Mozilla Firefox) provides a lot of great, unique courses. It’s user-powered, with a focus on peer-oriented online “study groups”. P2PU is also a great place to find a knowledgeable mentor. What’s more, P2PU is one of the rare sites that also offers courses in Spanish.

5. A List Apart

Tutorial Type: Database

Skill Level: All

A List Apart is a different kind of tutorial. Instead of an organized course, this site provides a database of useful information written by experienced and well-respected web designers.

Intermediate and Advanced Tutorials Worth Your Hard-Earned Money

Although the free resources we’ve listed are a great place to start, you might need more advanced tutorials to teach you difficult concepts. These three tutorials are well-worth paying for, in our humble opinion.

6. Code School

Tutorial Type: Walkthroughs, Lectures

Skill Level: All, but great for advancing coders

While Code School offers free introductory lessons for many of their courses, the true meat of their material is behind a pay-wall. However, rest assured that you’ll get your money’s worth from Code School. For $29 a month (monthly payments) or $19 a month (if you pay for a full year) you get access to a wealth of information. A member of our team described it as “CodeCademy on steroids” and we agree with that assessment.

7. “Build and HTML and CSS Website” from Skillshare

Tutorial Type: Courses

Skill Level: Beginner to Intermediate

If you want a step-by-step walkthrough that will leave you with a website (and why wouldn’t you?), Skillshare is worth the price of admission. The HTML and CSS class they offer will help you create your own unique website without relying on highly limited templates. The course also briefly covers the special considerations you should be making for optimal functionality on mobile devices.


Tutorial Type: Interactive Courses

Skill Level: All, but particularly good for beginners who want to become intermediate or advanced coders

We’re not alone in the opinion that if an online course costs $50 it had better be worth it. Luckily, LearnToProgram delivers. Their courses are meatier than most of the others available on this list, so if you’re an extremely thorough person, LearnToProgram can serve as “one-stop shopping” for all of your coding needs.

Getting Started

There you have them, the eight resources on this list alone could provide you with years of material to study. We wish you the best of luck in teaching yourself the basics (and beyond) of web design; it’s information that could help you get a great job, or at least design a fantastic, useful website for your business or art projects.

– Please leave this line unchanged or subscribe for a premium HTML editor membership at

By Micheal

Owner and creator of He lives in Boston and love to work on Website Designs, Logo Designs, Graphic Designs and Icon Designs.