Learn web design

Table of contents:

Learn web design
Learn web design

Web design is a very useful skill now that everything revolves around the internet. If you are really good you can do assignments, start member websites and pursue other projects to earn money. If you want to know how to learn web design, you've come to the right place!


Method 1 of 3: Getting started

Learn About Web Design Step 1

Step 1. Know what makes web design different

Web design is not book design, it is not poster design or illustration work and the best results from those disciplines are not what web design strives for. While websites can become delivery systems for games and videos and while these delivery systems can be beautiful to look at, these sites are examples of game design and video storytelling, not web design.

Learn About Web Design Step 2

Step 2. Understand what web design entails

Web design is the creation of digital environments that:

  • Facilitate and promote human activities;
  • Match or adapt to personal preferences and content;
  • Stylishly change over time, while retaining its own identity.
Learn Web Design for Free Step 1

Step 3. Determine which source you want to use

The main sources are websites, videos and books. Some popular websites are Codecademy and W3Schools. There are many more though, so feel free to experiment!

  • Sign up for an account if you have chosen a website. You can keep track of your progress this way.
  • Once you have chosen videos, bookmark the videos you need.
  • If you want to start using a book, go to your local library or bookstore. If you want something cheaper (or even free), download eBooks or PDFs.
  • If you're willing to pay more, you may also be able to get private lessons from a professional web designer.
Learn Web Design for Free Step 2

Step 4. Check how much time you need

You will need to figure out how to fit this into your day if you are a busy person.

Learn Web Design for Free Step 3

Step 5. Download a web design application if you don't already have one

While you can do this with Notepad, it's a good idea to use a program like Adobe Dreamweaver, Microsoft Expression Web, or KompoZer. There are many, many others, so look around and find something you like.

Method 2 of 3: Learning

Learn Web Design for Free Step 4

Step 1. Start with HTML

HTML is an absolute must for any web designer. Master the concepts of tag, class, ID, input, etc.

  • The latest version of HTML is HTML5. HTML5 encompasses new technologies, so it's the best language to learn.
  • XHTML is also an option, but is a bit trickier because the rules are stricter.
Learn Web Design for Free Step 5

Step 2. Learn CSS

CSS stands for Cascading Style Sheet. Without CSS, the beautiful designs you see on some websites wouldn't exist. HTML is just the framework, but CSS is what makes a website colorful and beautiful.

CSS uses the rules a bit more strictly. For example, if you forgot a semicolon at the end of each line, you may find it hard to figure out what's going wrong

Learn Web Design for Free Step 6

Step 3. Learn JavaScript and jQuery

This is optional for those planning to create a simple website, but it is essential for interactive websites.

  • If you're going to use jQuery, you really only need a basic knowledge of JavaScript, because jQuery makes things quite simple.
  • With jQuery you can add widgets like an accordion, a calendar, etc. There are also different styles so you can choose the style you want for your website.
Learn Web Design for Free Step 7

Step 4. Move on to the more advanced languages

For example, think of PHP, MySQL, Perl, Ruby, just to name a few. Again, this is optional for basic website builders, but very useful for interactive and large websites.

Some of these languages, such as PHP, require a test server, so make sure you have an account with a web hosting company or have server software installed on your computer

Method 3 of 3: Applying your knowledge

Learn Web Design for Free Step 8

Step 1. Create project websites

Just experiment and create websites from scratch. This will help you put your knowledge into practice, instead of letting it get rusty.

Learn Web Design for Free Step 9

Step 2. Ask friends or family if they want a website

You can do this for free to gain experience!

Learn Web Design for Free Step 10

Step 3. Start your own website

It can be about anything you want, and it gives you a chance to show your work to the world.

Learn Web Design for Free Step 11

Step 4. Do freelance web design

Request reasonable loading rates and place a portfolio on your website. Your company can eventually grow into a full-fledged company.


  • When you're done with a project, you collect some of the code and convert it into a library. This prevents you from constantly typing the same code for each subsequent project. If the library gets big enough, you might even consider selling it!
  • Take your time! If you try to record everything in a few hours, you will forget it very quickly.
  • Don't think you have to pay for a good HTML editor. There are free editors that are just as good as the ones that cost hundreds of dollars.
  • If you have a friend or family member who knows a lot about web design, ask them to teach you. Who knows, they might want to do this for you for free.
  • PDF files are a bit more versatile than e-books. PDFs are readable on any computer, while eBooks are usually only viewable on one type of device, such as a Kindle, iPad, etc.


  • Don't burn yourself! You will only forget things when you are tired, and learn nothing more.
  • In programming languages, you may come across something called an infinite loop. Infinite loops are dreaded by programmers, so be careful not to let this happen to you!
  • Be careful when downloading programs! Anything can contain a virus.
  • When signing up for a website, do a little research first. Of course, when it comes to a well-known website you don't have much to worry about, but lesser-known sites may try to take your money.

Popular by topic