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
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.
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.
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.
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.
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
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.
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
This is optional for those planning to create a simple website, but it is essential for interactive websites.
- 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.
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
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.
Step 2. Ask friends or family if they want a website
You can do this for free to gain experience!
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.
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.