Beginners Guide to HTML/CSS

Great! However the pacing still feels dense. I think beginners reading this could use two things: 1. more frequent sectioning and 2. more examples. Bonus round would be giving the students a way to actively demonstrate their newly gained knowledge inline with the tutorial. Anyway, I think what you've got is fantastic.

Re: Beginners Guide to HTML/CSS

#6

Post by ceol » Tue, Jan 31, 2012, 1:26 AM UTC

ypodim wrote: post #4

coryl wrote: post #2

Well designed, but depends on what you call a "beginner".

What would be more "beginner" than that?

"As on [sic] overview, HTML is a hyper text markup language created to give content structure and meaning. CSS, also known as cascading style sheets, is a presentation language created to give content style and appearance."

"Elements are designators that define objects within a page, including structure and content. Some of the more popular elements include h1 through h6, p, a, div, span, strong, and em."

It's friendly to people who have prior experience, but I wouldn't give this to a fresh beginner. What's "content"? What about "objects"? I'd like a beginner's guide to introduce the reader by pointing out what each tag corresponds to on an actual web page so they can relate to it. It feels like a reference guide to HTML rather than an introduction.

Re: Beginners Guide to HTML/CSS

#7

Post by cgarvey » Tue, Jan 31, 2012, 1:32 AM UTC

I'm really not a fan of the "Design" of this. It looks pretty, but the "wall of text" approach feels overwhelming.

It feels like it's half guide and half reference, but not particularly excellent at either.

Also the organization of content seems way off to me. In the first lesson I learn about things like code validation and CSS resets, but I don't even learn about html list elements until lesson 9?

I think with a lot of reorganization and better 'chunking' this would be a lot better.

Re: Beginners Guide to HTML/CSS

#8

Post by ypodim » Tue, Jan 31, 2012, 1:36 AM UTC

ceol wrote: post #6

ypodim wrote: post #4

Earlier quoted context omitted.

What would be more "beginner" than that?

"As on [sic] overview, HTML is a hyper text markup language created to give content structure and meaning. CSS, also known as cascading style sheets, is a presentation language created to give content style and appearance." "Elements are designators that define objects within a page, including structure and content. Some of the more popular elements include h1 through h6, p, a, div, span, strong, and em." It's friend…

I see your point. However, at that level CSS would be rather irrelevant it was my impression that the site meant to introduce CSS too. Anyway, not worth splitting hairs over this.

Re: Beginners Guide to HTML/CSS

#9

Post by ChadMoran » Tue, Jan 31, 2012, 1:46 AM UTC

I guess?

It has a pretty small font size and for any modern monitor slides to the left and only takes up 50% or less of the page size.

Meh...

Re: Beginners Guide to HTML/CSS

#10

Post by jergason » Tue, Jan 31, 2012, 1:46 AM UTC

I really wish they didn't link the w3schools at the bottom under resources. They are a spammy, and often incorrect, resource for learning HTML, CSS, and JavaScript. MDN has better docs, no ads, and no trying to sell you dubious "certifications."