About Learning Web Design
Learning Web Design The Hard Way
Learning web design the hard way is something that no one wants to do. Who has hours, days, or weeks to spend trying to learn web design or anything else? You could try reading book, after book, which is fine if you learn that way, but the problem is that when you go to build your first site on your own, you are going to run into problems and have trouble. It is one thing to read about web design from a book and another to actually try to do it.
Approach Learning Web Design the Easy Way
One of the best ways to truly learn web design is to actually get into it. If you mix reading materials, such as industry standard books, with great websites, and then practice real world website building and making changes, then you will get a real world understanding of how it works. I would suggest starting out with basic html. You have to learn tags and what they do. Learn the basic html tags and then go ahead and learn html5 tags and how they differ.
Learning Web Design By Analyzing Templates
This is a tip that I give anyone that is looking to learn web design quickly and easily. There are hundreds, even thousands of templates available for free online. Choose one that looks great and that uses HTML and CSS to get the look that you want. Then open the html files up in your text editor or web design program such as Text Wrangler or Dreamweaver. This will let you look at the code. You can pull up a side by side view of the code and the live design, so that you can see how an area of the site is put together.
Learning Web Design: Tools & Sites That Help
Learning web design isn’t all about analyzing code. There are sites, plugins, and other things out there that will help you with your journey. These sites and tools will help you to break apart CSS styles, and how everything works. Check out these goodies to help you with learning web design:
Firebug For Firefox
Firebug allows you to right click on any element on your web page and see why an element is behaving the way that it is. Common culprits such as margin and padding are color coded so that you can see how much they have an affect on any element. For example, margin is yellow and padding is purple. The element itself is blue. This makes it easy to see why something isn’t aligned properly, or why it isn’t where you want it to be.
Dreamweaver is getting better about giving you the tools you need to create stellar websites. I love Dreamweaver CS6, and that is my choice product for building a site. It may just be because that I started with back in the day, but I have stuck with it.
This site is great for learning how CSS works. If you want something such as rounded corners or an inset shadow, you can plug in a few parameters, and the site will generate the proper CSS to make it happen. The best part is that you get a preview of what it will look like, so you can make adjustments, and the code will update live on their site. Then you can copy and paste it right into your stylesheet.
This site is packed full of information about web design, including every tag and style that you could imagine. This is a great source for learning the code side of a website.
Treehouse is an amazing website that teaches web design, how to build apps, coding, etc.They feature video tutorials and quizzes, so that you can apply the knowledge that you just acquired.
Lynda is another place where you can learn via tutorial videos. This is excellent, because you can work on realistic projects and the person on the video walks you through the process step by step until the project is completed.
Learnable is another great place to watch video tutorials and learn how to build websites from seasoned professionals. they have tons of content, so there’s always something to learn.
Learning Web Design may seem like an insurmountable task, but in reality, it isn’t as bad as it may seem. Now, keep in mind that you won’t become a web design guru in a week, but in a few short months of daily dedication will really pay off. You have to be consistent in learning and you have to stick with it. your first website may not be perfect, but building a house starts with placing the first stone.
Do you have any advice for learning web design easily? If so, share your experiences in the comments section below.