Best Ways to learn web designing & HTML

Discussion in 'HTML & Website Design' started by qasimbilal, Mar 19, 2010.

  1. #1
    Hi
    I was searching for tutorials on HTML/DHTML. I found a website with html/dhtml tutorials. There is also tutorials for web development. Here is the link.
    http://www.studiesinn.com

    Please share your reviews and links
    thanks.
     
    qasimbilal, Mar 19, 2010 IP
  2. ampg-it

    ampg-it Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    ampg-it, Mar 19, 2010 IP
  3. Luís Salvador

    Luís Salvador Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Try this one: w3schools.com

    ;D
     
    Luís Salvador, Mar 19, 2010 IP
  4. ceaseer

    ceaseer Peon

    Messages:
    473
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Trial and error works good. Grab one of the many free WYSIWYG html editors available and look at the html code that is generated to learn tags and such.
     
    ceaseer, Mar 19, 2010 IP
  5. xaban

    xaban Member

    Messages:
    62
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #5
    Yeah, w3shools.com is ok.

    You could also try htmldog.com/

    Cheers,
     
    xaban, Mar 19, 2010 IP
  6. dreadman

    dreadman Peon

    Messages:
    118
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Its important that you learn the correct way of doing things first its better not to learn bad habits and once you get that basics practise and get feedback
     
    dreadman, Mar 19, 2010 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    Problem is W3Schools has aged like milk - it was NEVER that great in the first place since it started out not caring about standards not even telling you which ones it documented were IE only, and it still doesn't clearly state MODERN coding practices like separation of presentation from content and still bothers documenting tags and attributes you shouldn't even be using in the first damned place. The 'improvements' they've made have just taken an already bad website, and thrown any semblance of paying attention to things like the WCAG right out the window.

    That StudiesInn tutorial isn't much better - in fact it's in many ways worse since the first page of it's HTML 'elements' tutorial starts out using a deprecated tag in it's example! When was this written, 1997? Oh wait, given that it calls XHTML the 'next generation" (which it was NEVER meant to be BTW) flushes that one right down the crapper... and I'm not even three paragraphs into it. Diving in deeper that it even tells people to USE the align attribute pretty much makes it completely useless trash that anyone out there starting out will end up the dumber for having read.

    Nothing like these decade out of date tutorials that are nothing more than web rot... I'm half expecting to see it advocating tables for layout.
     
    deathshadow, Mar 19, 2010 IP
  8. rockjone

    rockjone Peon

    Messages:
    358
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    w3school is also best for the html learing
     
    rockjone, Mar 19, 2010 IP
  9. DtraderK

    DtraderK Peon

    Messages:
    95
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    The best way is to buy a book for abour 15-40 dollars and learn it from there ..
     
    DtraderK, Mar 19, 2010 IP
  10. kooner001

    kooner001 Peon

    Messages:
    265
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    go for simple and smart site tizag.com for baasics of html.
     
    kooner001, Mar 21, 2010 IP
  11. HellBomb

    HellBomb Active Member

    Messages:
    125
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    80
    #11
    Well i Agree with you their, but when i first started to learn html/css a few years back it really did help out, but now that HTML5 and CSS3 have come around that site has become quite obsolete. For now i would go buy a book on html and css for dummies and start from their. Also find websites you like and take a look at how they did theirs, examining their source code see if you can come up with ways to make the pages the exact same without copying and pasting. I know its not really good to do this but find the source code of a basic site and copy it completely html and css. Then Start 1 contain object at a time such as <div></div> and find out what each line does and how it effects the layout of a page. That's a great way to get used to what each thing can do and how each object can be used and manipulated.
     
    HellBomb, Mar 21, 2010 IP
  12. HellBomb

    HellBomb Active Member

    Messages:
    125
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    80
    #12
    Update to my last post deathshadow take a look at this and notice the url. havnt read it very throughly but this seems to be a great document. w3.org/TR/css3-box/#floating

    *EDIT*
    Sorry wrong list from my bookmarks here is the one i wanted to post.
    w3schools.com/css/css_float.asp

    Had the same name in my book marks xD I found this and many of the articles from w3 schools very usefull. I agree that some of their articles could very easily be rewritten but they also have many good articles.
     
    Last edited: Mar 22, 2010
    HellBomb, Mar 22, 2010 IP
  13. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #13
    1) can someone translate that into english?

    2) If you are saying that's a good source, of course it is... it's the damned specification from the W3C.

    3) Lemme guess, you don't realize that W3Schools and the W3C have NOTHING to do with each-other apart from sharing the first two letters in their name?
     
    deathshadow, Mar 22, 2010 IP
  14. jitenw

    jitenw Peon

    Messages:
    89
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #14
    jitenw, Mar 22, 2010 IP
  15. m7md_cis

    m7md_cis Peon

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #15
    m7md_cis, Mar 23, 2010 IP
  16. Goldenwolf

    Goldenwolf Active Member

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #16
    From what I have seen (although not much) w3schools.com would be a great site to start.
     
    Goldenwolf, Mar 23, 2010 IP
  17. Mentalhead

    Mentalhead Active Member

    Messages:
    1,344
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    53
    #17
    Go and check some photoshop tutorials how to make web layouts. After you've learned photoshop a bit and leaned how to slice a PSD file, go to w3 schools and just try to learn syntax. It's just theory and it will not work as it should in real situation. So you might need Dreamweaver because it can complete your code and such, it will make your CSS and HTML easier to handle because it has code hinting and such, also you can validate your page which is quite important when it comes to browser compatibility (I'm thinking about IE 6 and up of course).
    That was the easy part :)
    After you've learned all the theory you'll need to practice a lot by making simple sites and to learn how to think properly in order arrange your CSS. I recommend that you use google and try to learn basic difference about CSS positioning because you will need it.
    You'll encounter many problems (especially with IE 6 and up) so be sure to check other forums for solutions as well.
    I'm not trying to scare you or anything but it's just the way it it is. The more you practice the more you learn and soon you'll start to think like a true designer/coder.
    Try to keep your code validated and good luck to you, and remember, practice makes it perfect.
     
    Mentalhead, Mar 23, 2010 IP
  18. Aven

    Aven Peon

    Messages:
    335
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #18
    I promise w3schools.com is the best. They explain everything extremely well and their examples are really good.

    They also don't jump into the hard stuff so quickly
     
    Aven, Mar 23, 2010 IP