Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Apr 2011
    Posts
    144
    Thanks
    3
    Thanked 1 Time in 1 Post

    Want to learn, but nothing benefits...

    Hey all,

    I really want to learn html and css coding, I understand the basics. I use photoshop so I am able to create my own templates, however start the code seems to be the hardest for me.

    I don't quite understand how to start my coding once the template is sliced and ready to go. I watched many videos "PSD to html and css" but it's all different, the template I made is not like the ones they are showing how to code.
    So I am not sure how to layout the beginning of an html and css. :/

    I learn best by my mistakes, but this, this, this is somethin different. It's not do it wrong and then correct yourself, it's more along the lines of, ok that's not right wtf do I do now? Type of deals

    I have checked w3schools, but again it is not what I am looking for. I have yet to find something explaining how to start the html doc and then start it on your css.

    Any recommendations on how to learn this on my own, but while using my template?

    Thanks all,
    Jon

  • #2
    New to the CF scene
    Join Date
    May 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I used the training videos on lynda.com to teach me how to use Dreamweaver. In about 1 month I went from having very little knowledge of web design (took a HTML class in 8th grade and a Java class in college, that is it) to making an okay looking website. Apologies in advance if its a no no to post links but this is the website I threw together: combocloset.com

    None of the content is real and the domain name makes no sense but you get the idea with the styling.

    For me w3schools is a useful reference after I got a solid understanding of HTML and CSS.

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,700
    Thanks
    6
    Thanked 1,011 Times in 984 Posts
    dazd, you’re obviously trying to take the second step before the first. Take it easy and don’t think about your template just yet. Rather, make yourself familiar with basic HTML and CSS by starting with simple layouts. However, web design/development isn’t just about the nice templates, there’s a lot more less obvious thinking behind that. At first you have to think about the content you are going to present. HTML is there to mark up content, so mark it up with proper, semantic HTML before you think about your template. After that you can start creating the overall layout with CSS (two columns/three columns, etc.) – you can, of course, change the HTML in that process if that turns out to be necessary. And this is where you also implement the graphics of your design comp.

    A great resource for basic page layouts (HTML/CSS) to check out how it’s done is http://bonrouge.com/

  • #4
    Regular Coder
    Join Date
    Apr 2011
    Posts
    144
    Thanks
    3
    Thanked 1 Time in 1 Post
    Quote Originally Posted by JohnnyCK View Post
    I used the training videos on lynda.com to teach me how to use Dreamweaver. In about 1 month I went from having very little knowledge of web design (took a HTML class in 8th grade and a Java class in college, that is it) to making an okay looking website. Apologies in advance if its a no no to post links but this is the website I threw together: combocloset.com

    None of the content is real and the domain name makes no sense but you get the idea with the styling.

    For me w3schools is a useful reference after I got a solid understanding of HTML and CSS.
    For a thrown together site, I would say good job. I've checked Lynda out, but kind of skeptical about them.

    Quote Originally Posted by VIPStephan View Post
    dazd, you’re obviously trying to take the second step before the first. Take it easy and don’t think about your template just yet. Rather, make yourself familiar with basic HTML and CSS by starting with simple layouts. However, web design/development isn’t just about the nice templates, there’s a lot more less obvious thinking behind that. At first you have to think about the content you are going to present. HTML is there to mark up content, so mark it up with proper, semantic HTML before you think about your template. After that you can start creating the overall layout with CSS (two columns/three columns, etc.) – you can, of course, change the HTML in that process if that turns out to be necessary. And this is where you also implement the graphics of your design comp.

    A great resource for basic page layouts (HTML/CSS) to check out how it’s done is http://bonrouge.com/
    I figured the best way for me to learn is to create a template in photoshop, slice it and try to code it.
    What if I created a site that had no side columns? Just a top nav and a footer nav? How would I go about doing that, because it's not numerous columns it's a single content box with a top nav and a footer.

    I understand the basics of html and html does, I also understand what the css does, however, I don't just don't understand how to start my coding.

    I just need to know how to start my project.
    Thanks,
    dazd

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I've checked Lynda out, but kind of skeptical about them.
    No lynda.com is an awesome site, but I dont recommend signing up there unless you are serious about becoming a web designer/coder. They are around $25 a month...more if you want their premium tutorials and downloadable exercise files.

    Again, as Stephan said, you cant put the cart before the horse. You say you have a basic understanding of html and css, but then you say you dont know how to start your coding. I would suggest your basic understanding is lacking then. You HAVE to start with the basics. Would you paint a car first before its fully restored mechanically? Would you shingle a roof on a house before the rafters are up and set?

    Work through some good FREE online tutorials to get a feel for a basic page layout. Then move to a two column layout. Then you can add a header and footer. Those are basics every coder should know first and foremost.

    Slicing up a photoshop created layout, in my opinion, is a little more advanced for a beginner.
    Teed

  • #6
    Regular Coder
    Join Date
    Apr 2011
    Posts
    144
    Thanks
    3
    Thanked 1 Time in 1 Post
    Quote Originally Posted by teedoff View Post
    No lynda.com is an awesome site, but I dont recommend signing up there unless you are serious about becoming a web designer/coder. They are around $25 a month...more if you want their premium tutorials and downloadable exercise files.

    Again, as Stephan said, you cant put the cart before the horse. You say you have a basic understanding of html and css, but then you say you dont know how to start your coding. I would suggest your basic understanding is lacking then. You HAVE to start with the basics. Would you paint a car first before its fully restored mechanically? Would you shingle a roof on a house before the rafters are up and set?

    Work through some good FREE online tutorials to get a feel for a basic page layout. Then move to a two column layout. Then you can add a header and footer. Those are basics every coder should know first and foremost.

    Slicing up a photoshop created layout, in my opinion, is a little more advanced for a beginner.
    I do understand the basics as in what code does what, what it stands for, how to put in a very simple page. For example, I started this site about a month ago and worked it on for only 2-3 days and got this far. pvdemos.com
    It's obviously my first one so things can be changed and things do have to be fixed such as the top nav, footer, and a few others.
    I was working on that one as a free psd I found online, then I decided to make my own, slice it and try an code it.

    So as you can see I understand some it, but I am having trouble with, is how to setup different styles of templates in your html.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •