CSS-Tricks PSD to HTML: You Design - We XHTML

Learning CSS/HTML, Start with Static or Dynamic?

The Graphic Design Blog asks an interesting question about advice for beginners on learning CSS/HTML: Should newbies learn static or dynamic web design?

The obvious conclusion would be ‘you gotta learn to walk before you can run’, but this isn’t necessarily true anymore on the web. It is a fairly easy process to get WordPress installed on a website and a beginner could learn a lot about web design and layout quickly by poking around with that. The fact is, there just isn’t a whole heck of a lot of static webpages left out there, and the ones that are there feel like dinosaurs next to all these sexy dynamic pages out there. Why learn what is essentially an outdated form of web design?

It is an interesting debate though, and there might not be a right or wrong answer. I personally lean toward static. It’s all about those fundamentals. That’s why football teams hold practice every day instead of scrimmages. They need to work on their speed and their footwork and ball handling skills, just like a beginning web designer needs to be thinking about layout styles, typographic control, and code efficiency. It’s hard to be thinking about those things while you are just poking around a big beast of code 99% of which you don’t understand. Web design beginners should be asking themselves whether absolute or relative positioning is more appropriate not trying to decipher some complex database call.

This may seem obvious, but dynamic pages are just static pages with some dynamic content plugged in. Building a beautiful dynamic site happens by first building a beautiful static site and then adding/replacing content with dynamic content. I know the line gets fuzzier and fuzzier between designer and developer, but while they may always be separate jobs, they are separate tasks, so think and act on them separately.


Theoretically Related Articles:


Responses


  1. 1

    Gravatar

    Thanks for the mention. You’re site looks like it could be pretty useful for a newbie coder like me, I’ll be back to read more.


    Comment by Tara :: Graphic Design Blog — September 8, 2007 @ 1:01 am

  2. 2

    Gravatar

    Thanks Tara. Remember you can always use the contact form and send us questions directly if you have trouble with anything.


    Comment by admin — September 9, 2007 @ 4:54 pm

  3. 3

    Gravatar

    Intersting thought. My first plunge into html/css was when I needed to modify a wordpress blog template. Effectively learning dynamic web design before static. :)


    Comment by drek — September 12, 2007 @ 3:42 pm

  4. 4

    Gravatar

    Honestly, even though I mentioned in the article I think it’s probably best to learn static first, I started with dynamic sites first too. It was a band blog I wanted to modify and personalize. There is just something so much more motivating to be working on a site with ever-changing content rather than a stick-in-the-mud static site.


    Comment by admin — September 12, 2007 @ 4:08 pm


Leave a comment

Sick of typing in all this info everytime you comment? Register or Login and save yourself time!

LINKS: You can use <a href="">LINK</a> tags here.
CODE SAMPLES: Please wrap code samples in BOTH <pre> and <code> tags.

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.