by senesh
28 replies
  • WEB DESIGN
  • |
I want to learn HTML+CSS. I was just wondering if i spend at least 3 hours a day studying it how quickly will i be able to write it fluently?

Also, when people design websites do they learn ALL of the code or do they have a blank template of the code then add all the vital information?

Thanks
#css #html #learning
  • Profile picture of the author Lloyd Buchinski
    It doesn't take long at all. A really good book for starting out is
    Elizabeth Castro's "Html, xhtml and css" available from Amazon
    and it doesn't cost a lot. You don't have to learn everything first.
    If you are working on getting your links live, you just look up links
    and she has a few pages that give you everything you need to
    know. (Most of it will just be on the first page or 2.) Then she
    will have the deeper link topics like styling them with css and will
    give the page numbers for those topics.

    Then you look up the next thing you want to work on and get
    that working.

    The book is really well organized and she doesn't assume that
    you know anything. One extremely simple question I had with the
    first site was "How do you get your notepad page to open as a
    web page?" Google didn't help. All the pages it referred to
    assumed that I already knew that. Someone I knew who liked
    setting up websites gave me a completely wrong answer, and it
    took about a week (not full time) before I found out.

    Then when I got her book I checked out of curiosity and sure
    enough she covered that simply and completely.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[572432].message }}
  • Profile picture of the author wayfarer
    Originally Posted by senesh View Post

    Also, when people design websites do they learn ALL of the code or do they have a blank template of the code then add all the vital information?
    It depends on the individual or group of individuals building the site. I personally have some (very light) frameworks that I created that I start from every time. Because I built them myself, I know how they work 100%.

    The thing you need to understand about building websites, is it is a layered process, starting at the design, moving to the front-end code (HTML/CSS/JavaScript, etc.), then to the back-end code (this is any server language and database, and is not always used). Sometimes sites are programmed first, but this is not the norm.

    A big part of what you'll learn eventually is what part you are good at. Personally, I can do design, but it is not my passion, so I would prefer to pass it off to someone who considers design their number 1 priority. Then, once it is received, I can do whatever I want with it, because I'm a coder and programmer at heart.

    So learn HTML and CSS, but figure out what you're good at as well. If it is design, focus on that. If it is the code, learn more of that.
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[572753].message }}
  • Profile picture of the author dav8604
    CSS is super easy if you understand:
    width, height, font-weight, font-size you can learn it in about a day or 2. I personally learned CSS in a matter of a day to a day and a half. but i did have HTML experience before i tackled it.

    HTML is a little more complicated than CSS but if all you are wanting to do is make websites use dreamweaver and just use the div tag. the majority of your websites will be everything dreamweaver will give you pre-written and CSS.

    ------------------------------------------------------------------------------

    regarding the post about templates and coding them. most all of my sites can be fit into this "skeleton".

    Wrapper - A Div tag wrapping around the entire website to center it.

    Header - A Div tag inside of the wrapper containing the top portion of the website(as a background image) and the navigation. most of the time.

    Content - Containing any content of the website, and will contain divs inside of it, to position the content of the site.

    Footer - containing the bottom portion of the website as a background iamge, and bottom navigation and copywrite.


    Making sites is that simple.
    {{ DiscussionBoard.errors[573307].message }}
    • Originally Posted by dav8604 View Post

      CSS is super easy if you understand:
      width, height, font-weight, font-size you can learn it in about a day or 2. I personally learned CSS in a matter of a day to a day and a half. but i did have HTML experience before i tackled it.

      HTML is a little more complicated than CSS but if all you are wanting to do is make websites use dreamweaver and just use the div tag. the majority of your websites will be everything dreamweaver will give you pre-written and CSS.

      ------------------------------------------------------------------------------

      regarding the post about templates and coding them. most all of my sites can be fit into this "skeleton".

      Wrapper - A Div tag wrapping around the entire website to center it.

      Header - A Div tag inside of the wrapper containing the top portion of the website(as a background image) and the navigation. most of the time.

      Content - Containing any content of the website, and will contain divs inside of it, to position the content of the site.

      Footer - containing the bottom portion of the website as a background iamge, and bottom navigation and copywrite.


      Making sites is that simple.

      I agree it is that simple with little hard work.
      Signature

      peak short video - Im ready...are you?

      {{ DiscussionBoard.errors[587315].message }}
  • Profile picture of the author st0rm
    i gotta learn this stuff!
    {{ DiscussionBoard.errors[576161].message }}
  • Profile picture of the author sunilkumar
    hi this is very useful blog for learning css/xhtml . site having more tutorials. "sunlav.blogspot.com"
    {{ DiscussionBoard.errors[576403].message }}
  • Profile picture of the author robie
    Yes I think css/xhtml is very important languages these days
    {{ DiscussionBoard.errors[578787].message }}
  • Profile picture of the author Tinoes
    Lol, html is very easy. Just check out those tutorials online, there are many of them.
    CSS is very usefull, but i woulda first learn html, i did in 1 month, with quite some work.
    {{ DiscussionBoard.errors[582359].message }}
  • Profile picture of the author Jmn187
    I was self taught. You could probably hit up you tube and have a basic site created within 20 minutes. But for a good grasp I would say a couple of weeks. And your always learning something new.
    {{ DiscussionBoard.errors[583118].message }}
    • Profile picture of the author merigot123
      Originally Posted by Jmn187 View Post

      I was self taught. You could probably hit up you tube and have a basic site created within 20 minutes. But for a good grasp I would say a couple of weeks. And your always learning something new.
      I think this is vital, taking one step at the time. The programing world is so wide open for someone outside looking in it seems overwhelming and complex. If you pick one area you master it and you move on to the next. The problem is to try to learn everything in one shot. It requires patience on your part, be patient.
      Signature
      "WARNING" The Truth About 100% Commission Programs You Are Not Being TOLD. CLick Here To Get It!
      {{ DiscussionBoard.errors[668697].message }}
  • {{ DiscussionBoard.errors[584516].message }}
    • Profile picture of the author irving
      I have checked out the site freecss.info. Its very simple. Thank you so much Jhbalaji.
      {{ DiscussionBoard.errors[591952].message }}
  • Profile picture of the author thinkrich
    do a search for free html tutorials.

    If it aint free, dont buy it.

    There is PLENTY of info around for nothing.

    HTML is essential!!!

    If you slap up a page but there is something wrong, then you NEED to know which html code to alter so your page looks right.

    Nobody taught Me how to do HTML. I keep a 'swipe file' on my computer of well designed pages.

    I then see which components go where... then apply the coding to my own pages.

    Always keep swipe files.

    HTML Editor - I learned with Notepad and STILL do a lot of editing with nothing more than Notepad.
    {{ DiscussionBoard.errors[588607].message }}
  • Profile picture of the author niceextra
    i think if you spend 3 hours a day studying and practicing, you could be fairly fluent in about a month. the best learning comes from actually doing it, not just reading lessons.
    {{ DiscussionBoard.errors[593520].message }}
  • Profile picture of the author googleplex
    Learning how to program the basics will go quick and its handy to know how to tweak things on your own.

    Check out a forum called PHP Freaks - Index they have some excellent resources for programming in PHP and there are tons of people around there that will help you out with the questions you may have.
    {{ DiscussionBoard.errors[593546].message }}
  • Profile picture of the author conjamuk
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[593548].message }}
    • Profile picture of the author Jesus Perez
      Originally Posted by conjamuk View Post

      I would try lynda.com. Thats how I learned.
      Me too. Best resource EVER.
      Signature

      {{ DiscussionBoard.errors[596395].message }}
  • Profile picture of the author Minisite Frog
    Hi there,

    As someone previously recommended. Lynda.com is probably the best place to learn CSS/XHTML alongside a massive range of other skills. I opened up a premium account with them and it's worth every cent. But the best way to learn is by applying everything you've learned. I'd say you'd be fluent in 1 - 2 months if you were studying 2/3 hours a day... possibly less.

    Regards
    {{ DiscussionBoard.errors[609741].message }}
  • Profile picture of the author Richard Whyte
    Yes, w3schools.com is a good site to learn and then use as a reference.

    I have a couple of pre-built templates I use. They give me basic layout options I use all the time. I also have a number of CSS template files that I copy and paste out of then make some changes to the parts. This saves on retyping a lot of the same information each time you make a new site.

    I keep my own "website" on my computer. By this I mean it lets me keep my skills sharp, but it is also a huge library of info and links to other files on my system.

    Just like a website you see on the internet, I have a directory structure, different topics and info pages.

    Like under my Web Design Like, I have sub pages for each of the languages I use, HTML, CSS, Perl, PHP, Javascript, ETC....

    This way you not only are organising your own information, you are also learnig the best way to build things. You also have a place to test your new ideas out and how they will look to others.

    Hope that helps you out,

    Have a Great Day!
    {{ DiscussionBoard.errors[611287].message }}
  • Profile picture of the author XGoogleX
    about.com has some class you would love to read.
    {{ DiscussionBoard.errors[612853].message }}
  • Profile picture of the author Minisite Frog
    w3schools.com is also another good option if you're not willing to spend money on the more premium services.
    {{ DiscussionBoard.errors[612857].message }}
  • Profile picture of the author Katatonic
    w3schools.com is good free resource as already recommended.

    You can download plenty of free ebooks out there, or simply do a search on Google.

    The best thing you can do though is practice.
    {{ DiscussionBoard.errors[668664].message }}
  • Profile picture of the author Jennysmithuk
    It's not about time, it's all about your ability to learn new things and the pace that one need to do something
    {{ DiscussionBoard.errors[668769].message }}
  • Profile picture of the author webarts
    There are several of them out there.
    {{ DiscussionBoard.errors[678710].message }}
  • Profile picture of the author BethD
    I always learned best by doing. I'd start with something I wanted to create, figure out from docs and tutorials and such how to do that thing, then move on to the next thing. Some people can just sit down and read a book or tutorial and do it, but like others have said, however you learn best, break it into small easily digested chunks.

    However you do it there will be a constant learning process. I don't mean you have to devote 3 hours a day every day, but after you have a page done, you'll find new things you want to do and new ways of doing it. Your knowledge base will always be expanding. That's the fun part of the net - it never stands still!
    {{ DiscussionBoard.errors[678795].message }}
  • Profile picture of the author honestseo
    I would suggest installing Firebug in your Firefox browser, enable it, then start checking out other people's code. You'll learn alot just by seeing how things are done.

    For example, Mailchimp.com has a site with some very well written and documented CSS. See what they are doing there.

    Hope that helps.

    Honest SEO
    {{ DiscussionBoard.errors[690744].message }}
  • Profile picture of the author tococontentedit
    Toko content editor launched a new version for their CMS.
    This version enables editing html,php files as word over the Internet with advanced wysiwyg (what you see is what you get)
    any many more features. I would like to recommend this editor as it is FREE for non commercial use.
    {{ DiscussionBoard.errors[692266].message }}
  • Profile picture of the author simplyjessie
    For fast learning of CSS/HTML, you can try watching video tutorials on the web. w3schools provide great tutorial in css, you better try it!
    Signature
    Music Careers - Visit to Get a Chance to perform LIVE at the Roxy Theater
    Blackberry Phone Catch it NOW!
    Also see Best New Music and Jessie's Blog for latest ramblings on music, seo, latest events, etc..
    {{ DiscussionBoard.errors[693193].message }}
  • Profile picture of the author sachibhat
    I'm learning using w3schools.com
    Its a top resource to learn the basics and after you learn the basics buy some book from amazon
    {{ DiscussionBoard.errors[694031].message }}

Trending Topics