What's The Best Way To Learn Web Design?

Profile picture of the author sownsow by
I am wanting to learn how to do web design without having to pay a fortune online. I paid about 30k to a school for 2 years and I barely know more than I did when I began. Can anyone give me any tips and/or ideas where I can become masterful at web design and by teaching myself.

There has to be some good sites out there?
#web design #design #learn #web

  • Profile picture of the author xtrapunch
    Google is the best place to learn web designing.

    Htmldog.com
    net.tutsplus.com
    Smashingmagazine.com

    Thousands of good web design blogs/websites out there.
  • Profile picture of the author BillyW
    I agree with Sham, w3school.com is the most comprehensive website when it comes to learning anything related to design and coding. There is also another great website called codecademy.com that offers "hands on" training. I'd say start off by going through the tutorials at w3school and others and then start applying what you learned. The best thing I have found when it comes to web design and programming is practical application. The more you do it, the more you learn. I would suggest setting up a local host and start practicing, once again, after you've done a few tutorials. And like Xtrapunch said, Google everything you want to know.
  • Profile picture of the author Emil from Bavaria
    I'd start with editing existing designs, for instance take a very basic Wordpress theme such as TwentyTen, install Wordpress and the theme on a local web server such a Wamp, Mamp, Xampp, edit the CSS a little bit, reload the browser and see what it did. Or, do the edits in Firefox & Firebug first, then apply them to the CSS file. As BillyW said learning by doing is probably a better option than spending too much time with theoretical tutorials unless you find one that fits your style of learning and understanding very well. The hardest part is getting the layout right and compatible across browsers, styling the HMTL elements (adding color, border etc...) is rather easy. You should also have all major browsers installed so you don't rely too much on some CSS effects that just don't work in another browser.
  • Profile picture of the author LongTail Silver
    Personally, I think the best way to learn "anything" is to start doing it.

    For example, if you want to understand how HTML works:
    1. go to some site (preferably a small, simple page to start)
    2. save the page to your desktop.
    3. Open the html file in a text editor (notepad works fine) and simultaneously open the file in a browser (File > Open > Choose file)
    4. Look for a "landmark" in the code, meaning, something that let's you have a point of reference. For example, if the page headline says "Cool website title", you could search the code for "Cool website title".
    5. Once you find it, make a small change to the text, save the file, and reload the page in the browser to see what changed. Then do it again until you get an understanding of cause and effect.
    6. Be persistent.
    7. If you have a question you can't figure out on your own, do Google search. Everything you could ever think of has probably been answered. StackOverflow, W3Schools, CSS Tricks, etc. are tremendously valuable resources.

    The above method is exactly how I went from knowing nothing to being fluent in HTML, CSS, PHP, Javascript, jQuery, etc.
  • Profile picture of the author QWE
    The way I learned was by buying several HTML, CSS, and PHP books. I just started to follow examples and applied them in the real world. You just take one step at a time. I know everyone has a different learning style but I just ask tons and tons of what if questions to myself. It worked for me.
  • Profile picture of the author Ewan Lumsden
    Try the W3 school online. They have decent tutorials and its where I first learned how to code HTML. Also invest in some big chunky books that'll teach you it right through, a good big reference guide. It's also wise to learn other web languages like CSS and PHP etc...
  • Profile picture of the author tamnl
    If you know basically about coding, I think you should follow some video tutorials about web design and do as they guide you. You can find many useful video tutorials on Youtube.

    But if you know nothing, you can start to build website with some open source CMS such as Joomla, wordpress... They're the best solution for you.
  • Profile picture of the author dawidtailor
    If you want to learn web design than you have to search on internet, You can prefer many ways like classes and online tutorials those provide best information about web designing. There are many ebooks available on internet so you can read this book and get proper information of designing.
  • Profile picture of the author mathi33
    you can learn from many online websites and some tutorial sites like w3schools.com..thats help you to undersatnd easily about basic codings and you just build a website by using some default free website builders so that you can get some idea and tats helps you to build your own website easily......
  • Profile picture of the author goleza
    Try www.w3schools.com and www.tizag.com. You will find useful step-by-step and easy to understand tutorials on learning the HTML language to begin with.

    Since reading on the computer is not easy, I recommend that you get for yourself a hard copy and practice slowly by slowly. I also bought e-books online from www.webdesignmastery.com, downloaded them and made hard copies and started teaching myself. I have been able to design my own website.

    I really encourage you to go ahead with your desire. Wish you success
  • Profile picture of the author Xifos
    I'm really surprised that nobody has directed you to Lynda.com as they are absolutely first rate at teaching anything and everything. They will start you off as if you have no knowledge at all and get you up to advanced levels quickly. Because it's video training you not only get shown, you do it, and you hear it, all at the same time, so it's a 3 way learning process that really increases your rate of knowledge retention. I swear by it. I learnt more in two months using Lynda.com than I learnt in 3 years studying a BSc at University. Why overcomplicate things when these people make it so bloody easy to learn.

    One thing I would strongly advice if you're new is that you get the exercise files and as they show you something, copy exactly what they do instead of watch the whole video and then trying to remember what you've just seen. If you do it like this you'll fly through and remember virtually everything one time.

    Hope this helps!
  • Profile picture of the author WebProWorker
    w3schools is one of the best free resources out there. After you learn the theory and see what each HTML tag is supposed to do, you should work your ass off. This is how you will get good at it.

    Oh, and after you get to know some stuff, you will discover this site: w3fools.com. There are some errors in w3schools' documentation, but that's not a biggie.
  • Profile picture of the author Quincy
    There's a solid course on Udemy.com , too.
  • Profile picture of the author teamheroic
    thenewboston has helped me alot through it all.

    w3schools is also very helpfull
  • Profile picture of the author mayankgangwal
    Every one is and i will also go for w3schools.com is the best way to learn anything you want. Itz the best website for startups.
  • Profile picture of the author abacies
    Hello Mate,
    My suggestion is try to clone the designs in the initial stage.Just start with a scratch, While using Photoshop if you failed to find the tools just Google it.That going to great experience instead of studying each and every tools of the particular software.More over webdesign is playing with colors more over creativity.
  • Profile picture of the author aadi144
    Originally Posted by sownsow View Post

    I am wanting to learn how to do web design without having to pay a fortune online. I paid about 30k to a school for 2 years and I barely know more than I did when I began. Can anyone give me any tips and/or ideas where I can become masterful at web design and by teaching myself.

    There has to be some good sites out there?
    You can check out W3Schools.com its a great site to learn every single language.
  • Profile picture of the author bangdent
    i read Oreilly pdf head first html and css

    that is a good books for newbie
  • Profile picture of the author Qualitywebsol
    w3school.com is the best way to learn web design because of their features that show the code of regarding topic that about you want to know and run the code on current page and show the output..
  • Profile picture of the author Kim Phoenix
    I agree with many of the previously-mentioned suggestions. I also like to search YouTube for videos on how to do things. In particular, search for videos on how to use Wordpress. Wordpress is a great way to start making sites. You can use the WYSIWYG editor or do things in HTML as you learn it.

Next Topics on Trending Feed